网页设计/配色/UI界面/图形样机网站集合大公开！

时间：2023-10-04 08:48:01 | 来源：网站运营

时间：2023-10-04 08:48:01 来源：网站运营

网页设计/配色/UI界面/图形样机网站集合大公开！：此篇内容一共分为四大类：网页设计、配色网站、UI图标网站、图形&样机资源网站 。喜欢的请点赞哟~




一、网页设计网站

1.Reeoo是我本人最喜欢的优秀网页设计网站之一啦，它是可以根据配色筛选好的网页，其实不考虑色彩，Reeoo上已经都是顶级设计网站了，非常非常多牛逼设计师提供的顶级设计，让Designer们长期追捧。而按照颜色筛选这个功能，简直是让人欢喜到无以复加，真心的非常方便。

Reeoo

2.如果你喜欢日本的设计，那你一定要关注这个网站，这里多半都是日本设计师的作品分享。网站也带有日本设计的优雅与公整，且整个网站分享的作品质量也较高。

Web Design Clip




3.免费提供数百种用户界面、模板和图标资源，还可以按文件类型和领域搜索。

Fly Pixel

4.提供网页设计趋势、教程和免费资源、站内文章涵盖了从品牌和用户体验设计到营销和社交媒体的网页设计等各个方面，免费资源包括UI工具包、博客站主题样机、图标和矢量图。

WebdesignerDepot




5.提供各种类型的智能手机、平板电脑和显示器的屏幕尺寸。

Screen Sizes

6.FltDesign

7.免费的PSD、图形、平面、网页设计资源 。

DesignLazy

8.网页设计的网站

The Fox

9.程序员和设计师都可以看的网站，主要是Web开发、移动开发、性能优化、体验报告等。

凹凸实验室




10.网页设计和开发博客，有最新的一些技术、特效代码和文章。

Codrops




二、配色网站

网页设计师25配色工具：

1.ColorHexa 链接： www.colorhexa.com

2.Coolors 敲击空格即可换配色 链接： www.coolors.co

3.Palettte 链接： palettte.app

4.Materrial UI Colors 链接： http://materrialuicolore.co

5.Color Supply 链接： http://colorsupplyyy.com/app

6.Color Safe 链接：http://colorsafe.co

7.Color Hunt 现成配色 链接：www.colorhunt.co

8.Open Color 链接：http://yeun.github.io/open-color

9.color scheme designer 链接：http://www.peise.net/tools/web/

10.配色表 链接：网页设计常用色彩搭配表 - 配色表 | 小影的工具箱

11.SDC优设网配色工具 链接：网页配色,设计配色,配色图表,配色卡,配色方案图谱生成-SDC优设网配色工具 12.Color Hunter 链接：Color Hunter

13.Adobe Color CC 导入任何图像以生成颜色主题，或者使用其色盘生成不同的主题如：单色、邻近色、三元色、互补色、复合色和阴影! 链接：www.color.adobe.com

14.BrandColors

自称是最大的官方品牌颜色代码合辑，单击喜欢的颜色会立即复制到剪贴板。

链接：www.brandcolors.net

15.Coolors

快速颜色方案生成器，几秒内创建、保存和共享不同的调色板。

链接：www.coolors.co

16.Flat UI Colours

提供多种设计项目调色方案，与全球13位设计师合作设计和演示提供了共280种颜色的搭配

链接：www.flatuicolors.com

17.Colour Lovers

一个国际社区网站，提供了设计灵感资源和执行所需的工具，拥有丰富的用户分享内容、色彩搭配灵感以及制作工具。

链接： www.colourlovers.com

18.Palette Creator

右键单击目标图片，选择“调色板创建器”选项，然后选择调色板所需的颜色数，即可提取图片风格配色。 链接： www.chrome.google.com/webstore/detail/palette-creator

19.配色：Web安全色

该网站列举了216种网页安全色，分Html和RGB两种进行标识。

20.配色网-致力色彩搭配方案的交流与学习

这个配色网站有些名字起得挺有文采的，能给人直观的想象，方便记忆。

除此之外，首页下方，还有一些关于配色的相关知识和方法。

21日系配色 链接： http://nipponcolors.com

22.渐变配色 链接： Free Gradients Collection by itmeo.com

23.图片颜色提取 链接： ColorFavs

24.日系配色 链接： FLAT ICON DESIGN -フラットアイコンデザイン-

25.香叶红 - 中国色 - 中国传统颜色 中国色 － 中国传统颜色

---

三、UI界面网站

1.阿里巴巴图标网 Iconfont-阿里巴巴矢量图标库

2.专业用户体验设计平台 。这里是UI设计、图标设计规范、用户体验设计研究，教程学习的网站。

UI中国

3.icons8 免费图标




4. Iconstore 系列图标




5.扁平化图标 超过130000个矢量图标，1849个打包资源。

FLATICON




6.Iconsfeed iOS风格图标




7.IconFinder




8.UI设计师的成长记 - 博客 - 飞屋设计

飞屋博客




9.Findicons




10.Easyicon




11.IconArchive




12.强大的ICON搜索功能，集众人之力为所有词绘制矢量图。提供免费会员资格，访问超过100,000个不同主题的图标，付费升级后可无限制访问目录。

Noun Project




13.Medialoot

211+ Most-Popular Icon Sets to Download (SVG, PNG, AI, PSD)




14.Pttrns IOS UI




15.丰富的图标资源，从网络、企业、社交等常见项目到一些不寻常的主题，如美容、美食等均有涉及。

Endless Icons




16.非常详细的UI收集网站，关键是分类做得非常好。网站左侧的一个导航列表，里面基本上涵盖了各种常见的UI界面，细致到共有167个种类！

UI收集网站：Collectui

---

四、图形&样机资源网站

1.独立和完整的素材资源兼具，用户可以在其中下载免费图标、线框、按钮、表单和徽标。

Sketch App Sources

2.矢量图形、徽标设计和PSD图形的集合网站，从商业图标集和免费平面UI工具包到网页图像和Facebook封面，有大量可以浏览和下载的资源。

365PSD







3.提供免费UI工具包、图标、模型、模板和字体，同时用户也可以提交自己的作品

Designer Mill

4.免费矢量图库，自称矢量图搜索引擎网站先驱，高质量的免费的矢量艺术，插图，图标，PSD等素材资源，拥有超过一百万个免费矢量图和照片资源。

FreePik

5.拥有大量图标和矢量图形、图形设计、和网页设计模板。

Pixeden




6.提供图标，矢量图形，字体，库存图像和纹理，用户可选择免费资源下载。

Design Instruct




7.主要汇集一些大品牌的logo，例如 Facebook、Spotify、Dropbox等公司的标识。

FindGuidelin.es




8. 从字体、图标、插画等PS资源到样机、网站模板，一应俱全。

Freebiesbug

9. 提供各种图标、UI工具包、背景图片和样机PSD资源。

Psddd

10.一个样机PSD包，可以免费用于商业和个人项目，所有图像都是在C4D中创建而成，并使用Octane Render进行渲染，由美国设计师 Aaron Covrett 提供。

Granite Stationery Bundle

11.Screely

12.Yoarts




13.由设计师Alex Andr提供的，四个免费名片样机。

Business Card Mockup




14.一款线上框架合成工具，提供智能手机、电脑、笔记本、名片、杯子、招牌、袋(箱)子等上百种逼真样机，可将自己的产品或截图置入到免费样机中。

MockupsJar




15.提供大量优质样机，可以查看免费赠品获取更多样机。

Free iPhone Photo Mockup




16.免费样机（国外）

Mockupworld


17.PSD Repo

该网站是收录了很多工作中可能会用到的高质量PSD素材，包括网页、界面、图标、模型等丰富的素材，素材质量也是很丰富的。




18.云端设计




19.设计小咖




20.PSD样机 ,免费的矢量图、徽标设计、插画等 - 全部免费供个人和商业使用。

Vectorhq




21.淘宝网 - 淘！我喜欢在这上面找素材比百度都方便。




补充一些独家样机素材：

【1402722】Art Deco Bundle Offer 机械几何装饰边框图案合集矢量格式

链接：https://pan.baidu.com/s/1YrdDf5BQJwf4pRtj9QFARw 密码：td5j




A1127矢量Art Deco复古花纹边框纹样字母logo线条 AI设计素材+psd

链接: https://pan.baidu.com/s/13rFfvn2wLyy9iz8XRf5UgA 密码: csw8




221套VI贴图合集：链接：https://pan.baidu.com/s/17g7m4yuj0eSmfwGsimEwcw 密码：tqb0




phoneX苹果TPU手机壳智能贴图样机40效果展示VI标志PSD模板素材

文件下载链接：https://pan.baidu.com/s/1QDgl3_oUju0Tfn4iVawvew 提取码：7x14













完。