如何整理设计资源-虎课网

很多人不善于整理自己的网站资源，没有系统的分过类别，都是一些零零散散的收藏，最后在用的时候，找起来很麻烦，虽然有很多优秀的设计导航已经帮助大家分好类别，比如优设网的导航分类，但我觉得还是自己总结出来的更加适合自己，那今天就来分享一下我是如何来将这些设计网站来进行分类整理的（场景可能不全，大家自行补充）。

至于文章的网址，大家不用一个一个记，最后我会附上整理好的网址（HTML代码），大家可以直接导入浏览器书签进行参考。

最后我经过简单的调研总结得到大纲如下（软件部分我就不多说了，）：

1.灵感

2.图标

3.素材模板

4.图片

5.配色

6.规范

7.文章教程

8.关于翻墙

1.灵感

在做作品之前，我们需要找大量灵感参考。这样的设计网站不计其数，我个人觉得用好几个就足够了，收藏的太多其实也看不过来，主要还是自己一些素材库的积累。

我将设计网站分为三类：

第一类：可以上传作品

作为视觉设计师，有空的时候整理整理作品并进行分享无疑是一件好事！例如：

1.1 behance

1.2 dribbble

1.3 站酷

1.4 UI中国

第二类：用于整理素材库

下面这两个是有画板功能的设计网站，可以对自己的素材行进更好的分类整理，现在pinterest需要翻墙了，所以使用花瓣进行素材分类也是不错的选择，而且花瓣可以批量采集，十分方便。

1.6 花瓣网

1.7 pinterest

第三类：仅仅用于分类浏览

之前有推荐过这个网站，是按照UI各个类别来进行分类的，比如你想看登录注册页，直接找这个类别，里面全是这个属性的参考，碉堡了！

1.8 collectui

http://www.collectui.com

2.图标

图标你可以分两个层面来整理，一个层面是下载图标的网站、另外是制作图标的教程。

图标下载网站

2.1 iconfont（阿里巴巴）

http://www.iconfont.cn

2.2 icomoon

https://icomoon.io

2.3 iconfinder

https://www.iconfinder.com

2.4 名词搜索

https://thenounproject.com

说真的，后面这几个网站上面图标质量非常高，你可以找到很多灵感与启发。

图标教程

接下来就是收藏一些关于制作图标的教程与经验，我简单推荐几个！

2.5

腾讯CDC官网上有一篇关于图标的文章，写的还不错，已收藏。

由于网址过长，所以大家在html文件里看就好

2.6

还有我之前写的关于图标制作的注意事项 http://www.jianshu.com/p/062929b72336

当然你还可以收藏很多对你有价值有帮助的教程与资源，好的文章多看几遍没啥坏处。

3.素材

好的素材可以让我们快速高效完成设计作品，所以收藏好的素材网站也是十分重要的部分推荐如下;

psd类别

3.1 freebiesbug

sketch类别

3.2 SketchApp Sources

(需翻墙，有很多漂亮的sketch设计稿源文件） http://www.sketchappsources.com

综合素材类别

3.3 千图网、优界网

4.图片

4.1 unsplash

https://unsplash.com

4.2 pexels

https://www.pexels.com

4.3 pixabay

https://pixabay.com

5.配色

关于配色，你需要收藏一些配色的基础知识，配色的方案及配色的工具

5.1基础知识

http://www.uisdc.com/head-first-color-theory

5.2 配色方案

http://huaban.com/explore/shejipeise/?md=bdwzshejidaren

5.3 配色工具

adobe kuler

https://color.adobe.com

https://www.materialpalette.com

6.规范

很多同学问我规范到底该怎么做，总是摸不清头绪，其实我们之所以会迷茫就是因为考虑的事情是一个面（整套规范），而不是一个点（具体的某个控件规范），大家知道一套app的视觉规范里面有多少内容吗？这几天我们团队也在做规范，仅仅整理一个按钮的规范，如果你想吃透，都至少要做一个星期，所以你现在需要做的是将这个“面”拆解成多个“点”，然后去突破每一个“点”，虽然每个“点”也不是那么容易攻破的，但至少你的方向会清晰很多。下面推荐几个收藏：

6.1最新Android&iOS设计尺寸规范

http://www.shejidaren.com/examples/tools/chichun/ui-design-spec.html

6.2 ios&安卓设计标准规范

http://www.ui.cn/detail/33707.html

6.3 微博设计规范

http://open.weibo.com/wiki/%E5%BA%94%E7%94%A8%E8%AE%BE%E8%AE%A1%E8%A7%84%E8%8C%83

6.4 设计规范大全

http://huaban.com/boards/18801577/?md=bdwzshejidaren

7.文章教程

我们经常也会看一下文章啊，教程啊，这样的网站也有很多，推荐两个吧！

7.1 优设网

http://www.uisdc.com