两分钟认识一款优雅的图标管理工具:Nucleo - 网页设计 - yinxi.net
author:一佰互联 2019-04-09   click:192

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

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

  • 阿里巴巴矢量图标库
  • icons8
  • iconfinder
  • flaticon

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

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

总结

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

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

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

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

  • 《这款国人开发的Eagle,堪称收集和管理素材灵感的最佳利器!》
  • 《用标签代替文件夹!教你更高效的图片素材管理术》
  • 《超高效!轻松3步帮你掌握实用的设计资源整理术》

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

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

设计导航:国内人气最高的设计网址导航,设计师必备: http://www.yinxi.net/

巅云大课堂