写在前面的话：这些网站基本上都是能正常访问的，关于网页为什么加载慢，有些网站是国外的，不需要采用科学上网的方式已经不错了，就不要太多要求了。至于网站怎么使用，这个就需要大家慢慢摸索，因为很多网站平时自己也是了解了一下，还有一些是收集整理的，也没有去过多地使用，也不是了解得很透彻，但是我相信大家通过自己慢慢地摸索，一定能找到自己需要的。最后，收集整理不容易，希望大家多多点赞。

设计师网址

Laws of UX：一系列交互原则的介绍，配合极简风格的插图。

国外设计网站

GIF 垂直搜索引擎，不支持中文搜索， 网址

分享几个平时常用的网页设计参考可根据配色筛选设计网站集锦：

优站精选 -

全球优秀网站集锦 -

清爽简约风格的网页模板 -

界面简洁的网页设计汇集 -

日本网页设计欣赏 -

日本网页设计汇总网站 - （）

日本网页设计欣赏 -

韩国设计欣赏 -

优秀网页设计欣赏 -

这个网上软件类似 ps 哦

平面纹理素材，网址：

分享一批化妆品集团网站：

爱茉莉：

IOPE：

自然堂：

日本资生堂：资生堂：

佳丽宝： ，

海报网址：

广告营销

欧美电影

inspiration ：

国产电影

字体图形

Picjumbo：很有格调的图片网站

Studio Details：分享超现实主义美学应用

创意－广告传播－品牌

平面设计

摄影－影像

设计灵感

Fotor（懒设计）：探索海量模板 发现设计灵感这是一个主打在线做平面设计却又不务正业地提供了大量互联网运营相关设计案例、模板的 神奇网站，你可以把它当作“花瓣 ”来用。

云端：高品质设计素材与资讯集合站。C4D 、PS 、PPT 、Sketch 、平面、影视、笔刷等资源应有尽有

Niice： 创建情绪版的最佳灵感网站用于创意初期脑爆、产品风格设定时收集各种讨论素材的网站，没看懂，或 者没用过的，可以去看看。

背景纹理：

科技网站推荐 :

这个也是一个类似于花瓣的

Dribbble：把大把的灵感，不得不说，平时我做设计的很多灵感都来自于此，年轻，有活力，独特，新 颖，潮流。

Pixabay：免费，激发灵感。

Illusion：提供灵感的高规格网站。

DADA：你可以与其他艺术家通过创意视觉图像的联结进行对话。也就是说用图像图画代替文字交 流，炒鸡有趣哦。

插画网址

给大家分享一个扁平插画集，可用于个人和商业，可调整颜色：

一个很多插画教程 的网站：

今天给大家推荐几个插画设计网址

VECTOR CREATOR（免费矢量插图 可商用）最新免费矢量插图设计工具Vector Creator，内置超过3000可免费使用的设计元素，拥有人物、动物、植物、物体、装饰、背景、文字等多种分类，并支持在线自由组合，拖拽即可创建漂亮的插画，一键导出PNG格式。

Ouch！（免费 可商用）：

Lukaszadam :

图片网址

Foodiesfeed（）FoodiesFeed 的宗旨就是一心一意提供专业美食相关的免费图库，所以，这个网站只有与美 食相关的图片。这比那些图片分类多，但每一个分类下图片数量很少的网站专一多了。（这个网站有个缺点就是广告有点多。）

Kaboompics（）KaboomPics 是一个为博主、网站主、自由职业者、网页设计师提供高品质图片素材的网站， 所有的图片都可以应用于任何项目，没有版权限制。（这个网站，它居然有配色方案！而且，配色方案还可以下载下来。）

Magdeleine: 号称“免费高清灵感系图片网 ”，它是一个每天分享免费高分辨率照片的网站， 由文森特创办。该网站也是一个激发你灵感的图库站点，每天手工挑选高分辨率的各种图片，主要类别： 自然、城市建筑、动物、食品、技术等。 （通过情绪找图，我也是第一次见，可以说很 6 了。图库主打黑白图片，喜欢这类图片的朋友赶紧收藏吧。）

别样网:别样网，是国内较大的无版权高清图片网站，提供各类高质量的无版权图片。图片由用户自 行上传，后台审核，优秀摄影师的交流平台，现已成立沙沙野俱乐部。（喜欢摄影的小伙伴，可以收藏哦。）

Gratisography: 是免费高分辨率摄影图片库，所有图片都可以用于个人或者商业用途，图片每周更新一次。（适合开脑洞）

Pexels:（）Pexels 是一个致力于为用户提供海量共享高清图片素材的网站，每周都会定量更新。它所有 的图片都会显示详细的信息，例如：拍摄的相机型号、光圈、焦距、ISO 、图片大分辨率等， 高清大图质量很不错的。

Stocksnap（）StockSnap 由多位摄影师创办，拥有丰富的免费照片。StockSnap 的图片都是日更的， 由摄 影师找出高品质、高清晰度的照片，上传发布，他们是想让更多的人免费使用高质量图片。

（修图网站，图片可免费下载）

（）

isorepublic.com

kmmtstock.com

kaboompics.com

makerbook.net

jaymantri.com

stock.tookapic.com

picography.co

negativespace.co

littlevisuals.co

freestocks.org

getrefe.com

snapwiresnaps.tumblr.com

imcreator.com/

freepicjumbo.com

nos.twnsnd.co

deathtothestockphoto.com

superfamous.com

复古图库：

风景图库：

黑白图库：

美食图库：

人物图库：

综合图库：

日系图库：

京东图库：

摄影图库：

trendlist： ，几乎全是画册、海报 note&point： ，PPT 灵感素材站。

Flat Design 必不可少， Old Stock： ，提供大量的老照片。

Superfamous： ，艺术家 Folkert Gorter 站点，很适合 web 设计，和壁纸使用。

古田路 9 号：以品牌为核心，集创意作品分享、活动招聘发布、广告推广、正版字体素材下载等多元化的 交流分享平台。也是国内各大设计组织活动的官方媒体，并与国内各大品牌设计公司形成战 略合作伙伴。

视觉 ME 设计社区：

（天空之城）

（星空，宇宙）

（汽车）

（不要钱高清大图）

（不要钱的高清大图）

电商网址

致设计：

黄蜂网：

大美工：

趣味网址

各种有趣的晶格小动物

Emmit Fenn：一个有趣的交互式音乐视觉网站。（第一次打开网页的时候会比较慢，可能需要在当前页面 等一会儿）

把静态图片自动生成故障风格，还可以保存成 gif

晶格化背景网站推荐Trianglify ：

Lowpoly：低多边形制作工具，简单几步即可创作一幅艺术作品。

Wagerfield：平面着色器

一个网页上实现动态霓虹文字效果的实现方法，你们可以拿去让你们的开发小哥看，如此一来，你们在设计 web 海报的时候，又多了一种选择哦

放射粒子 Stars-Emmision 网址：

几个练习设计能力的游戏网站

测试你对像素宽度的识别能力

. method.ac/让你练习排版

配色练习测试色感的小游戏 钢笔工具小游戏

锻炼你的字体造型能力 看原型图猜网站

设计神器（） duotone.shapefactory.co（双色调）

weavesilk.com（镜像眩光生成器）

各种特效生成器

demo.marpi.pl/biomes（体素生成器）

pissang.github.io/voxelize-image（图片体素化生成器）

pissang.github.io/papercut-box-art（剪纸风格生成器）

wangyasai.github.io/Stars-Emmision（biubiubiu 生成器）

分享个萌酷有趣的星球生成器

多边形在线制作器 网址：

多种场景背景发生器 网址：

背景质感纹理生成器Noisetexturegenerator 网址：

Ps 精修后创意图网址：

dewithunsplash

Icon 图标

图标搜索阿里巴巴矢量图标库网址：

网址：

后台界面

契合平台系统类以及可视化设计，分享一些常看得不错的网站

这篇文章讲的后台挺详细的

demo 网站（后台管理系统）

花瓣 B/S 后台界面：

配色资源

灵感网站，可以自己选择搭配 5 种颜色来搜索具有特定调色板的设计方案

material design palette自动配色网站，任意选择两个你喜欢的颜色就能在瞬间生成一个比较全面的配色方案了，这 个方案除了告诉你都有哪些颜色，并且提供简单的示例之外，还帮你安排好了主色、辅色、 甚至文字标题的颜色等你没想到的其他细节！

Chinese colors 各种中国传统颜色一览，美得一塌糊涂。

今天给大家推荐一波比较小众但很好用的色彩网站

0 to 255—

Adobe Kuler Color Wheel—

Color Scheme Designer —

Hex to RGB Converter—

Coleure— （）

Colllor—

色彩网站小集合 "色彩猎人"每天收集并策划发布美丽的配色方案

让寻找配色方案成为信手拈来的事情 推荐！帮助设计师们快速选到自己喜爱的配色方案

1 实用！成千上万的配色方案 今年流行的渐变！点击屏幕两侧按钮可选更多色彩

网页设计师配色的最佳之选 日本酷站索引，近 6000 个 ！必备酷站 从图片中提取颜色参考 以主色调确定其它颜色

可以创建修改，抓取渐变

依照关键词抓配色 Fatuicolorpicker 网址：

动效网址

icon 的动效参考网站

UI设计

APP 启动页1 、 分享一个启动图合集的网站

矢量素材1 、PNG 素材网址PNGALL 网址：觅元素网址：

freepngs 网址： Slick PNG 网址：

2 、抽象矢量图搜索

Veclteezy 网址： Freeplk 网址：

3 、一个矢量图下载站 - QVectors - 整站都是矢量的素材下载 - vecteezy -

免费的矢量、PSD 、图标和照片下载 - freepik - 矢量插画源文件 - 無料 -

免费矢量和 PSD 图片！ - VectorHQ.com - Free PSD & Graphics, Illustrations - 全部为免费下载的矢量素材（动物偏多） -

设计元素的灵感图库 - 扁平矢量插画集 - 免费矢量 PSD 素材 | Freepik - 免费的矢量、PSD 、图标和照片下载 -

背景生成器 - Star Emission - 在线下载背景素材网站 -

无缝纹理背景的素材站 - 免费的 SVG 模板海报背景 -

4 、Hero patterns：支持大量图案下载

Logo 设计1 、 - 关于 LOGO 设计的博文

2 、 - 很优秀的国外 LOGO 设计机构，提供了很多 LOGO 作 品

3 、 - 高品质的标志设计作品4 、 - 一个设计灵感图库旗下的 logo 设计欣赏

5 、 - 扁平化的 logo 库

6 、 - logo 设计精彩集锦

7 、 - 超过 17 万例的 LOGO 设计资源网站

8 、 - 国内外 Logo 灵感神器

9 、 - LOGO 品牌包装灵感站

10 、 - LOGO 品牌标志设计理念趋势及案例展示

11 、 - 深度解释和展示 LOGO 设计

12 、 - 每天更新精品 LOGO

13 、

14 、 、Logopond：全是 logo

地图网址1 、地图和图标网址

2 、Stadia MapsStadia Maps 可以为你提供出色的地图绘制体验，借助其中的矢量地图模块和栅格可以更好 地绘制视觉效果出色的静态地图。

3 、 分享一个可以定制地图样式的网站，让地图 不再枯燥范围。

4 、多风格地图工具网址： Mapboxmap.html/

数据分析1 、数据分析网站

工具推荐1 、 键入相关参数就能导出 PNG 的栅格系统图

2 、xclient.info waitsun.com分享三个 MAC 很全面的软件免费下载网址，最后一个注册一下就可以下载了，免费注册

3 、

分享一个网站，在线进行各种文件格式转换的，里面除了常规的商务办公文档、图片、工业 制图等的格式转换外，还有咱们设计师，进场用到的矢量文件格式转换

4 、图表

5 、

sketch 插件，在 sketch 中默认 Shift + →移动的距离是 10 px ，当你在一个 8px 的网格上工作 时，这将是非常恼人的。幸运的是，Anthony Collurafici 制作了一个名为 Nudg 的应用，可以 设置最小和最大移动距离

6 、关于网格选择 8 的倍数的原因和应用 （文章是英文的，大家可以用有道翻译官辅助哈）

7 、

贝塞尔工具，做动效时，与程序员哥哥对接对接确实是让人头疼的事情，但是用这个贝塞尔 工具可以把相应的参数对接给程序员使用，很方便

7 、 AI 人工智能图片放大 放大效果非常出色， 色彩保留较好， 图片边缘 也不会有毛刺和重影， 。更重要的是，影响画质的噪点基本在放大的图片上看不出来。

9 、蚂蚁金服推出提升工作效率的 Sketch 插件「Kitchen」 下载地址：

10 、 Google 动效团队出品的两款插件，优化从 Sketch 到 AE 的动效设计流程

9c93①Sketch2AE：导入 Sketch 画板到 AE 的 Sketch 插件 出品，易用度还是可以的。

值得一提的是，这个插件和早先国内西西开发的 Sketch2AE 插件撞名了： ② Inspector Spacetime：AE 标注插件，读取动画参数生成文本信息

11 、 之前前端给我们推荐了一个 Lottie

的 AE 插件，可以直接把动效生成 Json 文件给前端使用，这样部分简单的动效就不需要作序 列图或让前端去调。

12 、 快捷键的分享（同时这个网站上所有内容都是围绕 sketch 软件做的各类教程及素材）

13 、分享一个栅格小工具，可以提升设计效率 。

14 、安利一个做 3D 版像素的小软件

15 、Eagle 这个桌面端软件

样机模板网站推荐① 去云端下吧，样机比较多 ②③④⑤分享个样机模板 网页直接编辑可以导出图片

压缩网址

1 、图片压缩网站 （可离线压缩） 转 PDF：

2 、PDF 压缩

3 、GIF 压缩

综合性网站1 、设计导航推荐中国设计网址导航：

腾讯设计导航： 大狮搜索导航：

创造师导航： 牛大拿导航：

奇目设计师导航： 设计师导航：

SDC 设计师网址导航： 设计导航：

前端设计导航： NAV80 导航：

优设网的设计师网址导航 图翼网的设计导航：

2 、推荐几个设计师能用到的综合网站设计导航。这些网站汇聚了各种网页、logo 、界面、 ui 等优秀的网址与社区。常见的 dribbble 、banchen 、视觉中国等都有收集。 个性导航

2 、最后再分享一个 ppt 导航类网址，我觉得挺不错的

3 、这是综合类素材网站

这个网站主要是集合网页设计、iphone APP 界面设计、icon 设计；设计作品质量相对较高。 网站可以根据所选颜色来匹配搜索的资源。

4 、 这个网站特别好用 ，采集的是 dribbble 上的作品，打开速度 比 dribbble 快，分类也多，强烈推荐

5 、推荐一个设计综合网站，里面不仅有主流的设计网站像 Dribbble 、Behance 、Pinterest 等 等，还有一些 H5 制作和 web 前端，还有一些书籍。

字体网址1 、 识字体网

2 、把图片放到求字体网试试

3 、关于标题字体选用这块我有个软件推荐给你， hello font。你可以先输入你要预览的文本，然后选择你想要的字体风格，选定字体后再根据字体的风格 和气质去设计页面其他元素。当然这些字体都是有版权的，不过你可以用它来快速预览找灵 感，后期字体转为形状，然后自己做些更细致的修改

教程学习类1 、教你手绘 freestyle 卡通涂鸦！ 121211292.html

2 、7 分钟教你实现手写字体动效

3 、制作炫酷文字人像效果 121212454.html

4 、AverageJoseph 制作钻石字的方法

3 、 分钟教你学会骨骼动画

6 、 自学 C4D ，不要错过这些教程 - 知乎专栏

7 还有一套 ps 笔刷，适合手绘用的，里面有每种笔刷的使用方式

8 、 这个讲材质很不错

9 、滴滴的这篇文章有系统讲解组件化的思维

设计规范1 、弹窗规范：

2 、切图命名规范：

3 、Adele：设计系统/规范库，收集了目前各大公司公开的设计系统。

4 、设计规范

一安卓的设计规范 iPhone 尺寸规范 分享一个规范网站 腾讯 ISUX ，腾讯系的产品品牌规范都可以查看、下载

5 、分享个移动应用图标生成工具，一键生成所有尺寸的应用图标

6 、弹窗规范

7 、大家在看规范的时候不要机械地去套，每个规范给出的时候后面基本会有一小段解释来说

设计网站

综合类设计

网页设计

设计

设计

艺术创意

平面类

设计网

设计网

设计师综合网址推荐

设计辅助网站推荐图片压缩：

图片压缩网站：

转PDF：

图片压缩工具：（可离线压缩）

故障艺术工具地址：photomosh.com