自己動手給 macOS 文件夾換上喜歡的圖標

受到 FolderMarker Emoji 這款 App 的啟發，我開始嘗試用 Emoji 為 macOS 文件夾提供更為直觀的視覺指引方案。然而遺憾的是 FolderMarker Emoji 的效果並不符合我的審美，顯而易見的問題是，Emoji 與藍色文件夾之間的比例總是讓人感覺與原生的效果有差異，簡單而言就是太大了，使得整體觀感很突兀。

於是，我嘗試自己動手，自定義文件夾圖標，使其在視覺上更符合系統文件夾。

用 Emoji 標記文件夾圖標

需要用到的工具有：

• Adobe Photoshop 或 Affinity Photos、Pixelmator 等圖片編輯 App
• macOS「預覽」App

首先，需要找到合適的 Emoji 素材，emojipedia 這個網站是 Emoji 屆的維基百科，上面可以找到 Apple、Google、Microsoft 等各個平台的 Emoji。找到自己需要的 Emoji，點擊進入詳情頁，以 Apple 為例，保存選中的 Emoji，這樣會得到一個 160×160 的 PNG 文件，這個解析度對於文件夾來說已經足夠了。

除了 Emoji 之外，還需要準備一個空白的文件夾圖標（即默認的圖標），可以通過下面的方法獲得：

1. 新建一個文件夾，選中後 ? + I，在詳情頁選中左上角的文件夾圖標後 ? + C 複製；
2. 打開 預覽 App，? + N 從剪切板新建文件，得到 ICNS 文件預覽；
3. 選中左欄第一個圖標，將其導出為 PNG 文件，後期將其白色背景去除即得到 1024×1024 解析度的空白文件夾圖標。

接下來，將 Emoji 素材和空白文件夾圖標導入 Photoshop。經過實踐，發現將素材的尺寸控制在 7.76 cm × 7.76 cm 的矩形內最為接近系統文件夾的樣式，當然也可以根據自己的需要進行調整，原則是保證結果能帶來原生的觀感。

然後只需靠基礎的 Photoshop 技能，將素材編輯好，導出為 PNG 格式的文件。最後，再次用 預覽 App 打開導出的 PNG 文件，? + A 選中全部，? + C 複製，回到需要替換圖標的文件夾打開詳情頁，按照上面介紹過的方法選中左上角的文件夾，? + V 粘貼即可。

仿原生樣式標記文件夾

實際上，我們可以參考許多第三方 App 的做法，用同樣的思路來模仿原生文件夾的樣式，只需將 Emoji 素材換成特定的圖標素材即可。

以 GitBook 文件夾為例，首先從 Google Image 或者其他圖標資源庫（推薦 Iconfont）找到 GitBook 的圖標，將其直接和空白文件夾素材一起導入 Photoshop。通過圖層樣式，添加內陰影、顏色疊加和漸變疊加，具體參數可以根據情況進行調整，目的是使得最終效果與原生基本一致。

結尾

如果想要刪掉自定義的圖標，同樣進入詳情頁，選中左上角的文件夾圖標後 ? + X 或 delete 即可。

大家估計覺得，跟 FolderMarker Emoji 比起來這種方法太麻煩了吧…然而其實我們真正需要自定義的文件夾也就是最重要的幾個，普通的文件夾我並不建議用這種方法一個一個進行標記，一來是要耗費更多時間，二來 macOS 本來就是淡化文件夾的操作系統，使用 LanchBar 等工具會更有效率。

另，FolderMarker Emoji 同廠的 FolderMarker 售價 ￥30，支持用文字、圖片、Emoji、圖標等自定義文件夾，能迅速實現前文的效果，也是一個 NOT BAD 的選擇。