木子素材 首页 大神 UI设计 查看内容

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

2021-10-22 00:51| 发布者: admin| 查看: 577| 评论: 0

摘要: 本文从图标类型、系统图标的尺寸和网格、图标的绘制、导出和命名等6个方面,帮你快速掌握图标设计规范。 五、图标维护 开发对图标库的应用 当我们在项目中上传图标后,开发会调用iconfont内生成的代码链接,生成 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

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

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

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

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

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

五、图标维护

开发对图标库的应用

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

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

图标的修改

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

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

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

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

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

从零开始画图标系列:工具类图标设计规范

在《从零开始画图标系列:超全面的基础知识》中我们知道了,工具图标的三种设计类型,以及对应的不同风格。

阅读文章 >

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×