给新人的设计资源私藏网站推荐

原文：http://www.mobileui.cn/private-website-collection.html

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

欢迎关注作者的微信公众号：「菜心设计铺」

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

灵感

图标

素材模板

图片

配色

规范

文章教程

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. 配色

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

基础知识

《看过那么多UI 配色指南，这篇可能是最全面的（附大量实例）》

《腾讯好文！配色新人应该学会的6个色彩知识点》

《色彩搭配速成！3个实用方法帮你全面搞定配色》

配色方案

http://huaban.com

配色工具

Adobe
kuler 

MD 

6. 规范

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

最新Android&iOS设计尺寸规范：http://www.shejidaren.com

设计图书导航：http://nav.mobileui.cn/books

微博设计规范：http://open.weibo.com

设计规范大全：http://huaban.com