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

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

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

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

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

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

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

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

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

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

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

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

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

3. 用好過(guò)濾條件

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

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

4. 其他技巧

文件夾的使用

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

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

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

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

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

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

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

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

圖片壓縮

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

5. 后話

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

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

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

參考文章：

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

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