兩分鐘認識一款優(yōu)雅的圖標管理工具:Nucleo

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

使用 Nucleo 里的圖標

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

兩分鐘認識一款優(yōu)雅的圖標管理工具:Nucleo

△ 自帶海量圖標

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

兩分鐘認識一款優(yōu)雅的圖標管理工具:Nucleo

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

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

兩分鐘認識一款優(yōu)雅的圖標管理工具:Nucleo

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

兩分鐘認識一款優(yōu)雅的圖標管理工具:Nucleo

導入圖標并管理

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

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

那么,當我們手頭擁有了一組圖標后,就可以進行導入了。筆者剛剛收集了一套卡車的圖標,覺得很有意思,放在這里作為例子。

兩分鐘認識一款優(yōu)雅的圖標管理工具:Nucleo

對于導入后的圖標,Nucleo 可以將其自動按樣式分類。在使用時,也可以直接拖拽導出。

總結

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

編者按:圖標管理工具 IconJar 的使用→ 《術業(yè)專攻!超方便的圖標素材管理工具Iconjar》

本文來自知乎專欄「非科班設計」,作者徐小馬

兩分鐘認識一款優(yōu)雅的圖標管理工具:Nucleo

「設計師要知道的管理術」

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

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

設計導航:國內人氣最高的設計網(wǎng)址導航,設計師必備: http://hao.uisdc.com

收藏 13
點贊 2

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。