Skip to content

phh95/Awesome-design-tools

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 

Repository files navigation

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

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

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

项目更新 Timeline

  • 这个项目是我很久以前跟着 @Simon_阿文 老师在微博上举办的「PPT 365」打卡活动,在做 PPT 的过程中积攒的一些设计工具,分享出来希望能帮到喜欢设计的朋友,感谢阿文老师在微博上的转发,才让这个项目有了这么多的 Star
  • 后来我放弃了做 PPT 或者做设计相关工作的念头,这个项目也好久没有更新或者维护了
  • 目前我是一名新媒体编辑,写的主要是效率工具推荐或软件使用技巧方面的内容,感兴趣的朋友可以移步我的个人公众号「效率工具指南」,查看我目前正在做的内容

工具整理心得

@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:类似于求字体网,一个识别英文字体的在线工具。

免费可商用字体列表

站酷酷黑体
站酷庆科黄油体
站酷文艺体
站酷小薇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等方面,会不定期更新。

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

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •