本文从图标类型、系统图标的尺寸和网格、图标的绘制、导出和命名等6个方面,帮你快速掌握图标设计规范。

从6个方面帮你快速掌握图标设计规范

从6个方面帮你快速掌握图标设计规范

从6个方面帮你快速掌握图标设计规范

从6个方面帮你快速掌握图标设计规范

五、图标维护

开发对图标库的应用

当我们在项目中上传图标后,开发会调用iconfont内生成的代码链接,生成相关的文件,具体运用时,使用具体的类名就可以了。

从6个方面帮你快速掌握图标设计规范 从6个方面帮你快速掌握图标设计规范

图标的修改

加入后期我们对图标进行了统一规范和重制作,项目中需要引用制作好的更加规范的图标,此时,我们应该怎么办呢?

我们不能采取直接将原来的图标在iconfont内删除的操作。

那我们具体应该如何做呢?只需要选中需要修改的图标,鼠标hover,点击「编辑」进行替换即可。

从6个方面帮你快速掌握图标设计规范

从6个方面帮你快速掌握图标设计规范

收藏 423
点赞 91

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。