10000張圖片該如何分類？高效的標(biāo)簽系統(tǒng)素材管理術(shù)了解一下！

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

場景1

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

場景2

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

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

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

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

標(biāo)簽系統(tǒng)

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

但是想要將標(biāo)簽形成一個系統(tǒng)，也就是標(biāo)簽系統(tǒng)，我們就要將標(biāo)簽進(jìn)行分類。

在這里，將標(biāo)簽分為兩大類，分別是復(fù)用標(biāo)簽和專屬標(biāo)簽。下面為你分別講解。

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

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

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

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

在 Eagle 中你可以在【全部標(biāo)簽】頁面設(shè)置自己的標(biāo)簽群組，以此來構(gòu)建自己的標(biāo)簽系統(tǒng)。下圖的紅色方框內(nèi)，有【】的分類屬于復(fù)用標(biāo)簽，無【】的分類屬于專屬標(biāo)簽。當(dāng)然你可以根據(jù)自己的習(xí)慣和喜好進(jìn)行設(shè)置。

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

解決問題

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

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

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

總結(jié)

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

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

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

歡迎關(guān)注作者的微信公眾號：「路路的設(shè)計筆記」