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

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

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

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

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

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

五、图标维护

开发对图标库的应用

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

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

图标的修改

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

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

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

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

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

 

THE END
喜欢就支持一下吧
点赞129赞赏
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容