素材的收集与整理

学做UI设计已经有一年的时间了，不长不短刚刚入门。把自己关于设计流程优化的一些思考写在这里，权当是对于过去一年的归纳与总结。

我的设计工作流程

以上是我的工作流程，我将分八个部分总结我的工作经验，抛砖引玉希望得到大神的指点。

一、素材的收集和整理

台上一分钟，台下十年功。高效的设计来源于日复一日的积累、观看，每天到公司第一件事就是打开电脑收集好看的素材，素材一多便开始思考如何整理这些好看的各类图片。如何能做到既在自己需要的时候方便的找到自己想要的素材，又能做到不会被整理所累赘。

我的选择是在本地进行管理，下面是我的文件夹分类方式：

dashboard：收集后台管理UI设计

GIF：一些loading之类的动效

icon：好看的拟物化、扁平化图标

Kit&登录：网页和移动端的登录界面以及一些小控件

GUI：没有明确分类的界面

移动端：收集各种好看的移动端UI

线性icon：线性图标也有很多配色很多玩法可以收集，不只是单色调

引导页&闪屏：收集有意思的好看的引导页

主题：移动端主题

状态空：移动端APP状态空时有意思的图

网页：收集各类B端C端网站设计

404：错误状态下的有意思的图片

弹出框：主要是移动端的弹出框UI

电商：收集详情页设计，能为网页的设计带来很多灵感

好看的：一些好看的东西哪些分类都不属于，一股脑拖到这里

平面设计：主要是吸取一下排版方面的知识

这样的分类基本就把平时工作中可能会遇到的所有类型的素材都包括了，但是素材少的时候还好，一旦多了，很容易就迷失在海量的图片里面了。

那如何能更快地查看、整理和搜索这些素材呢？系统的文件夹功能肯定不够用，所以决定选择一款素材管理软件。

在软件上我的需求是：

1.容易打理的（下载后随便拖一拖就可以整理好，步骤不要麻烦）

2.方便迁移（假如换电脑，不会太麻烦）

3.分类和加标签简单（方便快递筛选对自己设计有帮助的素材）

4.免费

一条免费的要求就去掉了要价超高的Ember等软件，而且这类软件都需要将素材导入到软件里面，一旦更换电脑或者更换管理软件非常非常麻烦。

最后我选择的是Adobe 出的Bridge ，优点如下：

1.基于原有的系统文件夹，迁移成本几乎没有

2.给素材加的关键字直接写入文件，换台电脑装上bridge依然可以看见

3.强大的筛选和搜索

4.可以自定义工作区，方便随时切换查找和整理两个工作视图

5.自由的设置缩略图的大小，不会像Ember，图越多缩略图越小

---

第一点基于系统文件夹没什么好说的，不管是电脑内的整理还是电脑之间的迁移都是和普通文件夹没区别

第二点很重要，一定要养成良好的习惯，就是进入素材库的图片一定要加上关键字，这是后面利用Bridge快速筛选的前提。

我设置的关键字包括两个类型：风格（沉稳、活泼、清新）和技法（拟物、扁平、轻质感），如下图，选中要加的图片后点击红框里面的关键字就可以了

关键字可以自由编辑 在Bridge里面设置的关键字直接写入了文件

着重说一下第三点，经过上一步的添加关键字，就可以利用强大的筛选功能了。比如我想找扁平化、清新的网页，那点击左侧的关键字过滤器就可以选择将满足这两个条件的所有素材都显示出来。

那如果不想只看网页这个文件夹，而想看整个素材库里面的扁平化、活泼的素材呢，这就要用到右上角的搜索框，先输入扁平化，再点击搜索结果上面的『新建搜索』就可以精确地检索整个文件夹了，还可以选择是要同时满足两个条件还是满足其一就可以。

筛选功能里最重要的两个地方 精确检索非常强大

第四点就是使用Bridge时候的两种视图

这是视图就是上面说的筛选时用到

查找视图

第二种就是整理这些素材的时候用到，上下键直接就可以翻阅素材，觉得不好看的直接Delete删掉，如果右边的图不够大看不清空格键全屏查看（收集后每段时间都要重新的看一遍自己收集的这些素材，把已经觉得不好看的删掉，对提高自己的审美非常有好处）

整理视图

第五种方法都知道了，Adobe标配，ctrl+加减号放大缩小缩略图

再整理下这个素材库的使用方法：

1.素材统一下载到待整理文件夹

2.把素材加上关键字后放入分类文件夹

3.定期进行回顾、整理

4.查找筛选所需素材

就写到这里，下一篇总结拿到原型，如何进行梳理，从而为自己的设计制定计划