可以在手機上快速預覽應用圖示的ICNS

發表於2015-10-22

想預覽圖示?圖片發手機改起來麻煩,軟體同步總是容易假死。而今天推薦的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 進行開關就好了。

 

相關文章