【片语】最近很火的iconfont是什么鬼？

Iconfont 简介

Iconfont 是阿里妈妈MUX创建的一个矢量图标管理和交流平台，允许设计师上传图标并使用户能够自定义下载不同格式的图标。该平台还能将图标转换为字体，方便前端工程师调整和使用。简而言之，Iconfont 是一个免费的在线图标库。

Iconfont 的便利性

• 设计师只需制作一套设计稿，无需为不同色彩或分辨率制作多套图标，节省时间和精力。
• 前端设计师可以直接在线生成代码，减少重复工作，并提高工作效率。
• 产品和UX设计师可以更方便地获取图标，快速制作高保真DEMO，节省成本。

Iconfont 图标的生成与使用

设计师只需将图标制作成SVG文件，前端工程师则负责将其转换为iconfont图标。这种方式可以解决多尺寸、多色彩和高清屏适配的问题，大幅提高效率。尽管在Windows系统上可能会有显示问题，但通过Adobe Illustrator可以进行修正。

Iconfont 的图标来源

目前，Iconfont的图标主要来自设计师的开源贡献，可免费使用。网站最近推出了打赏功能，这可能为独立设计师提供一种知识变现的方式。

适合生成iconfont的图标类型

适合生成iconfont的图标是纯色线型图标。而带有阴影的扁平风格图标、拟物风格图标和3D风格图标则不适宜，因为在线更改配色可能会导致图标失真。

结语

Iconfont的出现减少了设计师的加班，使设计和前端之间的沟通更加友好。

注意

文章结尾提及，作者为hello SPM，一个正在成长的产品社群。

用户故事地图实际应用

了解更多

想要了解更多内容？

查看原文：【片语】最近很火的iconfont是什么鬼？

文章来源：

产品锦鲤er

扫码关注公众号