學(xué)做UI設(shè)計(jì)已經(jīng)有一年的時(shí)間了，不長(zhǎng)不短剛剛?cè)腴T。把自己關(guān)于設(shè)計(jì)流程優(yōu)化的一些思考寫在這里，權(quán)當(dāng)是對(duì)于過(guò)去一年的歸納與總結(jié)。
我的設(shè)計(jì)工作流程
以上是我的工作流程，我將分八個(gè)部分總結(jié)我的工作經(jīng)驗(yàn)，拋磚引玉希望得到大神的指點(diǎn)。
一、素材的收集和整理
臺(tái)上一分鐘，臺(tái)下十年功。高效的設(shè)計(jì)來(lái)源于日復(fù)一日的積累、觀看，每天到公司第一件事就是打開(kāi)電腦收集好看的素材，素材一多便開(kāi)始思考如何整理這些好看的各類圖片。如何能做到既在自己需要的時(shí)候方便的找到自己想要的素材，又能做到不會(huì)被整理所累贅。
我的選擇是在本地進(jìn)行管理，下面是我的文件夾分類方式：
dashboard：收集后臺(tái)管理UI設(shè)計(jì)
GIF：一些loading之類的動(dòng)效
icon：好看的擬物化、扁平化圖標(biāo)
Kit&登錄：網(wǎng)頁(yè)和移動(dòng)端的登錄界面以及一些小控件
GUI：沒(méi)有明確分類的界面
移動(dòng)端：收集各種好看的移動(dòng)端UI
線性icon：線性圖標(biāo)也有很多配色很多玩法可以收集，不只是單色調(diào)
引導(dǎo)頁(yè)&閃屏：收集有意思的好看的引導(dǎo)頁(yè)
主題：移動(dòng)端主題
狀態(tài)空：移動(dòng)端APP狀態(tài)空時(shí)有意思的圖
網(wǎng)頁(yè)：收集各類B端C端網(wǎng)站設(shè)計(jì)
404：錯(cuò)誤狀態(tài)下的有意思的圖片
彈出框：主要是移動(dòng)端的彈出框UI
電商：收集詳情頁(yè)設(shè)計(jì)，能為網(wǎng)頁(yè)的設(shè)計(jì)帶來(lái)很多靈感
好看的：一些好看的東西哪些分類都不屬于，一股腦拖到這里
平面設(shè)計(jì)：主要是吸取一下排版方面的知識(shí)
這樣的分類基本就把平時(shí)工作中可能會(huì)遇到的所有類型的素材都包括了，但是素材少的時(shí)候還好，一旦多了，很容易就迷失在海量的圖片里面了。
那如何能更快地查看、整理和搜索這些素材呢？系統(tǒng)的文件夾功能肯定不夠用，所以決定選擇一款素材管理軟件。
在軟件上我的需求是：
1.容易打理的（下載后隨便拖一拖就可以整理好，步驟不要麻煩）
2.方便遷移（假如換電腦，不會(huì)太麻煩）
3.分類和加標(biāo)簽簡(jiǎn)單（方便快遞篩選對(duì)自己設(shè)計(jì)有幫助的素材）
4.免費(fèi)
一條免費(fèi)的要求就去掉了要價(jià)超高的Ember等軟件，而且這類軟件都需要將素材導(dǎo)入到軟件里面，一旦更換電腦或者更換管理軟件非常非常麻煩。
最后我選擇的是Adobe 出的Bridge ，優(yōu)點(diǎn)如下：
1.基于原有的系統(tǒng)文件夾，遷移成本幾乎沒(méi)有
2.給素材加的關(guān)鍵字直接寫入文件，換臺(tái)電腦裝上bridge依然可以看見(jiàn)
3.強(qiáng)大的篩選和搜索
4.可以自定義工作區(qū)，方便隨時(shí)切換查找和整理兩個(gè)工作視圖
5.自由的設(shè)置縮略圖的大小，不會(huì)像Ember，圖越多縮略圖越小
第一點(diǎn)基于系統(tǒng)文件夾沒(méi)什么好說(shuō)的，不管是電腦內(nèi)的整理還是電腦之間的遷移都是和普通文件夾沒(méi)區(qū)別
第二點(diǎn)很重要，一定要養(yǎng)成良好的習(xí)慣，就是進(jìn)入素材庫(kù)的圖片一定要加上關(guān)鍵字，這是后面利用Bridge快速篩選的前提。
我設(shè)置的關(guān)鍵字包括兩個(gè)類型：風(fēng)格（沉穩(wěn)、活潑、清新）和技法（擬物、扁平、輕質(zhì)感），如下圖，選中要加的圖片后點(diǎn)擊紅框里面的關(guān)鍵字就可以了
著重說(shuō)一下第三點(diǎn)，經(jīng)過(guò)上一步的添加關(guān)鍵字，就可以利用強(qiáng)大的篩選功能了。比如我想找扁平化、清新的網(wǎng)頁(yè)，那點(diǎn)擊左側(cè)的關(guān)鍵字過(guò)濾器就可以選擇將滿足這兩個(gè)條件的所有素材都顯示出來(lái)。
那如果不想只看網(wǎng)頁(yè)這個(gè)文件夾，而想看整個(gè)素材庫(kù)里面的扁平化、活潑的素材呢，這就要用到右上角的搜索框，先輸入扁平化，再點(diǎn)擊搜索結(jié)果上面的『新建搜索』就可以精確地檢索整個(gè)文件夾了，還可以選擇是要同時(shí)滿足兩個(gè)條件還是滿足其一就可以。
第四點(diǎn)就是使用Bridge時(shí)候的兩種視圖
這是視圖就是上面說(shuō)的篩選時(shí)用到
第二種就是整理這些素材的時(shí)候用到，上下鍵直接就可以翻閱素材，覺(jué)得不好看的直接Delete刪掉，如果右邊的圖不夠大看不清空格鍵全屏查看（收集后每段時(shí)間都要重新的看一遍自己收集的這些素材，把已經(jīng)覺(jué)得不好看的刪掉，對(duì)提高自己的審美非常有好處）
第五種方法都知道了，Adobe標(biāo)配，ctrl+加減號(hào)放大縮小縮略圖
再整理下這個(gè)素材庫(kù)的使用方法：
1.素材統(tǒng)一下載到待整理文件夾
2.把素材加上關(guān)鍵字后放入分類文件夾
3.定期進(jìn)行回顧、整理
4.查找篩選所需素材
就寫到這里，下一篇總結(jié)拿到原型，如何進(jìn)行梳理，從而為自己的設(shè)計(jì)制定計(jì)劃
