徐小馬：在互聯(lián)網(wǎng)產(chǎn)品的設(shè)計工作中，無論是參考、拼稿還是搭建中低保真原型，設(shè)計師時時刻刻都會用到圖標(biāo)，然而，如果不對不斷收集或制作的圖標(biāo)加以管理，那么在查找使用的時候會非常低效。為了解決這個問題，筆者給大家推薦一款圖標(biāo)管理工具 Nucleo。

使用 Nucleo 里的圖標(biāo)

Nucleo 中最大的圖標(biāo)資源是由其團(tuán)隊自己設(shè)計的，超過23000個圖標(biāo)，主題豐富，比如體育、節(jié)日、旗幟等。在視覺上分為三種樣式：Glyph、Outline 和 Colored，另外還有少量動態(tài)圖標(biāo)。

△ 自帶海量圖標(biāo)

我們可以通過目錄或者搜索來查找圖標(biāo)。由于目錄條目過多，筆者一般不會使用這種方式。搜索時 Nucleo 會去匹配每個圖標(biāo)的標(biāo)簽。因此我們在日常使用時，可以給圖標(biāo)添加盡可能多的合適的標(biāo)簽，方便搜索。

定位到需要的圖標(biāo)后，我們可以根據(jù)自己的需求對其屬性進(jìn)行修改。這里以 Outline 樣式為例，不同的樣式可以變更的屬性也不同：

• Glyph：Color、Background、Frame。
• Outline：Color、Background、Frame、Stroke、Cap & Corner。
• Colored：Background、Frame。

圖標(biāo)導(dǎo)出很方便，直接拖出即可。而且支持多種導(dǎo)出格式（PNG、SVG、PDF 等），可以在 preference/ app drag out - export icons as 中修改。

導(dǎo)入圖標(biāo)并管理

相信不少設(shè)計師和我一樣，平時會不斷收集一些有意思的圖標(biāo)。日積月累，大量的圖標(biāo)躲在 Finder 的各個角落吃灰。而 Nucleo 可以對收集的圖標(biāo)進(jìn)行管理（雖然目前只支持 SVG 格式的圖標(biāo)）。

在這里推薦幾個自己經(jīng)常搜刮圖標(biāo)的好地方：

• 阿里巴巴矢量圖標(biāo)庫
• icons8
• iconfinder
• flaticon

那么，當(dāng)我們手頭擁有了一組圖標(biāo)后，就可以進(jìn)行導(dǎo)入了。筆者剛剛收集了一套卡車的圖標(biāo)，覺得很有意思，放在這里作為例子。

對于導(dǎo)入后的圖標(biāo)，Nucleo 可以將其自動按樣式分類。在使用時，也可以直接拖拽導(dǎo)出。

總結(jié)

最后，Nucleo 是付費的，歡迎入坑。此外，還有一款圖標(biāo)管理工具 IconJar 也是很好用的，大家可以研究研究。

編者按：圖標(biāo)管理工具 IconJar 的使用→ 《術(shù)業(yè)專攻！超方便的圖標(biāo)素材管理工具Iconjar》。

本文來自知乎專欄「非科班設(shè)計」，作者徐小馬。

「設(shè)計師要知道的管理術(shù)」

• 《這款國人開發(fā)的Eagle，堪稱收集和管理素材靈感的最佳利器！》
• 《用標(biāo)簽代替文件夾！教你更高效的圖片素材管理術(shù)》
• 《超高效！輕松3步幫你掌握實用的設(shè)計資源整理術(shù)》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導(dǎo)航：國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航，設(shè)計師必備： http://hao.uisdc.com