素材的收集與整理

學做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.查找篩選所需素材

就寫到這里,下一篇總結拿到原型,如何進行梳理,從而為自己的設計制定計劃

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,247評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,520評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,362評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,805評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,541評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,896評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,887評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,062評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,608評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,356評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,555評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,769評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,175評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,489評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,289評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,516評論 2 379

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,734評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,173評論 4 61
  • 過午不食的一天總是敗在夜宵上在減肥第十三天的那天溫柔的曉梅也離職了要奔赴老公的懷抱了祝福曉梅前程似錦 秉承過午不食...
    無敵大美人st閱讀 150評論 0 0
  • 20171018親愛的兒子,今天放學,你就電話我,告訴我你寫了一封信給我,還藏起來,讓我回來找到再看,我回到家,一...
    簡單的幸福_ceb3閱讀 56評論 0 2
  • 文/冬至 在說我為什么要學論語之前我想先說說猶太人。 猶太民族對于知識是非常重視,他們很尊重知識,從很...
    你好哇冬至閱讀 336評論 0 2