作為設(shè)計(jì)師,你不應(yīng)該錯(cuò)過這個(gè)圖標(biāo)管理工具

@5key?:昨天發(fā)現(xiàn) Nucleo 時(shí)我的第一感受這是一個(gè)類似 iconjar 的圖標(biāo)管理工具,應(yīng)該沒有什么特別的地方。本著凡事多看一眼的原則,我還是去官網(wǎng)了解了一番。也辛虧多去看了一眼,否則我可能會(huì)錯(cuò)過這個(gè)不錯(cuò)的圖標(biāo)管理工具。

首先,Nucleo 圖標(biāo) icon 管理工具,可以配合 Sketch、PS、AI、XD 來提升整體的操作效率。當(dāng)設(shè)計(jì)過程中需要使用 icon 時(shí),只需要從 Nucleo 中拖拽到設(shè)計(jì)工具(比如 Sketch)中即可。

作為設(shè)計(jì)師,你不應(yīng)該錯(cuò)過這個(gè)圖標(biāo)管理工具

基礎(chǔ)功能方面 Nucleo 與 iconjar 并無太大差別,都是管理圖片、拖拽使用。但仔細(xì)對比(下方兩圖)你會(huì)發(fā)現(xiàn)兩款產(chǎn)品在設(shè)計(jì)理念上還是非常不同的:

  1. Nucleo 的圖標(biāo)庫是產(chǎn)品打包提供在應(yīng)用中的,iconjar 的圖標(biāo)需要自己添加;
  2. Nucleo 大的維度劃分是圖標(biāo)的設(shè)計(jì)風(fēng)格(線框、填色、彩色)并且全部是矢量圖形,iconjar 是按照圖標(biāo)的文件格式(矢量、位圖、字體圖標(biāo))
  3. Nucleo 的圖標(biāo)提供了4種常用的尺寸(應(yīng)該是系統(tǒng)自動(dòng)縮放的)便于使用,iconjar 需要自行添加多張不同尺寸的圖片;
  4. Nucleo 具備一定的圖形編輯能力(描邊、轉(zhuǎn)角、顏色等),調(diào)整完即刻使用,iconjar 則更像一個(gè)專用于圖標(biāo)的 Finder 文件夾,設(shè)計(jì)師怎么整理它就怎么呈現(xiàn)。

作為設(shè)計(jì)師,你不應(yīng)該錯(cuò)過這個(gè)圖標(biāo)管理工具作為設(shè)計(jì)師,你不應(yīng)該錯(cuò)過這個(gè)圖標(biāo)管理工具

整體來說相比于中規(guī)中矩的 iconjar,Nucleo 更像是一個(gè)轉(zhuǎn)為設(shè)計(jì)師開發(fā)的工具。這里的很多細(xì)節(jié)問題如果不是痛過,是不會(huì)理解的。

比如窗體底部的工具欄,可能使我們在具體設(shè)計(jì)中需要對圖標(biāo) icon 進(jìn)行微調(diào)的主要部分。在之前的工作方法通常是打開某個(gè) sketch 文件,找到某個(gè) icon 再拖入工具中調(diào)整。而在 Nucleo 中針對 icon 的調(diào)整操作直接展示在外,只需要幾次點(diǎn)擊就能完成風(fēng)格的調(diào)整。

作為設(shè)計(jì)師,你不應(yīng)該錯(cuò)過這個(gè)圖標(biāo)管理工具

這里想特別提一下「顏色」這個(gè)選項(xiàng),其實(shí)應(yīng)用已經(jīng)針對雙色風(fēng)格對每個(gè) icon 進(jìn)行了設(shè)計(jì),我們只需要挑選兩個(gè)顏色就能快速完成一套新的 icon。如果你經(jīng)常使用各種 icon,你應(yīng)該會(huì) get 到它的點(diǎn)。

作為設(shè)計(jì)師,你不應(yīng)該錯(cuò)過這個(gè)圖標(biāo)管理工具

Nucleo 之所以能做到這些細(xì)節(jié)的基礎(chǔ)就在于所有的 icon 都是由產(chǎn)品提供的(不可自行導(dǎo)入)。我不知道究竟是先有了這個(gè)產(chǎn)品思路還是先決定了提供 icon,反正最后形成的這款產(chǎn)品到確實(shí)有些意思。

與以往其他同類產(chǎn)品不同的是 Nucleo 所提供的 7846 個(gè) icon 整體質(zhì)量都還不錯(cuò),直接用于設(shè)計(jì)稿都沒有問題。

作為設(shè)計(jì)師,你不應(yīng)該錯(cuò)過這個(gè)圖標(biāo)管理工具

回到這款 app,它的收費(fèi)的形式和上周剛剛更新的 TeXExpander 有些類似,會(huì)引入年付服務(wù)費(fèi)的性質(zhì)(也可一次性買斷)。

作為設(shè)計(jì)師,你不應(yīng)該錯(cuò)過這個(gè)圖標(biāo)管理工具

坦白講這個(gè)價(jià)格確實(shí)有點(diǎn)辣手,但鑒于它的整個(gè)理念和形式以及未來可擴(kuò)展的空間我倒是想嘗試一下的。如果還有人有興趣,我們倒是可以去和開發(fā)商聊一聊,看看是不是能爭取一個(gè)不錯(cuò)的折扣。

在此之前,大家可以先到官方下載測試版試用一下:Nucleo - 7000+ Vector icons for iOS, Android and web

歡迎關(guān)注作者微信公眾號(hào):

作為設(shè)計(jì)師,你不應(yīng)該錯(cuò)過這個(gè)圖標(biāo)管理工具

【優(yōu)設(shè)人氣文章合集】

Top 1
《漲姿勢!創(chuàng)造好設(shè)計(jì)的25條史詩級(jí)平面設(shè)計(jì)技巧》

Top 2
《逼死設(shè)計(jì)師!2015年全球最丑的網(wǎng)站排行榜新鮮出爐》

Top 3
《親歷者說!日本的平面設(shè)計(jì)水平為什么這么高?》

原文地址:zhuanlan.zhihu
作者:@5key

作為設(shè)計(jì)師,你不應(yīng)該錯(cuò)過這個(gè)圖標(biāo)管理工具

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量112萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 10
點(diǎn)贊

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