资源收集

近期Mark

Sketch 资源

uistore:免费的 UI Kits 下载 ⏬

免费插图图片资源

uistore:免费的插图下载

SwiftUI 教程


互联网Podacst

Recode Decode:Recode Decode
故事 FM:故事 FM

好用的在线工具合集

Animation 动画

Panzoid:在线修改网站提供的模板,制作炫酷动画。(@你丫才美工 推荐)

App

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: 一种非常简单的在线替代流行的矢量绘图应用程序

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:双色调风格、一键重新着色(重新上色)。
Letters:Mac上的文字特效软件,通过修改软件提供的模板,可以快速做出各种炫酷的文字效果。(@你丫才美工 推荐)

Font 字体

Abelone:自带渐变效果的字体
Gilbert:彩虹字体
GROPE SANS:据说是最色的字体
汉仪阿尔茨海默病体:汉仪字库的字体,文字的部分笔画用线条进行了代替。
2D动画字体:只有26个字母和0-9 10个数字,需要使用到AE。(@马赛克m 推荐)
沐瑶软笔手写体:免费可商用的卡通字体,这是一位老爸送给女儿的一份礼物。
庞门正道粗书体:免费可商用的书法字体。提取码:bk84
logo字体:这是一种比较特殊的字体,打出来的字是各个公司的logo,我暂时将它命名为logo字体。
Adamas:英文字体,Lowpoly(低平面)风格。
Cube:立体字体。
Sngk:动漫字体生成器,生成的字体可以保存成PNG。(@Simon_阿文 推荐)
PhatRave:手绘字体、黑板报字体。
[OraqleScript](https://oload.stream/f/XdejM
-tPC8/OraqleScript.zip):手写英文字体,由Be设计师James Med制作。(@包大有趣 推荐)
叶根友唐楷简:书法字体。个人仅限非商业用途使用,商用需购买版权。@Simon_阿文 老师曾在两份PPT模板作品《我在故宫修模板》《浮世绘》中用到这种文字。
字由:一个软件,安装之后可以使用很多字体,而且商用和非商用有直接的说明,但是因为软件才开发出来没有很久,感觉还有一些bug。一年的商用权限的会员价格不是很贵。可以考虑使用。

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大神出品的其他工具

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等方面,会不定期更新。

炫网站 一个收录了日本很多有特别设计创意的网站,访问的时候有点时候有些慢

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

有趣的生成器

亚赛大人 Github主页

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

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

其它

Design tools:粒子效果生成器
pixelmap:像素地图生成器
typetodesign:图片字体


这些工具的分享者或作者包括但不限于:
@Simon_阿文
@亚赛大人
@pissang
@马赛克_m
@demi老方
@你丫才美工
@包大有趣
@林书尼
@优卡说

使用方法

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