Awesome design tools 好用的设计工具合集

Github上一个自建网站的项目，不会的小白可以看看需要的工具。

Animation 动画

Panzoid：在线修改网站提供的模板，制作炫酷动画。（@你丫才美工 推荐）

Color 颜色

Adobe Color：Adobe出品的配色工具，可以上传图片拾取配色。
中国色：中国风配色网站。
UiGradients：渐变配色网站。
ColorSpace：输入一种主色，自动生成多种好看的色卡。（@你丫才美工 推荐）

Designer 设计师

Vasjen Katro：Adobe Illustration 2018启动界面设计者，他的作品涉及多种风格，包含蒸汽波、孟菲斯、故障艺术、赛博朋克、波普艺术等。他在SkillShare上开了一门课，跟着他学，你也能轻松做出骚得炸裂的海报。（@林书尼 墙裂推荐）
Ruslan Khasanov：颜料大神，色彩掌控感优秀。
Jason K. Smith：一个沉迷用代码创造各种交互动画的大神设计师。（@林书尼 推荐）
Aeforia：抽象、超现实主题的设计师。（@林书尼 推荐）

Design Tutorial 设计教程

Uiiiuiii：优优教程网，简称U站，优设旗下的教程网站，上面的资源超全，有很多设计软件的学习教程，而且基本都是免费且高质量的。

Effect 特效

PhotoMosh：在线图片视频特效工具，拥有多种特效，可一键制作出故障风格等效果。
Duotone：双色调风格、一键重新着色（重新上色）

Font 字体

Abelone：自带渐变效果的字体
Gilbert：彩虹字体
GROPE SANS：据说是最色的字体
汉仪阿尔茨海默病体：汉仪字库的字体，文字的部分笔画用线条进行了代替。
2D动画字体：只有26个字母和0-9 10个数字，需要使用到AE。（@马赛克_m 推荐）
沐瑶软笔手写体：免费可商用的卡通字体，这是一位老爸送给女儿的一份礼物。
庞门正道粗书体：免费可商用的书法字体。提取码：bk84
logo字体：这是一种比较特殊的字体，打出来的字是各个公司的logo，我暂时将它命名为logo字体。
Adamas：英文字体，Lowpoly（低平面）风格。
Cube：立体字体。
Sngk：动漫字体生成器，生成的字体可以保存成PNG。（@Simon_阿文 推荐）
PhatRave：手绘字体、黑板报字体。
OraqleScript：手写英文字体，由Be设计师James Med制作。（@包大有趣 推荐）
叶根友唐楷简：书法字体。个人仅限非商业用途使用，商用需购买版权。@Simon_阿文 老师曾在两份PPT模板作品《我在故宫修模板》《浮世绘》中用到这种文字。

Mockup 样机

Browseframe：在线为截图添加macOS界面的样机。
Free design resources：免费设计资源网站，上面有免费的样机可供下载。
iPhone XS longscroll mockup：卷轴样机侧面，看起来很酷。（@Simon_阿文 推荐）
Free longscroll iPhoneX mockup：卷轴样机侧面。
LS.Graphics：高质量的素材网站，可以找到一些免费的高质量样机。（@林书尼 推荐）

Music 音乐

Fugue：Icons8旗下的音乐素材网站，可免费下载，商业使用时需附带指向Icons8的链接。

Picture 图片

纹理背景生成器：纹理背景生成器。
Undraw：可商用的免费矢量素材网站，收录了超多流行的Google插画。（@你丫才美工 推荐）
Illustration Gallery：与上面的Undraw类似，全部免费可商用，区别在于这个网站的矢量素材使用了渐变填充，显得更高级。（@优设网 推荐）
Isoflat：一个等距风格的矢量图库，等距风格俗称2.5D，一般通过Adobe Illustration来制作出伪3D的效果。上面的素材是否可商用，需要看素材的具体情况。（@Simon_阿文 推荐）
WLPPR：来自NASA等机构的航拍图片，可以找到许多星球的纹理素材。（@Simon_阿文 推荐）
Pictogram2：火柴人网站，@Simon_阿文 的教程中用到的有趣小人，就是来自这里。
36-Gradients：36张好看的渐变图片。
Freepik：可能是最好用的矢量素材网站，免费的素材/作品一抓一大把。（@优卡 @林书尼 推荐）
Svgbackgrounds：矢量背景/矢量纹理，可以下载SVG格式的文件。此外，它还提供了CSS代码，可用于网页设计。（@demi老方 推荐）

pissang Github主页

Gradient Wave Generator：渐变背景生成器，下载下来的文件格式为svg。
Papercut：剪纸艺术。
图片像素化：将普通图片一键转换为像素风格，可以调出金属质感。
立体城市：彩色立体城市。
Little-big-city：3D星球立体城市，可导出obj格式的3D模型。
pissang大神出品的其他工具：pissang大神出品的其他工具

Video 视频

Mixkit：免费可商用的视频素材网站。
Pexels：免费的视频素材网站，不过在线预览这个网站的视频需要跳墙。

WebGL

Thorne：数字肖像生成器，通过电脑摄像头，可以将拍摄的个人照片转换为一大群动态的粒子（@林书尼 安利）VertexOscillation：分层振荡生成器，可以生成动态抽象形状，可以通过控制面板调节参数。懒得调整参数，可以直接修改顶部的Default，里面还有3种其他的预置。附上这位作者的个人网站，还有超多好玩的神器。（@亚赛大人 @林书尼 推荐）

Fluid-Simulation：流体模拟器
Paint：涂鸦油画颜料
Fluid：流动的粒子、流体粒子
INFINITOWN：3D小镇
Cloud-islands：凸起云海、动态波浪。这位作者的主页还有几个好玩的小玩具。（@马赛克 推荐）
Simplex Noise：动态渐变流体。这个网站包含了15个WebGL工具，每个WebGL工具没有独立的域名，点击不同名称，就可以切换到不同的WebGL工具。附上这位作者的Github主页。（@你丫才美工 推荐）
Biomes：体素（立体像素）生成器。
MQRZMp：炫光生成器，一键生成炫酷的炫光图片。（@Simon_阿文 推荐）
Abstract mountains：3D小山峰、抽象Lowpoly山峰，点一下就能改变山峰的颜色。
Nebula Artefact：液态星球生成器。
AlteredQualia：超全的WebGL工具合集，WebGL的鼻祖开发的网站。附上他的Github主页。

3D工具

Vectary：在线3D建模工具，分为免费版和收费版，免费般已有挺多功能可以使用。

插件

Muzli：寻找灵感的Chrome插件，集合了多个设计网站的热门作品。
图片助手：可以用来批量提取/下载网页图片。

设计导航工具

addog：虽然名字叫广告狗，面向的是广告从业者，但也适合设计师使用。
优设设计导航：优设网旗下的设计导航工具，对各类网站/工具分门别类进行了整理。

亚赛大人 Github主页

Design tools：亚赛大人出品的设计工具合集

• The Martix 电影《黑客帝国》片头文字效果
• Particles-Emission 粒子发射器
• Speed-Line 速度线
• Mosaic 马赛克、音乐波纹
• Perlin Noise 等高线
• Play-a-ball 玩个球
• PerlinNoisePainter 向量场迹线

其他

Github上的两个高Star设计项目：
awesome-design
Awesome-Design-Tools
Awesome Design Tools：这是上面的Github项目的网站，涵盖图片、视频、字体、配色、渐变色、icon、logo、mockup等方面，会不定期更新。