這兩天不少同學購買了我推薦的那套

超值的 icons套裝,

欣喜之餘你會發現如何管理這4千多個甚至更多的 icon 變成了一件讓人頭疼的事情。

在過去的日子裡我嘗試著用 pixa、ember、inboard 來管理 icons,結果都不太讓人滿意。網頁截圖、apps 截圖和 icon 放在一起讓人感覺特別奇怪,怎麼用都覺得彆扭,有段時間我甚至回到用 Finder 來管理。

直到前段時間 Iconjar 的推出,我才意識到對於 icon我最需要的其實只是將它與其他型別圖片素材分開管理。這也正是 Iconjar 想為大家提供的服務。

Iconjar 採用了OS X 應用最常見的3欄結構。從左至右分別是分類導航、內容預覽和檢查器。

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar

點選左下「 Add icons」 建立目錄,新增 icons 素材。

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar

Iconjar 目前支援 SVG、PNG、Gif 三種格式的圖片。建議大家儘量保留 SVG,這樣在 Sketch 之類的設計工具內還可以進行icon 的二次修改。

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar

點選某個 icon,右側會展示出該 icon 的名稱和 tag。為了方便使用建議將常用的 icon 增加 tag 標示。

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar

也可以同時選擇多個 icons 進行打 tag,提升效率。

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar

之後我們就可以很方便的透過搜尋來找到想要使用的 icons 了。

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar

其實早在去年底,Dribbble 上就出現過的飛機稿。相比現在我更喜歡這款整合在頂部選單欄的設計,不用來回切換視窗,這在實際的設計工作中會方便很多。不過目前的 Iconjar 還在 beta 測試中,但願最終版會把這個功能給加上。

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar

除此之外,Iconjar 的網站還提供了一批免費的 icon 供大家使用。當然如果你已經購買過之前提到的那套

超值的 icons套裝,

這裡很多也就不需要再下載了。

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar

這款應用還處於 Beta中,網站提到的 「Works with

your favorite apps

」 似乎還並沒有體現出來,但願在正式版釋出後會給我們帶來一些驚喜。

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar

Iconjar Beta 版下載地址:IconJar – HockeyApp

One more thing:

sketchappsources提供了一套免費的社交分享圖示相關的 Sketch 模板,包含的狀態非常全。大家日常設計中如果需要直接負責使用即可。

下載地址:Sketch Share Buttons Sketch freebie

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar

設計師如何管理 icons 素材 - Iconjar