用「標(biāo)簽」代替「文件夾」實(shí)現(xiàn)更高效的圖片素材管理

最近看到了一篇關(guān)于文件管理中的標(biāo)簽的文章，里面提到了一種利用標(biāo)簽來實(shí)現(xiàn)高效率管理文件的方法，從而聯(lián)想到可以把這種方法應(yīng)用到設(shè)計(jì)靈感素材管理上，解決之前經(jīng)常遇到的素材分類困難的問題。

1. 為什么要用標(biāo)簽

設(shè)計(jì)師作為一個(gè)創(chuàng)造性的職業(yè)，平時(shí)會收集不少靈感素材，收集了素材肯定就需要整理，通常大家會直接用文件夾進(jìn)行管理，比如 界面 的放一個(gè)文件夾，動效 的放一個(gè)文件夾，圖標(biāo)的放一個(gè)文件夾，這種分類方法看起來簡單有效，但是一旦素材過多之后我們可能就會陷入困惑。比如我們遇到了一個(gè)界面的動效圖，這個(gè)圖我在界面和動效方面都值得參考，為了日后查找不出現(xiàn)遺漏，那我們就必須要在 界面 和 動效 里都要放一份這個(gè)圖片，這樣就導(dǎo)致一個(gè)圖片被復(fù)制了兩次，占用電腦空間不說，同時(shí)也大大降低了管理效率。

相信大家這個(gè)時(shí)候也想到了標(biāo)簽的好處了，「標(biāo)簽」和「文件夾」都是現(xiàn)實(shí)生活中常見的管理文件的方式，但在計(jì)算機(jī)世界不同的是，標(biāo)簽不是「貼」在文件上的，而是可以作為「容器」把文件「裝」到標(biāo)簽內(nèi)的，所以在這點(diǎn)上，標(biāo)簽和文件夾是一樣的了。另外標(biāo)簽還擁有一個(gè)重要的特性，就是「不排它」，同一個(gè)文件只能擁有一個(gè)文件夾，但卻可以擁有多個(gè)標(biāo)簽，這種一對多的特性可以讓文件以更細(xì)的粒度做文件篩選，查找起來也就更方便了。

既然已經(jīng)確定了用標(biāo)簽來對素材進(jìn)行分類了，那么我們就必須要選一款支持標(biāo)簽管理圖片的工具了。其實(shí)市面上大部分圖片管理工具都是支持標(biāo)簽的，比如 Bridge、Pixa、inboard、Pixave、Eagle 等，但試用下來發(fā)現(xiàn)，對標(biāo)簽比較友好的就是 Pixave，Pixave 有獨(dú)立浮動的標(biāo)簽面板，可以多選標(biāo)簽，為圖片添加標(biāo)簽也比較方便，而且 Pixave 會生成圖片縮略圖，在圖片過多的時(shí)候也比較流暢。所以在下文我主要會結(jié)合 Pixave 這款工具來講一下如何合理的使用標(biāo)簽。

2. 為標(biāo)簽制定原則

和文件夾不一樣，標(biāo)簽的添加會更加靈活，但也比較容易造成混亂，為了避免這種情況，我們在給圖片加標(biāo)簽前，就要整理好一套自己的標(biāo)簽使用規(guī)則。不過每個(gè)人的情況不同，比如視覺設(shè)計(jì)師可能會比較關(guān)注色彩風(fēng)格，交互設(shè)計(jì)師則比較關(guān)注交互形式等，我這里主要是分享的一個(gè)大致思路，首先我們可以嘗試用思維導(dǎo)圖工具來梳理一下自己對素材的關(guān)注點(diǎn)，然后為了保證標(biāo)簽的整齊有序，可以遵循 MECE原則，也就是 1. 各部分之間相互獨(dú)立 2. 所有部分完全窮盡。解釋一下就是最好不要出現(xiàn)兩個(gè)有重疊含義的標(biāo)簽，也要保證每個(gè)圖片至少有一個(gè)標(biāo)簽。

▲ 結(jié)合手上的靈感素材，用思維導(dǎo)圖對標(biāo)簽進(jìn)行整理分類

標(biāo)簽梳理好后，我們就可以把標(biāo)簽整理到素材管理工具里面了，為了讓添加的標(biāo)簽有層級感，同時(shí)也為了日后使用起來更快捷，我們可以為標(biāo)簽前面添加符號或數(shù)字來表示層級：

1 模式
1-1 界面
1-2 圖標(biāo)
…

在使用標(biāo)簽的時(shí)候，還要牢記一條準(zhǔn)則就是，添加標(biāo)簽的目的是為了我日后創(chuàng)作時(shí)檢索圖片服務(wù)的，所以加標(biāo)簽的時(shí)候好保持克制，不要隨意增加不具參考價(jià)值的標(biāo)簽。 比如在上面的一些標(biāo)簽中，可以有以下原則：

1. 模式：是對素材最首要的分類，每個(gè)圖片至少有一個(gè)模式的標(biāo)簽
2. 形式：插畫或圖標(biāo)必須有該標(biāo)簽，其他模式下有可突出表現(xiàn)可供參考的也可以添加
3. 色彩：非必須標(biāo)簽，可突出表現(xiàn)可供參考的才添加該標(biāo)簽
…

在制定好自己的標(biāo)簽原則后，就可以把標(biāo)簽添加到設(shè)計(jì)工具里了，同時(shí)為素材添加標(biāo)簽（這個(gè)在初期圖片比較多的話可能是個(gè)麻煩的事情，不過全部添加好之后，后面會收益無窮）。

▲ 在 Pixave 中的標(biāo)簽面板添加標(biāo)簽，可以通過符號和數(shù)字對層級進(jìn)行劃分。

3. 用好過濾條件

標(biāo)簽都整理完之后其實(shí)就可以做很多有意思的事情了，其中最強(qiáng)大的就是結(jié)合 Pixave 的智能收藏夾（Smart Collection），可以對標(biāo)簽的進(jìn)行并集或交集。比如我常用的一個(gè)就是 Icon Set 的規(guī)則，它可以把我的素材中所有的套裝圖標(biāo)整理出來，另外如果需要，你還可以進(jìn)一步篩選是描邊風(fēng)格的圖標(biāo)還是寫實(shí)風(fēng)格的圖標(biāo)。

另外智能收藏夾還不僅僅可以針對標(biāo)簽進(jìn)行條件組合，還可以通過標(biāo)題，來源，文檔類型，評級，時(shí)間，圖片尺寸等多種維度進(jìn)行組合，比如我希望篩選所有的界面動效的素材，我就可以使用1. 文檔格式是 GIF 的；2，標(biāo)簽是界面 這兩個(gè)條件輕松篩選出來。

4. 其他技巧

文件夾的使用

使用標(biāo)簽之后并不意味著完全拋棄文件夾，畢竟我所有的圖片還是至少要添加到一個(gè)固定的文件夾內(nèi)，然后才能用標(biāo)簽進(jìn)行篩選。同時(shí)文件夾也是這些工具默認(rèn)的分類方式，開發(fā)者為文件夾提供了方便的查看和添加入口。那么我是如何使用文件夾的呢？

待整理（inbox）：做事最有效率的事情就是批處理。所以我在瀏覽網(wǎng)頁碰到希望收藏的素材后并不急于馬上整理分類，而是會先統(tǒng)一歸類到默認(rèn)的待整理文件夾，然后再找一個(gè)固定的時(shí)間來做分類的事情。

存檔：所有分配好標(biāo)簽的素材都統(tǒng)一歸檔到存檔里面，以后要查看都是通過標(biāo)簽篩選。

某某設(shè)計(jì)師：這里是按設(shè)計(jì)師分類的素材，設(shè)計(jì)師是具有「排他」屬性的，很多設(shè)計(jì)師的作品風(fēng)格都比較固定統(tǒng)一，由于我會經(jīng)常查看某個(gè)人的作品，所以我就用文件夾進(jìn)行分類了。

手機(jī)上靈感的保存

手機(jī)作為人們現(xiàn)在最常用的電子設(shè)備之一，平時(shí)也會接觸到各種各樣的設(shè)計(jì)靈感，比如打開一些 App 碰到了設(shè)計(jì)優(yōu)秀的界面或者是交互動效等，那么我如何保存這些靈感呢？

截屏或錄屏： 在手機(jī)上碰到值得參考的頁面，我通常會直接截屏保存到相冊，但如果是動畫的話就只能使用錄屏了，在 iOS 11 之前我一般是使用 QuickTime 給手機(jī)錄屏，但在 iOS 11 后，系統(tǒng)自帶有錄屏功能了，只要在系統(tǒng)設(shè)置里面把錄屏添加到控制面板，以后就可以輕松調(diào)用了。錄屏之后，如果是比較短希望循環(huán)播放的動畫的話，有人可能會需要轉(zhuǎn)換成 GIF，蘋果可以使用 WorkFlow 將相冊視頻轉(zhuǎn)換成 GIF；安卓的話，我使用的錘子手機(jī)也有自帶的錄屏功能，同時(shí)相冊內(nèi)也支持視頻轉(zhuǎn) GIF ，還是比較方便的。

使用自動化工具實(shí)現(xiàn)自動導(dǎo)入： 靈感截屏后，為了存檔備份，一般會導(dǎo)到電腦上用統(tǒng)一的工具管理。但是由于我們經(jīng)常不在電腦旁邊，有時(shí)候會忘了導(dǎo)入存檔， 所以如果有一款工具能夠幫助我們把屏幕截圖自動導(dǎo)入到電腦上，甚至是自動導(dǎo)入到工具中，那就完美了。 這個(gè)時(shí)候就要請出大名鼎鼎的 IFTTT 工具了，IFTTT 是 If this then that 的縮寫，可以理解為如果×××就×××，它借助第三方產(chǎn)品公開的 API 可以實(shí)現(xiàn)很多有趣的自動化流程，使用起來也非常簡單，只要在手機(jī)上安裝 IFTTT 客戶端，點(diǎn)開應(yīng)用，安裝對應(yīng)的 Applets（可以理解成小程序） 就可以了。我們這里主要是使用的是如果手機(jī)有屏幕截圖就保存到 Dropbox 這個(gè)小程序，它可以把我每次的屏幕截圖都自動上傳到指定的 Dropbox 文件夾（當(dāng)然也可以使用 Google Drive 或 One Drive 等云盤服務(wù)）。每次打開電腦后，截圖就會保存到電腦的 Dropbox 文件夾，然后我們可以再借用 Pixave 的自動導(dǎo)入功能，就可以實(shí)現(xiàn)該 Dropbox 文件夾下的屏幕截圖自動導(dǎo)入到 Pixave 的待處理文件夾了。

圖片壓縮

圖片的保存通常都比較占用空間，所以圖片壓縮也變得比較重要了，畢竟硬盤的空間也是很寶貴的。對比目前比較流行的三個(gè)本地圖片壓縮工具 JPEGmini ，Squash，PPduck后，感覺還是 PPduck 壓縮率比較高，壓縮率大概在40%左右，也支持批量壓縮，所以在圖片的批量導(dǎo)入前，都可以試試用 PPduck 先壓縮一下。

5. 后話

標(biāo)簽相比文件夾有很多優(yōu)勢，但也不是沒有缺點(diǎn)。目前比較大的一個(gè)風(fēng)險(xiǎn)就是文件的遷移問題，由于大部分圖片管理工具都是用的自己標(biāo)簽規(guī)則，圖片也是用庫的方式進(jìn)行管理，所以一旦在一個(gè)工具里使用標(biāo)簽規(guī)范好素材庫之后，要遷移的話成本挺大的，幾乎是要重新給所有圖片打一遍標(biāo)簽。（不過這一點(diǎn)上，Bridge 貌似做的比較好，他是把標(biāo)簽作為關(guān)鍵詞寫入圖片XMP信息里的，可以跟隨圖片一起。）

另外，自己的標(biāo)簽規(guī)則通常不會一下就搞的很順手，初期為了方便上手，減少挫敗感，最好不要一次性添加太多標(biāo)簽，可以先把現(xiàn)有的文件夾分類做成標(biāo)簽附到素材上，先實(shí)現(xiàn)標(biāo)簽替代文件夾，然后再逐步完善標(biāo)簽。

最后想說的是，現(xiàn)在給圖片規(guī)范化的加標(biāo)簽的人還不是特別多，所以開發(fā)者可能也不太關(guān)注這一塊，大部分圖片管理工具的標(biāo)簽功能比較單一，不像一些比較成熟的筆記管理應(yīng)用，可以支持標(biāo)簽嵌套等。希望標(biāo)簽用的人多了之后，也能促進(jìn)開發(fā)者重視起來吧。

參考文章：

關(guān)于文件管理中的標(biāo)簽

Bridge——設(shè)計(jì)師Juno的終極圖像管理術(shù)