界面与交互设计

路线

• 如何成为交互设计师？（知乎问答）
• 超赞！设计师完全自学指南

职能

• UI
• UE
• UX

推荐几个 UP 主

• 星辰新一：https://space.bilibili.com/147128687/channel/index
• 前锋UI：https://space.bilibili.com/146668655/channel/detail?cid=27584
• 设计师枪枪：https://space.bilibili.com/23376874/video
• 罗小瓜LawStory（插画）：https://space.bilibili.com/446027887/video
• oooooohmygosh：https://space.bilibili.com/38053181/
• 压嘻吧啦瓦萨滴普扎嘿（彩绘）：https://space.bilibili.com/5936058/
• 不错实验室：https://space.bilibili.com/402827535/
• 设计师枪枪：https://space.bilibili.com/23376874/
• 艺术与设计史：https://space.bilibili.com/9862450/
• 邦乔彦（绘画）：https://space.bilibili.com/14293567/
• CHOI-1997（绘画）：https://space.bilibili.com/22891364/
• 石西籽（像素画）：https://space.bilibili.com/256255133/
• DayDayUp菌：https://space.bilibili.com/72523499/video
• 碧绿色的兔子seven-H（插画）：https://space.bilibili.com/32337515/
• 歇默斯：https://space.bilibili.com/3517836/video

Blog

• 胡兵兵（语雀）：https://www.yuque.com/hubingbing
• 王丽（语雀）：https://www.yuque.com/wangli
• Anyway.About 关于我台：正式开播于 2015 年，一对「好基友」JJ Ying 和 Leon Gao 出于对设计的热爱录下了第一期节目，想通过声音抒发自己的热情、输出吐槽并把有用没用的见解分享给更多人。有对谈、访谈、评测等不同类型的节目，也衍生出了邮件组 Anyway.Post、术语小词典 Anyway.ABC、浏览器插件 Anyway.Tab 等周边服务，同时也在最近半年推出了 Anyway.Member 会员计划和视频节目 Anyway.TV。
• 图月志：界面设计个人博客，博主 JJ Ying 供职于百度上海分部，也是 2015 年度 Apple 精选播客 Anyway.FM 的主播，平时经常出没于知乎、Twitter 和 Dribbble 。

书籍

• 给大家看的设计书

最好的设计工具

• https://flawlessapp.io/designtools

设计收集-找一些灵感

• Collect UI：每日收集一些设计稿
• usepanda：发现最好的工具，资源和灵感在世界的设计和技术
• Awwwards ：这个网站给一些设计得不错网站的评分，在这里你可以看到很多设计不错的网站。
• One Page Love ：就是一个单页的网页设计的收集。
• Inspired UI ：移动 App 的设计模式。
• Behance：这个地言有很不错的很有创意的作品。
• Dribbble：这应该是设计师都知道也都爱去的网站。除了你可以看到一些很不错的作品外，你还可以在这里看到很多不错的设计师。
• UI Movement：也是个设计的收集网站，上面有很多很不错的 UI 设计，大量的动画。虽说会像抖音一样，让你不知不觉就看了好几小时，但是它比抖音让你的收获大多了。

字体

• Font Awesome 字体：提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用 CSS 的样式。
• Iconfont：阿里巴巴矢量图标库
• flaticon：免费矢量图标
• thestocks：免费照片、视频、实物模型、图标和字体

图片（插画）

• presentationvip：须臾所学免费设计资源网
• stocksnap：免费图片
• unsplash：免费图片
• picjumbo：免费图片
• pexels：免费图片
• thestocks：免费照片、视频、实物模型、图标和字体
• pixabay：免费插画、图片、视频
• undraw：开源项目，免费使用。可自定义颜色，然后下载 svg 或者 png 适量插画素材。
• Ouch：十分全面的样式与分类，可免费下载 png 格式，svg 格式为付费的。 免费版使用需要提及来源。
• absurd：画风荒诞夸张的矢量插画素材，免费版使用需要链接来源。
• humaaaans：主要是矢量人物插画，肢体分离，各种颜色样式可随意组合，包括 png、sketch 和 studio 文件，可免费商用，无需标记，需科学上网。
• Illustration Gallery：可以自定义颜色的免费矢量素材插画库，可免费商业使用。
• iradesign：提供 5 种渐变色自定义矢量插画的各部位颜色，可免费商用。
• drawkit：提供免费版和付费版，免费版可商用。
• lukaszadam：开源矢量插画，可免费商用。
• react kawaii：开源插画图标，可以组合表情，包括 react 代码及 sketch 文件
• freevector：历史悠久的一个矢量图网站，文件一般有 ai、png、svg 格式个人免费使用，需要注明来源。
• Stubborn Generator：是一个可以随意搭配身体部位和颜色的矢量人物插画资源。包括多种格式：sketch、figma、ai、svg、png，分为免费和付费版。
• 404 Illustrations：404 页面插画合集，为 png 格式，需科学上网。
• ls.graphics：分为免费和付费版，免费版为 png 格式，且要注明来源网站。
• abstrakt：免费版共 13 份插画，为 SVG 和 PNG 文件格式，需要注明来源。
• icons8：在线插画创作工具，该工具提供了各种样式的各种插画元素，进入面板拖拽想要的元素，放置在随意位置，放大或缩小到随意大小，完成后可以导出 png 格式大图，提供免费版和高级付费版，付费版更多样式，还可以导出 svg 矢量格式。
• opendoodles：你可以直接下载默认颜色的单个插画或者已经组合好的成品或者自定义颜色的插画，均提供 svg 和png 两种格式下载，需要科学上网。

视频

• thestocks：免费照片、视频、实物模型、图标和字体
• pixabay：免费插画、图片、视频

配色

• flatuicolors：配色板