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

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

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

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

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

设计导航：国内人气最高的设计网址导航，设计师必备： https://www.muzisucai.com/