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

按：以下设计相关的工具/资源，来自于我平时的整理。
尤其感些神器挖掘机阿文老师的贡献。

这些工具的分享者或作者包括但不限于：
@Simon_阿文
@亚赛大人
@pissang
@马赛克_m
@demi老方
@你丫才美工
@包大有趣
@林书尼
@优卡说
@这里是lins：她整理了一份比我更全的神器工具集，指路微博

工具整理心得

@Simon_阿文 老师曾写过这么一篇文章《好玩的神器去哪里找？》

使用方法

• 使用浏览器自带的搜索功能，快捷键为Ctrl+F，通过输入关键字，能更快找到想要的工具。
• 如果你想要提交好玩的工具，可以在Issue页面发起Issue，它可以看成是一个留言区。
• 如果你不想使用Github，也可以看我之前整理在Mubu的《神器种草》。

Animation 动画

Panzoid：在线修改网站提供的模板，制作炫酷动画。（@你丫才美工 推荐）
HATTEMI：液体粒子文字生成器，支持中文，生成的动画支持下载，清晰度为720p。（@ruanyf 老师推荐）

App

Slide AR：将 PPT 变成 AR，可能是苹果专属的 App，需要使用非大陆的 AppleID 才能搜索到。（@阿文 老师推荐）
Glitch Art Studio：iOS上的一个故障效果App，内有多种滤镜，如蒸汽波、坏电视、失真等，拍摄时所见即所得。下载免费，应用有内购。（@Simon_阿文 推荐）
Enlight Pixaloop：通过对静态图片的局部进行涂抹，可以将静态图片转换为动态图像。下载免费，应用有内购，购买之后支持导出Gif。推出这个App的团队也做出了很多其他的产品。（@Simon_阿文 推荐）
Mirror Lab：Android上的一个图像处理软件，可以制作出水波纹倒影、户外雨滴、低面风格和极坐标等效果。（@马赛克_m 推荐）
CUTTT：这是一位个人开发者开发的App，可以用来制作四宫格、六宫格和九宫格切图效果。有幸在即刻认识了这个App的开发者，希望能多点人用他的App。这个App在两个平台都有，安卓版本/iOS版本
Legend：快速制作文字动效的App，内置了多种模板，可将制作好的动画导出成MP4格式。既可以使用中文也可以使用英文，但据说在安卓上使用中文会出现乱码的情况，所以这里只给出iOS版本的下载链接。
CleverBrush: 一种非常简单的在线替代流行的矢量绘图应用程序

Code 代码

ThingJS：一个很容易创建3D城市的模型的平台。

Color 颜色

Adobe Color：Adobe 出品的配色工具，可以上传图片拾取配色。
中国色：中国风配色网站。
UiGradients：渐变配色网站。
Gradient：ShapeFactory 出品的渐变色网站。
ColorSpace：输入一种主色，自动生成多种好看的色卡。（@你丫才美工 推荐）
Colordot：滑动鼠标寻找配色。
Pigment：ShapeFactory 出品的配色网站。
Colors：由 Tobias van Schneider 收集的 120 个配色方案。

Designer 设计师

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

Design Tutorial 设计教程

Uiiiuiii：优优教程网，简称U站，优设旗下的教程网站，上面的资源超全，有很多设计软件的学习教程，而且基本都是免费且高质量的。
doyoudo：这是一个在线设计教育的网站，上面既有免费也有收费课程，但免费课程更多，老师的声音也很好听。

Effect 特效

PhotoMosh：在线图片视频特效工具，拥有多种特效，可一键制作出故障风格等效果。
Duotone：双色调风格、一键重新着色（重新上色）。
Letters：Mac上的文字特效软件，通过修改软件提供的模板，可以快速做出各种炫酷的文字效果。（@你丫才美工 推荐）
Animated Water Effect：动态水波纹倒影生成器，可导出视频或 Gif。这个网站顶部还提供了其他工具，如镜像特效、拼图、像素化（马赛克生成器）、恐怖特效等。（@Simon_阿文 推荐）

Font 字体

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

免费可商用字体列表：

• 沐瑶软笔手写体：免费可商用的卡通字体，这是一位老爸送给女儿的一份礼物。
• 庞门正道粗书体：免费可商用的书法字体。提取码：bk84
• 思源黑体
• 思源宋体
• 联盟起艺卢帅正锐黑体
• 站酷系列字体下载链接：站酷字库-免费字体

站酷酷黑体
站酷庆科黄油体
站酷文艺体
站酷小薇logo体
站酷意大利体：站酷首款免费英文字体。
站酷快乐体
站酷高端黑体

Game 游戏

Polygonal Planet：这是一款游戏，通过游戏提供的工具，可以制作好看酷炫的星球。这个在线工具还有离线版本，如需下载，请前往阿文老师的微博（@Simon_阿文 推荐）

Mockup 样机

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

Music 音乐

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

Openprocessing

Electric Sphere：毛球生成器，毛线星球生成器，毛绒绒的圆球。附上作者David Crooks的
Openprocessing主页（@Simon_阿文 推荐）

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老方 推荐）
iconfont：阿里的一个图标库，还包括一个阿里惠普字体，商用程度需要注意。

pissang Github主页

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

Templates 模板

slidesgo：图库网站 Freepik 旗下的 PPT 模板网站，模板的素材来自 Freepik，大多可自由编辑，细致到每一条线、每一个色块。所有PPT模板个人或商用都免费。（@Simon_阿文 推荐）

Video 视频

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

WebGL

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

Fluid-Simulation：流体模拟器。这个工具有对应的App版本——流体模拟，链接分别为：iOS/Android。附上开发者的Github主页。（@Simon_阿文 推荐）
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等方面，会不定期更新。

码力全开：产品/设计师/独立开发者的资源库，不定期更新各种资源工具。
炫网站：一个收录了日本很多有特别设计创意的网站，访问的时候有点时候有些慢。