很多人不善于整理自己的网站资源，没有系统的分门别类，都是一些零散的收藏，在用的时候找起来很麻烦。虽然有很多优秀的设计导航已经帮助大家分好类别，比如优设网的导航分类，但我觉得还是自己总结出来的更加适合自己，那今天就来分享一下我是如何来将这些设计网站来进行分类整理的（场景可能不全，大家自行补充）。
欢迎关注作者的微信公众号：「菜心设计铺」
我经过简单的调研总结得到大纲如下（软件部分我就不多说了）：
- 灵感
- 图标
- 素材模板
- 图片
- 配色
- 规范
- 文章教程
1. 灵感
在做作品之前，我们需要找大量灵感参考。这样的设计网站不计其数，我个人觉得用好几个就足够了，收藏的太多其实也看不过来，主要还是自己一些素材库的积累。
我将设计网站分为三类：
第一类：可以上传作品
作为视觉设计师，有空的时候整理整理作品并进行分享无疑是一件好事！例如：
- Behance
- Dribbble
- 站酷
- UI中国
第二类：用于整理素材库
下面这两个是有画板功能的设计网站，可以对自己的素材行进更好的分类整理，使用花瓣进行素材分类是不错的选择，而且花瓣可以批量采集，十分方便。
第三类：仅仅用于分类浏览
之前有推荐过这个网站，是按照UI各个类别来进行分类的，比如你想看登录注册页，直接找这个类别，里面全是这个属性的参考，碉堡了！
Collect UI
2. 图标
图标你可以分两个层面来整理，一个层面是下载图标的网站、另外是制作图标的教程。
图标下载网站
iconfont
icomoon
iconfinder
Thenounproject
说真的，后面这几个网站上面图标质量非常高，你可以找到很多灵感与启发。
图标教程
接下来就是收藏一些关于制作图标的教程与经验，我简单推荐几个。
学习图标设计的同学，建议先掌握设计流程：《聊聊图标设计流程及小技巧》
设计完成后从这四个方面来审视你的图标：《图标的可用性测试》
想让图标出彩，可以从顶尖设计师的分享汲取经验：《顶尖设计师分享的6个图标设计优化指南》。
动效图标已是趋势，来这看基础的图标动效设计：《高手常用的六种图标动效设计思路（附大量实例）》
还有我之前写的关于图标制作的注意事项 ：《图标设计能做到这5点，你就及格了！》
当然你还可以收藏很多对你有价值有帮助的教程与资源，好的文章多看几遍没啥坏处。
3. 素材
好的素材可以让我们快速高效完成设计作品，所以收藏好的素材网站也是十分重要的 部分推荐如下;
PSD 类别
Freebiesbug
sketch类别
SketchApp Sources
（需搭梯子，有很多漂亮的sketch设计稿源文件）
综合素材类别
千图网、优界网
4. 图片
Unsplash
Pexels
Pixabay
5. 配色
关于配色，你需要收藏一些配色的基础知识，配色的方案及配色的工具
基础知识
配色方案
配色工具
Adobe kuler
MD
6. 规范
很多同学问我规范到底该怎么做，总是摸不清头绪，其实我们之所以会迷茫就是因为考虑的事情是一个面（整套规范），而不是一个点（具体的某个控件规范），大家知道一套app的视觉规范里面有多少内容吗？ 这几天我们团队也在做规范，仅仅整理一个按钮的规范，如果你想吃透，都至少要做一个星期，所以你现在需要做的是将这个“面”拆解成多个“点”，然后去突破每一个“点”，虽然每个“点”也不是那么容易攻破的，但至少你的方向会清晰很多。 下面推荐几个收藏：
最新Android&iOS设计尺寸规范：http://www.shejidaren.com
设计图书导航：http://nav.mobileui.cn/books
微博设计规范：http://open.weibo.com
设计规范大全：http://huaban.com
欢迎关注作者的微信公众号：「菜心设计铺」
本文标签: 图标, 导航, 设计, 设计网站
