「器」兩分鐘認識一款優雅的圖標管理工具：Nucleo
在互聯網產品的設計工作中，無論是參考、拼稿還是搭建中低保真原型，設計師時時刻刻都會用到圖標，然而，如果不對不斷收集或製作的圖標加以管理，那麼在查找使用的時候會非常低效。為了解決這個問題，筆者給大家推薦一款圖標管理工具 Nucleo。
??閱讀信息：
- 閱讀時間：約2分鐘
- 產品下載：Nucleo
- 相關閱讀：Introducing Nucleo 2 | Nucleo Animated SVG Icons
??使用 Nucleo 里的圖標：
Nucleo 中最大的圖標資源是由其團隊自己設計的，超過23000個圖標，主題豐富，比如體育、節日、旗幟等。在視覺上分為三種樣式：Glyph、Outline 和 Colored，另外還有少量動態圖標。
我們可以通過目錄或者搜索來查找圖標。由於目錄條目過多，筆者一般不會使用這種方式。搜索時 Nucleo 會去匹配每個圖標的標籤。因此我們在日常使用時，可以給圖標添加儘可能多的合適的標籤，方便搜索。
定位到需要的圖標後，我們可以根據自己的需求對其屬性進行修改，這裡以 Outline 樣式為例。不同的樣式可以變更的屬性也不同：
1. Glyph：Color、Background、Frame;
2. Outline：Color、Background、Frame、Stroke、Cap & Corner;
3. Colored：Background、Frame.
圖標導出很方便，直接拖出即可。而且支持多種導出格式（PNG、SVG、PDF 等），可以在 preference/app drag out - export icons as 中修改。
?導入圖標並管理：
相信不少設計師和我一樣，平時會不斷收集一些有意思的圖標。日積月累，大量的圖標躲在 Finder 的各個角落吃灰。而 Nucleo 可以對收集的圖標進行管理（雖然目前只支持 SVG 格式的圖標）。
在這裡推薦幾個自己經常搜刮圖標的好地方：
Iconfont-阿里巴巴矢量圖標庫
2,200,000+ free and premium vector icons. SVG, PNG, AI, CSH and PNG format.
Flaticon, the largest database of free vector icons
那麼，當我們手頭擁有了一組圖標後，就可以進行導入了。筆者剛剛收集了一套卡車的圖標，覺得很有意思，放在這裡作為??。
對於導入後的圖標，Nucleo 可以將其自動按樣式分類。在使用時，也可以直接拖拽導出。
??文章總結：
最重要的事忘了說了，Nucleo 是付費的，歡迎入坑。此外，還有一款圖標管理工具 IconJar 也是很好用的，大家可以研究研究。
??擴展閱讀：
- Sketch 技巧：Library | 換色文字 symbol | Symbol | Shared Text | Resizing
- Sketch 插件：CRAFT | Sketch Material | WeSketch | Runner
- Graffle 教程：繪製流程圖 | 搭建文檔 | 繪製表格
- 設計工具：InVison Studio
- 設計譯文：Swarm | Do & Don』t | YouTube | Uber | iPhone X HIG | Oscar 2.0 | Atlassian | Adobe 圖標 | Adobe 品牌
??感謝閱讀：
我是 Teambition 的交互設計師徐小馬（微信：heiheilaugh），歡迎交流。
推薦閱讀：