两分钟认识一款优雅的图标管理工具:Nucleo - 优设-UISDC

两分钟认识一款优雅的图标管理工具:Nucleo

2018/03/04 20894评论区

徐小马:在互联网产品的设计工作中,无论是参考、拼稿还是搭建中低保真原型,设计师时时刻刻都会用到图标,然而,如果不对不断收集或制作的图标加以管理,那么在查找使用的时候会非常低效。为了解决这个问题,笔者给大家推荐一款图标管理工具 Nucleo。

使用 Nucleo 里的图标

Nucleo 中最大的图标资源是由其团队自己设计的,超过23000个图标,主题丰富,比如体育、节日、旗帜等。在视觉上分为三种样式:Glyph、Outline 和 Colored,另外还有少量动态图标。

△ 自带海量图标

我们可以通过目录或者搜索来查找图标。由于目录条目过多,笔者一般不会使用这种方式。搜索时 Nucleo 会去匹配每个图标的标签。因此我们在日常使用时,可以给图标添加尽可能多的合适的标签,方便搜索。

定位到需要的图标后,我们可以根据自己的需求对其属性进行修改。这里以 Outline 样式为例,不同的样式可以变更的属性也不同:

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

图标导出很方便,直接拖出即可。而且支持多种导出格式(PNG、SVG、PDF 等),可以在 preference/ app drag out – export icons as 中修改。

导入图标并管理

相信不少设计师和我一样,平时会不断收集一些有意思的图标。日积月累,大量的图标躲在 Finder 的各个角落吃灰。而 Nucleo 可以对收集的图标进行管理(虽然目前只支持 SVG 格式的图标)。

在这里推荐几个自己经常搜刮图标的好地方:

那么,当我们手头拥有了一组图标后,就可以进行导入了。笔者刚刚收集了一套卡车的图标,觉得很有意思,放在这里作为例子。

对于导入后的图标,Nucleo 可以将其自动按样式分类。在使用时,也可以直接拖拽导出。

总结

最后,Nucleo 是付费的,欢迎入坑。此外,还有一款图标管理工具 IconJar 也是很好用的,大家可以研究研究。

编者按:图标管理工具 IconJar 的使用→ 《术业专攻!超方便的图标素材管理工具Iconjar》

本文来自知乎专栏「非科班设计」,作者徐小马

「设计师要知道的管理术」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/2min-icon-management-tool-nucleo

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 设计理论 海报设计 字体下载 神器下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里