作為一個設計師，擁有一個圖片素材庫方便自己隨時獲取靈感是一件非常必要的事情。但是收藏起來的素材如果不經過合理的分類和整理，下一次突然想要用到某個圖片可能就找不到了。想必你肯定遇到過下面的情況。

場景1

如下圖所示，小明發現一個網站的插畫設計風格很獨特，排版也很有創意，于是想把這個網頁收藏起來。然后問題出現了，是應該把它放到插畫文件夾還是網頁文件夾呢？如果放到插畫文件夾，后期如果想做一個類似的網頁只會去網頁文件夾尋找，結果可能東尋西覓一番也找不到了。那如果把它放到了網頁文件夾，后期想繪制一張類似這種畫風的插畫，仍然無法在插畫文件夾找到這個設計作品。

場景2

作為一個 UI設計師，我們設計頁面時要符合本產品的設計調性，同時也要滿足交互的可用性。拿到一個需求后，在設計的過程中找參考是必不可少的，但是如何在我們可能收藏了成千上萬張圖的圖庫中快速篩選出能夠供我們參考完成需求的 UI 參考圖可能就比較困難了。

舉個例子，產品有個需求，需要小明設計一個用戶等級頁，要突出產品活潑、趣味的風格。小明突然想起自己曾經收藏過一個類似的頁面，或許可以用來做參考。于是小明滿心歡喜地打開了自己從不整理和分類的素材庫......

然后，這得找到什么時候？

因此，為了解決這些痛點，我們需要一套系統的素材分類整理的解決方案。接下來我會細致地告訴你這個讓你工作效率翻倍的素材分類整理術。

標簽系統

每一個設計作品都有屬于它的標簽，這里的標簽指的是描述一個設計作品的不同角度，如下圖。

但是想要將標簽形成一個系統，也就是標簽系統，我們就要將標簽進行分類。

在這里，將標簽分為兩大類，分別是復用標簽和專屬標簽。下面為你分別講解。

復用標簽指的是可以用來描述幾乎所有設計作品種類的標簽，比如你可以用「可愛」描述一個 UI界面，也可以用「可愛」描述一張插畫或者一張攝影作品。那么「可愛」就是一個復用標簽。在這里我將復用標簽分為了主要的三個類別，如下圖。

相對于復用標簽，專屬標簽就只能描述單一的設計作品種類了。比如你可以用「宋體風格」去描述一個字體設計作品，但是「宋體風格」很難去描述其他種類的設計作品，如攝影、工業產品等。那么「宋體風格」就是一個專屬標簽，只能用來去描述字體設計作品，如下圖所示。

看到這里，有的小伙伴可能有點蒙圈。每個設計作品標記這么多標簽，不是很麻煩嗎。是的，我們給設計作品標記標簽的目的是方便后期需要的時候篩選尋找，提高效率，如果把每一個設計作品都在每個維度上標記一個標簽確實會很浪費時間，本末倒置。但是每一個設計作品都有自己的優缺點，我們只需要去標記那些我們認為是優點的部分，去進行學習和參考即可，如下圖所示。

接下來我將以 Eagle 為例（因為這款軟件用戶量比較大，因此選擇它最具普適性，含有標簽功能的其他軟件均可）以案例形式展示標簽系統的使用。

在 Eagle 中你可以在【全部標簽】頁面設置自己的標簽群組，以此來構建自己的標簽系統。下圖的紅色方框內，有【】的分類屬于復用標簽，無【】的分類屬于專屬標簽。當然你可以根據自己的習慣和喜好進行設置。

還不知道Eagle 的設計師可以來這邊看詳細介紹 → 《這個國人開發的Eagle，堪稱素材收集和管理神器！》

解決問題

講解完標簽系統的知識后，我們回到文章開始時場景1的問題。很明顯我們知道了，這個設計作品仍然是一個網頁，這是它的定義，是無法改變的，所以我們應該將它放入網頁文件夾，但是我們可以給它標記一個「插畫」標簽。之后當我們想要找一個插畫設計風格的網頁時，我們就可以進行下面操作：

當我們想要找所有插畫風格的設計作品時，我們可以使用 Eagle 的智能文件夾功能。智能文件夾指的是將擁有單個或多個相同屬性的圖片集合到一起形成的一個文件夾，屬性可以是標簽、尺寸、創建時間、評分等。在這里我設置的插畫智能文件夾是將所有標記過「插畫」標簽的作品集合到了一起，如下圖所示。同樣你也可以進行各種自定義設置。

在場景2中，如果小明平時做好了分類整理，那么遇到的問題就可以通過選擇兩個標簽篩選出他之前收藏的那張圖。

總結

以上是我日常處理素材的方法，針對的是所有的設計類別。由于我是一個 UI設計師，所以可能對于其他類型的設計工種素材分類羅列不是很全面。大家可以根據自己的實際情況在框架里進行擴充和修改，總之提高效率才是第一位。

另外我將我平時收集的移動端UI設計圖庫打包為一個 Eagle 素材包了，有 Eagle 軟件的小伙伴可以按照下面的方式下載后導入自己的 Eagle 軟件里，進行參考。但是還是提醒一句，別人的圖庫永遠代替不了你自己一點點收集建立起來的圖庫，適合自己的才是最好的。

Eagle 素材包下載鏈接：https://pan.baidu.com/s/1ACJhLS3jpcNRHh8YtBBq3w? 密碼：1pwz

歡迎關注作者的微信公眾號：「路路的設計筆記」