@5key?：想預覽圖標？圖片發手機改起來麻煩，軟件同步總是容易假死。而今天推薦的ICNS ，則相對靈活了不少，多方案對比、和競品對比、切換背景全都可以在應用中控制，省了不斷改圖的麻煩，一起來收！

前段時間我們在調整產品的 icon，視覺同學做了好幾個版本的設計給大家做挑選。為了保證大家的真實感受，設計師不得不導出不同版本、組合的圖標給大家（Sketch Mirrow 在公司網絡下很成問題），一旦要臨時調整所有的操作得再來一遍，事兒不難但是非常的繁瑣。

可惜就在 icon 敲定之后我發現了這個叫做「ICNS」的應用，它的作用就是幫助設計師盡量簡單的來完成 icon 預覽的工作。ICNS 的思路其實很簡單。設計好 icon，導出到 dropbox 文件夾，打開應用預覽。

使用之前首先需要受援應用訪問 Dropbox，成功后 ICNS 會在 Dropbox 的「應用」文件夾中生存一個「icns」的文件夾。預覽的圖標都將這里讀取的。

進入應用后 Dock 上的四個圖標是應用的功能入口，點擊第一個「icons」進入 app icon 選擇。

在沒有導入之前，你可以點亮 sample 中的 icon 試試應用的效果。如果想要進行 icon 預覽需要將文件導出到 Dropbox/Apps/ICNS 中，應用會將自動識別。

將設計好的 icon 放入文件夾中，如果 icon 較多建議還是按照文件夾歸檔。

將想要預覽的 icon 點亮并回到主屏，大家可以對多個方案慢慢對比了。

開發者還特意為應用增加了背景切換的功能，你可以在預覽模式下左右滑動屏幕來觀察 icon 在不同背景下的效果。

最后，如果需要你還可以通過「share」操作將當前頁面自動截圖發送給其他人查看。

icon 預覽的辦法很多，但圖片發手機改起來麻煩，軟件同步總是容易假死。多少都有那么一點“麻煩”。ICNS 則相對靈活了不少，多方案對比、和競品對比、切換背景全都可以在應用中控制，省了不斷改圖的麻煩。這個產品的設計者應該是一個經常需要干這活兒的設計師。

但由于 icon 資源需要存放在 Dropbox 上，每次拖文件也是個麻煩事兒。這個時候就需要再次請出我們的規則利器「Hazel」，建立一個規則將某個命名的文件自動“搬”到 Dropbox 相應的文件夾中去。這樣我們只需要在 ICNS 中選擇 icon 進行開關就好了。

應用免費，掃描下方二維碼進入App Store下載安裝。

【優設免費神器推薦】

?終于等到你！功能強大難以想象：
《免費了！切圖標記外掛神器ASSISTOR PS深入解讀（上）》
《免費了！切圖標記外掛神器ASSISTOR PS深入解讀（下）》

已經有設計師用上了我會說？
《SKETCH神助攻！無代碼做動效神器HYPE3入門教程》

兩枚功能精悍的神器：
《設計神器兩枚！隨機生成用戶頭像的PS插件+布局神器SHOELACE》

作者：@5key

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量102萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com