如何整理网站资源

我所有的文章只是给大家一个做事情的方法与思路,希望大家最后都能根据自己的实际情况去总结属于自己的一套系统。

按照老规矩,还是告诉大家,我所有的文章只是给大家一个做事情的方法与思路,希望大家最后都能根据自己的实际情况去总结属于自己的一套系统。

今天要讲的内容是如何对自己的设计资源进行分类(以UI视觉设计为例)。

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

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

最后我经过简单的调研总结得到大纲如下(软件部分我就不多说了,):

1.灵感2.图标3.素材模板 4.图片 5.配色 6.规范 7.文章教程 8.关于翻墙

1.灵感

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

我将设计网站分为三类:

第一类:可以上传作品

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

1.1 behance

1.2 dribbble

1.3 站酷

1.4 UI中国

第二类:用于整理素材库

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

1.5 花瓣网

1.6 pinterest

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

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

1.7 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

MD

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

7.2 设计达人

http://www.shejidaren.com

8.关于翻墙

作为设计师,翻墙对我们来说是非常重要的,可以让我们看到很多最新的设计趋势与作品。

翻墙VPN推荐

有些收费有些免费,看情况来选择使用。

8.1 Green

http://green.3pk6.com

8.2 天行

http://tx.sxgamea.com

8.3 多态

https://duotai.org/packages

8.4 蓝灯

翻墙后要上的网站

那如果你现在可以翻墙了,不能白翻啊,咱得上点别人上不了的网站,推荐如下:

8.5 YouTube

https://www.youtube.com

超级多的视频教程(来自全球),有很多人从这里下载教程然后卖给设计新人,就欺负你不知道,不过现在没事了,你看了这篇文章之后,就不会上当了。

8.6 instagram

https://www.instagram.com

8.7 vimeo

https://vimeo.com

8.8 twitter

https://twitter.com

好了,以上就是今天要分享的内容了,整理内容主要还是要思路清晰,如果能将自己的逻辑思绪想清楚,整理任何东西都不会太难,其实有时候并不是做不好,而是没想透,所以,加油!

干货

今天的干货就是以上网站分类的HTML文件,大家可以直接导入到浏览器书签中进行参考。(不会导入的话百度一下)

网址如下:

https://pan.baidu.com/s/1dEDIZHR(无需密码)

作者公众号:菜心设计铺         华为itux用户体验设计师(主视觉)

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表