是不是每個設計師都會有一個自己的素材庫,怎麼創建並且完善呢?


在回答之前我想說幾點:
1. 不要用導航網站!
2. 不要用花瓣,要上也上 Pinterest 採集,並且及時保存文件到本地!
3. 少上站酷、Iconfans 等國內社區,多上 Dribbble、Behance 等優秀的國外設計社區。

然後我在這說下比較通用的大步驟,更加精細的需要按照你自己的成長和需求來劃分或變化。

第一步、網站選擇
選擇優秀的網站來源,CG 插畫如 deviantart,UI 設計如 Dribbble,攝影如 500px 總之選擇領域裡相對優秀的網站去瀏覽,而不是瞎逛國內的那種由編輯整理的網站。那些網站還經常是沒經過作者同意,只是編輯喜歡然後就扒到了自己的網站上,甚至很多都不署名作者和來源,真是太糟糕了!
如果你想成為優秀的設計師,首先請選擇優秀的網站,多看優秀的作品,並尊重他人的勞動成果。

(插畫社區 deviantart)

(設計社區 Dribbble)

(攝影社區 500px)

(設計社區 Behance)

第二步、整理收藏夾
不多說直接上圖:

(我的本地收藏分類)
在某一大分類下還有許多的子分類。分類規則沒有硬要求,但自己一定要清楚,能在需要的時候迅速找到文件夾。(比如我這的「交互」設計其實包含了 UI/UX 但一直沒改,而自己一定要清楚。)
以及我在 Behance 上的收藏夾:

(我的 Behance 收藏夾:https://www.behance.net/hindy/collections)

收藏的內容並不一定要是自己的專業內容,可以有涉獵更多的設計領域。比如上圖我在 Behance 上關注的設計師,收藏的作品就來自各種領域。很多東西是相通的,能在不同的作品中看到可以通用的創意,我覺得這也是設計的樂趣之一。^_^

第三步、如何在工作中應用這些收藏素材
其實我認為這才是最關鍵的,你收藏了這些作品但萬年不看那有什麼用。
一般來說我會有兩種方法來利用這些收藏。
1. 複習。是的,就像學完知識要複習一樣,收藏後我會在空閑的時候翻開來看。並且其實不只是看,而是要分析這個作品。它好在哪,不好在哪。當然這個最一開始我也會分析,尤其是在 Behance 上的收藏夾,裡面都是我喜歡並認為設計優秀的作品。
2. 工作時可以翻看收藏找尋設計參考。我們在做設計的時候不能埋頭苦幹,只看到自己的項目,有個非常重要的點就是要做 research。比如做產品還會需要分析競品或做用戶調研,就是這個道理。我會把找到的一些不錯的案例或某個打動我的元素放在一個「參考文件夾中」,這樣對我的設計有很多幫助,也能夠更好的滿足需求,做出更好的設計。

(我的「參考」文件夾 - 別急著動手,看看別人怎麼是做的罷)

希望對大家有所幫助。

---

歡迎關注我的專欄:UIcircle - 知乎專欄
您也可以搜索微信公眾號:UIcircle

---


補充:
評論中有很多朋友表示國外的網站太慢、習慣用花瓣、希望分享我的圖庫,因此在這附上我的花瓣,可能對普通的朋友本土化些。但要求高的專業設計師還是建議用 Pinterest,並且想法克服網路的問題。
洪涵滴滴的花瓣個人主頁
(說明:我自己是花瓣早期的用戶,有很多收藏。但當時的收藏質量也是參差不齊,且從去年開始就沒在更新了)


應該擁有
每個設計師都應該有自己的素材庫,這是確定的。
我不認同與別人這些高管理成本的行為,因為時間真的很值錢。
所以,我探究出一個低管理成本的素材庫建立方案。


目錄 INDEX:

  1. 創建的規則;
  2. 劃分素材庫;
  3. 目錄說明;
  4. 使用「素材」和規則;
  5. 靈感的加入工具;
  6. 靈感與項目的協同使用;
  7. 素材與項目的使用;
  8. 結語;
  9. 我的素材;

創建的規則
其實,創建一個素材庫,應該和自身經驗相結合起來。

我幾年工作下來,產生了素材庫是這樣的要求的:

  1. 這個素材庫應該可以被容易同步(多電腦工作的問題)
  2. 容易打理
  3. 容易輸入
  4. 容易尋找
  5. 允許臨時的混亂,但是定期被整理

接著,就應該根據規則來劃分素材庫了(見「劃分素材庫」和「目錄說明」)。

劃分素材庫
為此,素材庫有兩個目錄:

  • 靈感
  • 素材

他們的子目錄是這樣工作的:

目錄說明
靈感:

  • _待整理:Dribbble 等網站的小圖片,用於作為創作參考的;
  • !inspiration:啟發類型的圖片,如和項目無關的 UI、海報、平面等
  • !Key:技巧和流程的圖片;
  • Desktop UI:桌面的 UI、Web UI、桌面端的;
  • Effect:動態效果;
  • Mobile UI:移動端 UI;
  • Public UI:通用的,跨平台的,UI Kit;
  • Typography:排版;
  • VI:Logo 之類的;
  • 壁紙、壁紙(Phone):好看的壁紙……

素材:

  • GIF:Loading 之類這些循環 Gif
  • PhotoShop:abr、asl、atn 等這些 PS 設定;
  • PSDs:直接可用的 PSD 文件,這裡會放了一大堆 PSD,如果沒有放在文件夾下,就說明只是 PSD 文件而已;
  • PSDs 》_mini icons:小 icon;
  • PSDs 》_Screens Mock-Up:Mock up;
  • PSDs 》_UI Kit:UI kit
  • PSDs 》_規範模板:iOS UI PSD、Android UI x.x PSD 等,這些一定是原生的 UI
  • RepeatPhoto:可平鋪的素材;
  • Sketch:Sketch 文件……
  • 高清圖片:沒有意義的高清圖片;
  • 矢量字型:AI 格式的字體文件;
  • 矢量圖片:顧名思義;
  • 圖片:高質量的大背景圖片;
  • 音效:購買的音效庫;

使用「素材庫」和規則
建立了素材庫的目錄結構,當然要符合一些手段來使用啦。
在我的電腦下(多電腦),只要是 Mac 的話,就可以很容易地使用「素材庫」了。
當然,Windows 也可以,只是稍微麻煩了一些。


使用規則:

  1. 所有輸入的靈感文件,均輸入到「_待整理」檔案夾。
  2. 所有輸入的素材文件,均先暫存「下載」(OS的)檔案,在解壓縮後,挑選可用文件(如拋棄那些 MD、Readme、URL 等無用文件,多個 AI 和 PSD 文件,選最合適的檔案類型)
  3. 每週或每月將「_待整理」遷移到對應的分類目錄;

靈感的加入工具
適合於靈感的 JPG 文件和 PNG 文件不見得和 PSD 文件這樣擁有豐富的文件信息。
因此,我特意寫了一個小工具,來適用於增強這些文件的文件信息。

此工具的使用 DEMO:保存圖片—在線播放這個工具是這樣運作的:

  1. 拖放圖片到工具上;
  2. 確定其 PNG 或 JPG 所在的網頁網址,定義為 SourceURL;
  3. 把 SourceURL 和 圖像文件 加入到數據庫;
  4. 爬蟲檢索 SourceURL 的文字內容;
  5. 當打開 Search 時候,搜索文字即可顯示到關聯的圖像文件和 Web Page(SourceURL);

靈感與項目的協同使用
我們蒐集素材,無非就是因為設計項目而已。

強大工具 Pixa
這裡,我需要介紹一個強大的工具﹣Pixa。
(Pixa﹣最好的靈感庫管理工具 - 樣本工作室 - 知乎專欄)

這裡也稍微重新做一些介紹,

  1. Pixa 是一個優秀的靈感管理工具。
  2. 擁有其出色的項目功能(以關聯模式工作,不添加複製新的文件)
  3. 視覺效果舒服;
  4. 具備豐富的 Tag 信息;

項目與 Pixa 的協作步驟:

  1. 在 Dribbble、Behance、Pinterest 等網站瀏覽,認為合適的項目圖片;
  2. 在「靈感庫」瀏覽,篩選認為合適的項目圖片;
  3. 在 Pixa 中,把這些圖片加入到對應項目;
  4. 在「工作目錄」下,建立對應項目文件夾,開展工作;

在 Pixa 中建立項目:

在「工作目錄」下建立項目:

這裡就不展開說工作如何進行了,因為我們的重點只是在說素材庫而已。

項目與素材的使用
為了加速工作,我們應當使用合適的 OS 特性來加速我們的工作。
素材庫雖然很大,但是,常用的文件,應當容易訪問。

基於 Tag 加速訪問
在我這裡,我是使用 Finder 的 Tag 特性來滿足這個情況。

我主要常用的就是「_mini icon」、「PSDs」、「圖片」這幾個文件夾。

基於搜索加速尋找
由於 Mac 的一個特性,可檢索 PSD 內部文件的信息,因此,良好的 PSD 文件就可以被搜索出來哦。

PSD 文件是具備很多信息的:

Sketch 這方面就弱很多了,根本不支持搜索了。

結語
平時關注一些好的網站,RSS,多看看外面的人是怎麼工作的。
素材和靈感,的確很重要,但是,也不是沒有就不能工作的。

我也覺得上文說的有點多了,所以簡單來說,這個素材庫規則就是這樣用的:

  1. 靈感,統一先入待整理;
  2. 素材,統一先入下載目錄;
  3. 定期整理和分類;
  4. 靈感用瀏覽回顧;
  5. 素材使用搜索查找;

我的素材
在我長期的積累下,素材庫已經總計有 15G 左右的文件;
其中靈感有約 3k 個文件;素材有約 2w 個文件。

END


不邀自來哦。圖庫是一定要有的,這是自己軟實力的一種啊!(⊙□⊙)
多圖預警!!!!!!╮(╯▽╰)╭
2015.9.8更新
@sorrow49 自己看看哈 對了下面面的UED團隊也可以看看ㄟ( ▔, ▔ )ㄏ (*′Д`*)
查開房,開房信息泄露,最新2000w開房數據在線免費查詢
足不出戶 體驗世界360 Aerial Panorama, 3D Virtual Tours Around the World, Photos of the Most Interesting Places on the Earth
高能裝逼Norse - IPViking Live
有點恐怖 無人認領屍體在線查詢 --- 廣州市殯葬服務中心
有點意思 Rainy Mood - Rain Makes Everything Better.

UED團隊 看下o(*≧▽≦)ツ

文章 - 阿里媽媽MUX

360UXC | 360UXC用戶體驗設計中心

騰訊CDC

TGideas-騰訊遊戲官方設計團隊

百度移動用戶體驗部

百度搜索用戶體驗中心

TaoBaoUED | 做地球上最好的 UED

騰訊ISUX – 社交用戶體驗設計

騰訊網UED | 官方網站

首頁 - FEX

阿里巴巴(中國站)用戶體驗設計部博客阿里巴巴(中國站)用戶體驗設計部

http://ued.sina.com/

網易用戶體驗設計中心

CUED-迅雷用戶體驗設計中心

深圳體驗設計專業委員會

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
再來說說圖庫整理的方法!( ̄工 ̄lll)

1.本地有一份的話這還不夠,必須能夠同步圖庫,能夠跨平台。優點是你想想你辭職後,面對自己幾十個G的素材,你會哭的。(推薦使用360雲盤同步,上班的時候平時就讓它慢慢上傳到雲盤,因為容量足夠大)

2.圖庫管理軟體推薦,Adobe Bridge (︶︹︺) 好處大家可以自己體會一下,可以修改圖片的源屬性.這說明了什麼?這說明了你的電腦即使系統重裝,或者你以前mac轉win,win轉mac都沒關係,因為你修改的是源文件的屬性···(很多圖庫管理軟體如果系統down掉後,然後之前的分類全部沒了,沒了。另外我很不贊同縮略圖法查找,這種太費精力了,順便安利一下everthing( ^ω^)這款本地搜索軟體,很不錯)

3.前面所有的防護措施做好之後,那麼你接下來重點是圖片分類,SO···我整理了我自己的一份分類,看下哦!╭(′▽`)╭(′▽`)╯

一 1.風景 2.地理* 3.荒漠 4.路 5.火 6.奇景 7.植物* 8.花卉 9.森林 10.水果 11.天氣* 12.風 13.雨雪 14.煙霧 15. 天空* 16.雲朵 17.星空 18.星星 19.星雲 20.星球 21.地球 22.大海* 23.沙灘 24.貝殼 25.山嶽 26.瀑布 27.水珠 27.湖泊 28.流水 29.冰 (注意此處只不過用具體形象化代替視覺感受 , 如休閑可以用 沙灘來體現,描述的多是感受,所以風景裡面分了一個大類 (? ??_??)? )

二 1.時間 2.節日 3.雙十一 4.情人節 5.春節 6.聖誕 8.屬相 9.星座 10.四季 11.日曆 7.2015

三 1.動物 2.野生動物 3.海洋動物 4.哺乳動物 5.兩棲動物 6.爬行動物(海星 蛇) 7.寵物 8.鳥類

四 1.經濟 2.金融 3.美元 4.人民幣 5.工作 6.合作 7.人物·經 8.團隊

五 1.文化 2.宗教 3.習俗 4.傳統

六 1.創意 2.噴濺 3.摺紙 4.logo/vi設計 5.靈感* 6.卡通

七 1.模板 2.電腦 3.iPhone 4.ipad 5.瀏覽器頁面 6.VI展示 7.交互 8.卡通

八 1.紋理 2.線條 3.鏡頭光 4.霓虹 5.木質 6.金屬 7.網格 8.布料 9.多邊形 10.花朵 11.樹葉 12.模糊

13.顏色

九 1.汽車 2.美女 3.明星 4.體育 5.婚禮 6.衝刺 7.動作 8.房產 9.收藏

十 1.生活 2.老人 3.農民 4.大眾 4.人物·平 5.事故 6.平凡 7.回憶 8.環保(平凡的 動蕩的)

十一 1.中國元素 2.年畫 3.對聯 4.剪紙 5.燈籠 6.鞭炮 7.中國結 8.風箏 9.臉譜 10.古典 11.水墨 12. 龍 13.漢字 14.毛筆 15.詩詞 16.山水畫 17.白描 18.儒釋道 19.百家

十二 1.軍事 2.政治 3.人物·政 4.飛機 5.坦克 6.裝甲車 7.熱武器 8.冷兵器 9.二戰 10.衝突 11.動蕩

十三 1.行為 2.微笑 3.看鏡頭 4.仰視 5.遠眺 6.握手 7.思考 8.時尚 9.運動 10.休閑 11.潮流

12.高爾夫 13.釣魚

十四 1.器材 2.球類 3.自行車 4.書籍 5.筆

十五 1.概念 2.高興 3.喜慶 4.現代 5.健康 6.安靜 7.豪華 8.簡約 9.壓抑 10.大氣

十六 1.科技 2.科學 3.技術 4.宇宙 5.實驗 6.網路 7.飛船 8.互聯網

十七 1.動漫 2.遊戲 3.日風 4.歐美風 5.卡通

(修改源文件屬性原則 選擇兩到三個標籤 加上 原來畫面意思 所有圖片必須高清 色彩豐富的至少 2M 黑白內容簡介 1M 資源特別優秀可以放寬條件,矢量除外 (?′0`?)

以上就是圖庫的管理法了安全和分類基本說清楚了辣

SO 接下來就是圖庫圖片來源了,一個設計師最基本的是信息搜集能力了!(( (//?Д/?/) ))

以上的信息很對都是來源於國外網站,對於靈感來說就是用pinterest,偶爾花瓣一下。

大家都知道的behance dribbble就不用說了因為國外網dribbble訪問太慢,所以一直bahence,感受下,

以上!(╯#-_-)╯╧═╧ ( ╯#-_-)╯┴—┴ 點贊可好!


並非專業設計師,只是喜歡自己玩玩。
我覺得這個素材庫,一方面是設計的一些「部件」(筆刷、高清圖、icon矢量圖等),一方面是其他設計師的設計作品,用以鍛煉自己的審美,找尋新的排版和用色靈感。

這個回答將從素材來源和素材管理兩方面來解答。

一 素材來源
收集和建立素材庫最簡單的方式就是到各個設計師網站上去看,遇到心儀的素材存下來。以下是我比較推薦的幾個網站。
1.站酷:站酷 (ZCOOL)
最喜歡的設計師網站沒有之一。站酷擁有非常多的專欄設計師,很多設計師也會在上面上傳自己製作的免費素材,包括許多icon、簡筆畫、字體設計等等等等。這裡還有很多的設計師招聘信息、設計專題教程等等,還有些非常可愛的設計師的作品,比如我現在在看的塞雷話車系列
賽雷的個人主頁

站酷還集合了很多設計比賽的專題,目前有非常多的設計比賽在線,有興趣的話也可以去試試,順便可以了解下各行各業的設計標準規範和風格。

然而作為我最喜歡的設計師網站,站酷的網頁設計一定是我見過最丑的(沒有之一)真是又愛又恨啊。

2.花瓣網:花瓣網_發現、採集你喜歡的一切
花瓣網絕對已經被推爛了,但是這不是我使用最多的網站。從花瓣網的slogan可以看出:「發現、採集你喜歡的一切」以及整個網站的基調:清新、文藝,基本上就決定了這個網站在內容的風格上是比較局限的。再而它不是一個嚴格的設計網站,更多的是一個美圖網站,它教你去發現生活中的美,鍛煉你的美感,所以可以看到裡面的內容是美景、美物、美女…諸如此類,混雜著很多生活中的情趣,個人認為更適合文藝青年去發掘新鮮事物,對於設計師來說可能更多的是去發掘靈感和鍛煉審美。

3.海洛創意海洛創意(HelloRF)
介紹一個付費的網站好像不是特別厚道,但是這裡所有的圖片素材都是需要付費的(往往在300元以上),恰恰證明了它的圖片的質量有保障。
這裡肯定不是說讓你去買買買反正我也是不可能去買買買的嘛。。當然窮人自有窮人的過法。
海洛創意上面的圖片可以用來學習構圖、配色、文字排版、icon臨摹等等,雖然不能下載,但是可以逼迫自己動手豐衣足食嘛咩哈哈哈
Step 1:將你喜歡的圖片截圖保存
Step 2:用photoshop打開(是的我就是不怎麼會用AI別逼我)
Step 3:學習構圖的用參考線拉一下看看比例,學配色的用吸管吸色吸出一套配色(是的我經常這麼干)
Step 4:自己做出來的那些材料,不就成了你的素材么哈哈哈

4.全景網路:全景網路_中國最大的圖片庫和圖片分享網站
和花瓣類似的圖片分享網站,不同的是風格更大氣更多變更商務,少了很多小家子氣的成分在,使用的範圍更廣泛些,這裡就不多作贅述了。

二 素材管理

哈哈哈我是一個守信的好孩子。

1. 噁心的壓縮包們受死吧!

如果用的是百度圖片則可以跳過本條。

如果你用的是站酷之類的設計師網站,就一定會遇到這種情況:

一大堆莫名其妙的壓縮包啊有木有(命名還讓人不明真相)

對於他們我一般是這麼操作的

Step 1:全部解壓縮

Step 2:一張張點開是什麼東西

Step 3:按照內容對文件夾進行命名

這個方法非常傻但是有助於分類嘛。


黑技巧:把那些不能直接用windows自帶工具打開的psd啦eps啦用相應軟體打開後另存為PNG格式,就可以在不打開那個psd的情況下預覽了。別看就是這麼一小個步驟,這個預覽可比打開PS或者AI要快得多,一個個找素材的時候要是沒有這個預覽圖完全是要抓狂的節奏啊!

————————20150827此處補充————————

評論區有小夥伴說到用bridge查看,發現確實蠻好用的呢,只是我確實還是要找好久(難道是我比較笨)

Step 1:打開PS後選擇文件——在bridge中瀏覽

Step 2:選擇左邊你需要找的類型,比如這裡我選擇了Photoshop文件類型,就可以完成預覽了

Step 3:雙擊打開素材

群眾的力量是無窮滴!

2.
文件夾命名及分類放好

做完上面的那個步驟,你的素材庫應該是這個樣子的:

額。。。這種情況下是極其不方便的,如果你需要找一個圖片估計要找一下午。。

有人說我可以用搜索啊!問題是你知道你要找的那個矢量圖它叫什麼嗎。。

這裡告訴大家一個文件夾命名的黑技巧以及我一般如何進行分類(完全可以遷移到其他文件夾的整理)

黑技巧1:用~!@#¥%類似的符號加在文件夾前面,可以幫助文件夾在按「名稱」進行排列時排在最前(別問為什麼,看鍵盤上對應的數字)

黑技巧2:不用上面的那個方法的話,想要對文件夾進行排序,則在文件夾名前用阿拉伯數字進行排序(不可以用漢字數字,因為漢字數字是按照音序字母表順序排的)


我一般怎麼分類:

經過重新的命名之後,掃視一遍自己下載的內容都有哪些分類,心裡有個數。

由於我個人的原因,我一般down下來的圖片有五類,一類是icon矢量圖,一類是ios/Android UI設計案例,一類是高清背景圖,一類是web設計圖,還有一類我叫它其他(因為確實不知道怎麼分類了,包括海報banner等等,這類數量應該控制的盡量少)。

SO我可以重新建立5個新的文件夾:icon矢量圖、UI設計案例,背景圖、web設計圖、其他。

然後就是醬紫的,看起來舒服多了

三 放幾個我的大招私藏

1. 幾個配色方案

來源見水印

2.我覺得很不錯的站酷素材鏈接

A.icon系列:太多了,挑幾個比較新的

grap psd icon set||

第五期-菱形漸變LOGO設計視頻教程 好教程!


B.web設計系列

精美網頁模板-響應式特效豐富||

web4設計—psd分層素材||

GerduKreatip網頁模板||


C.APP UI系列

iOS 8 Vector UI Kit by Mercury Intermedia||

2015,US_Starbucks_App_iOS[iPhone5S_柵格規範]|移動設備/APP界面|GUI|iwantooo

D.banner海報圖系列

淘寶網頁,聚划算,天貓首頁banner,品牌特賣海報|Banner/廣告圖

女裝 店鋪首頁 女裝首頁設計

北歐簡約風格女裝店鋪首頁(五)

五四青年節致青春海報設計

舉一個 【banner 風格設計規範】的例子 |Banner/廣告圖


其實不是。我公司就有些設計師不用素材庫的。畢竟製作自己的素材庫,為的是在需要尋找視覺素材的時候,比直接去各大網站搜索更加快捷,並且能夠按照臨時產生的需求或者自己的設計習慣來篩選素材。達不到這點的話還是不要做素材庫了,搜索能力強一樣很便捷,畢竟這事兒還是很耗時間和精力的。


###去哪裡找素材?

Behance
Dribbble - Show and tell for designers。
我幾乎只去這裡,然後求便捷的時候會去花瓣或者Pinterest直接搜了然後整合到一個庫里。


###素材放哪裡?

我個人喜歡用花瓣整理,操作起來好像習慣些,YarKb的花瓣個人主頁(本來想用本尊Pinterest的,但是搜素材的時候感覺沒有花瓣來得那麼合適,可能是資源太太多了)。

除了存在網上,還可以下載下來到自己的硬碟里,然後推薦一下用Adobe的Bridge,同樣管理圖片,添加標記標籤。


###怎麼整理?

1,培養眼光很重要,素材裡面不要有廢物,只保存真的能幫到你的素材,不要見到個圖片就往裡添加。

2,定時更新很重要,設計行業風水輪轉,要保持自己的設計處於行業前列,要記得素材庫里也不要有過於陳舊的東西。

3,分類可以按照自己的需要來分,並不是一定要嚴謹得把所有顏色歸為一類然後功能分類版式分類,最重要的是能方便找到,不符合自己使用習慣的話,整理素材真的沒什麼必要。

這裡正好提一個花瓣的特性,花瓣除了「畫板」的概念,還有「標籤」的概念,採集的圖片存在畫板,但也可以根據自己定義的標籤來快速查找,比如一張在「平面設計」畫板下的圖片,同時擁有「紅色」、「網頁」的標籤的話,在個人主頁右側搜索「網頁」同樣也可以找到這個採集了,很方便。這搜了一個。之前用了蠻久花瓣,一直沒用上這個功能,後來知道了覺得還是有必要利用一下的(雖然知道了這麼久了我也還是沒用上)。


###總結

所以歸根結底不是每個人都需要一個素材庫的,但如果有素材庫,就要物盡其用,讓它真的能為你帶來效率上的提高,否則就只是浪費了時間而已。


有(多圖預警)。但根據多年經驗,我的結論也許和一般認知有點相悖。

儘管有好長一段時間裡,我一上設計網站就簡直了患上手癌,右鍵迅雷下載跟吃了炫邁一樣根本停不下來!但這並沒有什麼卵用,素材越來越多,使用率越來越低越來越低越來越低....

———感謝的給個贊嘛,設計真經(驗)碼字很累的———

先說說從2005年初出茅廬,走到今天我對素材庫的定義:
一.用於backup(備份),包括所有設計成品里使用過的素材。

設計師首先要尊重自己的作品,無論是好的、不好的作品。再滿意的作品,也會有覺得不夠好的一天,因為你的審美會與時俱進,會越來越好的。
為自己的工作建檔,包括素材。根據項目保存素材便於查找,因為是自己做過的東西,這部分的素材庫不僅僅在電腦里,而且在你腦子裡。

二.素材庫淘汰率很高,其重複使用率不超過5~10%,因為:
1) 以UI設計為例,iOS7以前保存的素材使用價值明顯大大減少。

2)針對項目獨立設計是一種基本的態度,這絕對關乎你作為設計師的身價。
退一步說,拿既有設計修改變成新的設計,其可行性並不高,甚至比重新設計更費時。
每一次的設計標的物,大到定位、特性、色彩、風格,小到比例、字體、icon大小等等,本就有著強烈的不可複製性,連帶其素材的重複使用率也會大幅降低。

本人在每次設計項目開始前會花掉大量時間翻閱資料,有針對性的搜羅參考資料,在前期及設計過程中搜尋新的素材。(僅個人工作習慣,不喜勿噴)

個人認為一個優秀的商業設計師,對設計風格走向的嗅覺及關注,應等同於服裝界對當季時裝秀里關於材質、細節及配飾的關注度。

三.素材庫在無法使用網路的時候發揮極大作用
多少個風雨交加WIFI down掉的deadline夜,素材庫讓我像貓一般擁有十條命!
有一次,客戶要我幫忙設計產品外觀,這明明是工業設計的範疇啊!(打岔:設計師眼中的設計師:平面設計師、界面設計師、工業設計師、珠寶設計師、園林設計師、室內設計師、原畫設計師.....而客戶眼中的設計師:美工。)我說我不會,他說你就設計個樣子給他們看就行了,不用管東西的尺寸。我說好吧。可我真的不想做,拖啊拖,就拖到了deadline那天,客戶信息來了:" hey,稿子發過來了嗎?" 我看看時間,oh my gosh!23:00了!慌忙回復他:「已經做好了,電腦不在身邊,回家發你。」 回到家,發現網路華麗麗的down掉了!真可謂屋漏偏逢連夜雨——還好我還有素材庫,當時就找到這個素材:

客戶給我的圖片是這樣的:

一小時後,我按客戶「做幾種質感」的要求,出了四張圖:

Copy and paste layer style真是太好用了有木有,有時候甚至都不用微調感覺PS萌萌噠。

上述是我對素材庫的定位,綜合一下我胡亂收集了萬年素材後,現在我認為適用於平面及UI設計師的素材庫應該是這樣的:

1.設計參考(Reference)
這類其實不屬於素材範疇,屬於靈感來源。包括一些優秀作品。

2.疊加類素材(Overlay)。
一些線條、幾何、質感、紋理、光影、雲、水、星等圖片,解析度越大越好,效果疊加太好用了。
舉例:(素材1、2、3)

最終使用--&>

3.樣式類素材(Layer Style)
此類素材能迅速提高工作效率,PS用拷貝圖層樣式,AI用吸管拾取。
常用:金屬、金色、button、banner等。

4.背景(background)
背景可以是這樣的:

用於填充。
也可以是這樣的:

用於加LOGO或文字什麼的展示。

5.VI類、展示類圖片
空白VI, 以及漂亮的VI作品展示;
這是網路原圖,我收藏了做素材。

我直接用來給客戶展示設計的LOGO:

常用手機如蘋果、安卓,常用屏幕如蘋果、手提電腦、戶外LED屏等圖片。

用一張圖看:

6.常用社交媒體及品牌LOGO

7.Icon
這個越多越好,尤其針對UI.

8.已付費購買的素材
錢不能白付啊~用不著也要存著。

9.歐式花紋,手繪矢量素材
這個在CMYK東西中百試不膩, 對比一下即視感。

10.中國風素材

暫時這樣,有人看我再補充吧!
*本篇引用圖片均本人N久前的作品,不能說做得很好,僅方便舉例,輕噴*

最後,關於素材的來源:
也許3~5年前,我也會很嗤之以鼻的說,千萬別上什麼昵圖網,花瓣網,也會一個勁的推崇國外網站,雖然那確實是出於好意,給新人指引一條更好的路。
但一個擁有好的審美觀的人,不會因為上了一個LOW的網站就變bad taste了,只要你能好好的去分解、運用素材,哪怕百度圖片都能找到你要的東西。


我的網站:

http://www.hiimii.com


需要時候找,找素材的過程也是找靈感的過程,用順手的才存。一般存下打算以後用的,基本叉掉就忘記了,然後就成了雞肋般的存在。


看到這個話題的第一個回答,我不得不準備回答一下了。
(我是做UI的,其他方面的可能他們有自己的工作方式,如有不妥自己辨別。)
沒圖,希望大家看的不要太枯燥。

首先,作為一個設計師平時很需要積累。
那麼好一些的看圖的社區很重要。
我一般選擇的地方

1. https://www.behance.net/(一些國際頂尖的設計師都會在上面發東西)
2. Dribbble - Show and tell for designers(一般找參考或者靈感會上去)
3. FWA winner | The Perfect Flight (國際上做的比較好的網站都會收錄進去)
4. Awwwards - Website Awards(同上)
5.App Design Served :: Gallery(BE下專註APP類的)
6.Branding Served :: Gallery(BE下專註品牌類)
7.Web Design Served :: Gallery(BE下專註網站類)
8.Packaging Design Served :: Gallery(BE下專註包裝類)
9.Digital Art Served :: Gallery(BE下專註數字藝術)
10。Form Follows Function(交互神站)
...

但是想要訪問這些國外的網站,網速真的很一般。。。
當你想要找參考的時候你去BEDR...上其實並不能馬上就能找到想要的。
工作還是要考慮效率把。

那麼我們其實是需要調節一下自身的工作方式,也就是養成一個好習慣


1.把你在任何地方看到的對你有靈感激發或者好的東西分門別類的收集起來,而且不要只保存在電腦里,那樣你沒有用的,因為你根本不會看。用瀏覽器書籤都是存一些比較實用的網站,如果是圖片還是收集到花瓣這種地方比較合適。平時沒事在手機都能翻翻,睡覺的時候或者廁所里。。。

花瓣網址:花瓣網_發現、採集你喜歡的一切

ps:看到有些人說不要上花瓣我也是醉了,花瓣上對於設計的收集質量之高是超越Pinterst這種的...親身體驗


2.堅持發作品和學習,站酷真心是非常棒的平台,如果你是初學者,那麼你可以在站酷上面學習到很多技巧和文章,如果是已經是經驗很豐富的設計師,那麼你在站酷上面可以認識到很多跟你同類型的設計師去相互探討和學習,如果你非常牛逼,那麼國內平台已經不適合你,但是如果你做的還是國內的項目,還是請你有空看看國內的項目是怎麼接地氣的。

站酷網址:站酷 (ZCOOL)

3.摸索一些屬於自己的工作模式,或者技巧,比如配色你可以在Dribbble上搜索色彩然後看看別人的配色,比如在花瓣上搜索的時候不要傻乎乎的直接看搜索結果,可以多看看搜索出來的畫板,很多畫板都是一些好的設計師精心維護的。。。這些都是長期積累出來的工作方式。


4.做設計這個東西,堅持是第一點,第二點就是保持做好第一點,很多好的設計師都是這樣慢慢積累出來,祝樓主好運!~


動輒幾十個G的資料庫,你們有時間看,這輩子能看一遍嗎?我習慣看的時候用心看,看完腦中留下點什麼,一點半點也好。這是積累。


我大學學的視覺傳達,記得上大學時自己有一個圖庫,平時只要看到好看的圖片都會放進去。尤其是高清的大圖片。如果發現了一個新的圖片網站都會高興的不得了。當時用的電腦略差,卡到不行,我還特意買了一個500G的移動硬碟。後來出國發現了更多國外的圖片網站。雖然已經不學這個專業了,也還是忍不住存下來。這個習慣真的改不掉啦~


設計師的材料庫一般就是Behance和dribbble上積累的一些素材。

一般公司都有材料庫,做設計的時候可以參考 。

更多相關內容在

JinCao 曹金的live

JinCao 曹金 - 知乎專欄


共享了參考「mobile」的文件:
Mobile.zip_免費高速下載

很大部分來自於dribbble,請尊重原作者版權等等,不多說了你們要乖啊。
我的: Dribbble - Kokuryuu 歡迎來fo (= =+)
平時比較忙所以我po的作品封面做的並不太好,一定要去看大圖或線上版本哈!Orz
Follow的用戶在自己的Suggestions中也是可以看到他們的動態的,這樣好的作品就不會錯過。

另外推薦一個特別好的素材網站
Carefully Crafted UI Design Assets
它家資源都是收費的不過都提供大圖,而且有各種類別的,不看你一定會後悔,作為學習的話真是再好不過了!
另外哪位高帥富白富美買了它家資源能分享我一份就再好不過了~(ˉ﹃ˉ)

-------------------------------------------我是原版的分隔線--------------------------------------------

是的。

至於怎麼創建是因人而異的。我是把參考庫和素材分成了兩類。

首先說參考圖

一級分類
其實這個都是個人維度的,怎麼分就是你高興就好。
實在不行可以看看人家網站的分類是怎麼搞的。

二級分類
其實在整理參考的時候有助於讓你更加深刻的理解這個領域。
最近的工作就是做界面,所以這類參考收集的也比較多。

三級分類
按照APP功能類型分類

四級分類
時間維度上的。其實完全是因為某個類目下的太多了不得不按時間分類。
同時可以看出流行的趨勢。比如O2O這兩年特別火,這個分類這兩年的內容就比較多。社交類的就那會呈現慢慢變少的趨勢。

再來說素材

一級分類
這個也是,怎麼分。。高興就好。
做UI,素材庫更多的就是圖標和mockup。做網頁,更多的就是各種裝飾圖案。
個人還喜歡畫畫,還有一些繪畫相關的素材。

二級分類
原生控制項是初期做移動端設計最好的參考資料。
主要是各種尺寸。慢慢做多了這些都爛熟於心了,也就不用總去看了。

【參考網站】

這個前幾位都介紹很多了。
我個人的習慣是:
國外的高端網站為主,國內的也會看一看。
前者是為了提高審美層次,有助於自己進步;後者一是為了接地氣,二是更有利於定位自己在國內的水平。

Behance 收藏夾分類

Dribbble - Kokuryuu / Bucket 收藏夾分類

信子AUO的花瓣個人主頁 畫板分類

PS:現在看來我這個花瓣的分類真的是非常SB。

推薦幾個分類非常好的花瓣

【設計類】
淘寶-飛梵的花瓣個人主頁
無敵的被窩君的花瓣個人主頁
Chibi貓的花瓣個人主頁
【原畫類】
~小樹西芽芽~的花瓣個人主頁
祥瑞御免的花瓣個人主頁
暴走橘子CC的花瓣個人主頁


每天到公司打開電腦的第一件事先看看各大平台的作品,看看時下興用的一些素材和效果,這樣作圖的時候也不會被批鬥沒創意或是過時。
素材這東西是要靠日常積累的,你可以每天到設計網站上收集或保存幾張自己喜歡的,沒必要很多,每天只需用十分鐘時間就夠了,但是必須每天堅持。還有就是要分類整理好方便使用,為此我特意買了一個2T的硬碟。
每天再花二十分鐘模仿一兩個你喜歡的作品,每天堅持。對於設計前期的人,只收集素材作品,不臨摹進步很慢的。


以景觀為例
——————————————————————————
一、景觀案例
1.文本(ppt或pdf)
2.圖片(網上搜集圖片為主、文字為輔的案例,以各自項目命名)
3.cad(施工圖dwg或jpg)
二、景觀表現(圖紙風格,色彩搭配,角度等)
1.平面
2.立面
3.效果圖
4.鳥瞰圖
三、素材(可供平時作圖)
1.cad(平、立面圖例,如植物、人等)
2.ps(優秀的psd文件,筆刷,平、立面及透視圖例等,如植物、背景、公共設施標識等)
3.sketchup(模型,如建築、構築物、喬木、灌木、人物等)
4.模板(針對文本封面、扉頁、內頁及封底)
5.鋪裝貼圖
四、意向圖
1.大門
2.構築物
3.景觀小品
4.景牆
5.小空間
……
有很多種分類,就不一一列舉,可根據實況建文件夾
五、學習
http://1.in—標準和規範
http://2.in—景觀書籍電子版
http://3.in—他人分享的相關經驗(如鋪裝材料分類,植物造景等)
http://4.in—教程學習(主要針對軟體學習,視頻、ppt及pdf文件等)
5.out(可橫向拓展關於景觀知識面的資料、書籍等,如美學、心理學、人文、歷史等……)
——————————————————————————
目前暫時我是這樣分類的,也在陸陸續續的整理中。
最後我想說,整理素材庫真的要趁早!要趁早!要趁早!
越到後面,素材庫更亂——不想整理——新的資料使素材庫更亂——更不想整理——然後就惡性循環了……
整理素材庫其實是個長期的過程——既要對現有資料做一個分類和整合,又有不斷的新資料需要分類保存。
不過只要自己在不斷實踐中確定自己的分類方式,然後每次有新的資料都按部就班地放入專屬文件夾內,素材庫就會越來越一目了然啦~~~~~


學生的時候,我有一個整理得近乎另人夢寐以求的500G硬碟…幾乎打開目錄的人,臉皮再薄也會開口要拷一些…可其實從中找東西的時間,遠小于歸納它們的時間。

近兩年才發覺,真正的王道是,巧妙使用 Pinterest 巧妙使用 Pinterest 巧妙使用 Pinterest
Pinterest是更持續化,利於在整理中學習、分享的方式。 人的審美會變,需求會變。而pinterest易於迭代。
得知這網站的主流用戶是美國中部大媽的時候,我的內心是跪了一會兒的。後來發現不是我們專業大媽,他們做交通工具設計、時裝設計的,開始做設計的時都瀏覽器都開著一溜pinterest的標籤,也就釋然了。


是的,我認為只要是專業做設計的都會有素材庫。我自己就有兩個硬碟是為素材準備的,並不是說積累了很多,只是大學電腦格過一次(經歷過的人都會想死的),從此之後我開始特別注意這方面。
首先,你必須有強大的整理術。藝術是相通的,收集的資料從平面到空間再到實驗藝術,從看展到旅途攝影等等,五花八門都是你靈感的來源。我是會定期整理的,整理的方式也是為了方便自己辨識認知,所以就是平面,包裝,產品,傢具,室內,建築這樣一個遞進關係整理,每個單元裡面大多有範例圖片,展覽照片,靈感圖片,網站,設計師等等。
其次,你得有強大的收集術。常用的網站就不推了,我看到有些設計師朋友都有說。我常用來收集的網站就是AD110,確實比較不錯的網站,裡面涉及到到國內外。還有平常多看展,對於美院出身的娃真是有一顆愛看展的心,每個好展都不願意錯過,導致看展照片佔了很大一部分內存,初期覺得沒什麼,後來發現你做設計時很多的靈感來源於看展,尤其是實驗藝術的展。
就說這些吧,對於前期設計師來說,能與志同道合的人資源共享,是不錯啊


會吧,作為一個曾經的業餘設計,日積月累慢慢出來了自己的素材庫,根據自己的需要分門別類的進行歸納,分為本地和網路~又分為平面和室內,
先講一下平面吧,本地的平面要有字體、配色(自配取色器)、花紋圖樣、筆刷什麼的(忘記了QAQ)
網路的就是一些基本的網站啦,
什麼昵圖網啦千圖網啦(類似網站需要花錢下載素材,可以某寶買一個臨時賬號!便宜而且幣多隨便下~)
或者蘇打蘇塔(有淘寶店!專賣素材~)
圖片的就是全景什麼的了,看樓上推薦蠻多的就不說了~

藍後就是室內辣~~
本地的真是一把辛酸淚,當初沒有素材簡直連圖都出不來,
本地的分為材質貼圖,(根據材質進行分類,木地板的、大理石的、壁紙的等等等等)
模型(分為整體模型和單個模型)
整體模型:平層躍層中式歐式現代進行分類
單個模型:桌椅板凳燈具廚具旋轉樓梯地毯分類若干,然後再按中式歐式現代的風格再分類)
網路的話,拓者設計吧(東西不錯,價格也美麗)
中國室內設計聯盟
建模網
建E網(類似的網站很多)
還有CAD素材也差不多,整體圖和單個素材圖,這個普遍好找一些

覺得跑題了....
反正要是建立自己的素材庫,先別著急建,需要什麼放些什麼,放時候只要記得歸類,慢慢的入門後就會越來越多,到時候你就知道你就會發現一個完整的素材庫已經出來了。

手機碼字好累QAQ


講下本人的情況,大家根據需要再看下去。 我是名建築生,為啥是生?因為我還沒拿到註冊建築師執照啊。 平常工作需要就是Cad su ps 等軟體上的素材。個別流弊的要revit的族。 ~~~~~~~~~~~~~~~~~~~~~~~~~~分割線~~~~~~~~~~~ 收集就這麼兩個類要關注了,一個是優秀設計,能給你靈感的,可以是照片可以是網頁,甚至skp模型,dwg方案等。一個就純粹是直接能拿來插入剪切用的素材。題主是問這個吧,我專門一個文件夾是這麼放這種。

因為軟體不同,素材也會不同格式,以此第一級區分,cad su ps,等。第二級分類別,比如我dwg分民用住宅,商場,公建等。skp分室內,室外。ps就簡單很多了,按圖大小來分文件夾,為啥不分矢量?因為我不用啊。

以上注意都是文件夾分級。其實最關鍵的是命名!命名好了,無論怎麼找都不會找不到,所以我還會有一個亂七八糟的文件夾,用來臨時放置,再次瀏覽過還能增強記憶。

順便說下cad的lsp,dwt,字體等,我是額外拿出來備份的,不算收集吧。

第一次回答(づ ●─● )づ


這是個長期積累的過程,我會收集傢具圖片資料,按 風格-品牌-類別 的順序分,此外也需要寫上日期劃分年限,還有其他的資料:比如傢具圖冊、Before-After的配色方案、裝飾畫等飾品、地毯、燈具、窗帘、壁紙……強大的資料庫是做方案的基礎,這些資料需要花很多精力時間和金錢:高質量的需要翻牆上國外網站一張一張下載;一般的也可以上某寶買,幾塊到幾十塊不等。


推薦閱讀:

時尚行業是設計師導向,買手導向,還是顧客導向?
獨立服裝設計師的靈感都是怎麼來的?

TAG:設計 | 設計師 | 用戶界面設計 | 用戶體驗設計 | 素材庫 |