当前位置:常识集 > 数码游戏 > 互联网 > ICON规范图是什么样
手机版

ICON规范图是什么样

来源:常识集 阅读:8.19K 次

ICON就是图标的意思,对于UI设计师来说,每一个ICON看似很平常,实际上它都是有一个必须遵循的规范要求的,这样才能够保证整个项目视觉上的统一,那么ICON规范图应该如何绘制呢?

操作方法

这里我们以sketch软件为例来进行了解,当然你也可以使用PS/AI,任何软件都是可以的,看自己的操作习惯。

ICON规范图是什么样

首先我们来绘制最外层的图形,最外层的图层是一个正方形,高宽都是44px。

ICON规范图是什么样 第2张

为了方便观察我们将填充给关闭掉,并且需要注意,最外层的图形描边方式为外部。

ICON规范图是什么样 第3张

接下来我们继续进行绘制,绘制一个42px的正方形,这个范围内就是我们图标绘制的安全区域。

ICON规范图是什么样 第4张

42Px的方形描边方式为内部,如果仍然是外部的话就会有重叠了。

ICON规范图是什么样 第5张

接下来我们绘制一个同42px相同的圆,将圆和42px正方形居中对齐,描边方式为内部。

ICON规范图是什么样 第6张

接着我们再绘制一个42px宽,28px高的矩形,关闭描边开启填充,与图形居中对齐。

ICON规范图是什么样 第7张

复制一个42px宽,28px高的矩形,与图形垂直居中对齐。

ICON规范图是什么样 第8张

最后我们再绘制一个36px的方形,居中对齐,描边方式内部,这样我们就绘制好了ICON规范图,在绘制ICON的时候尽可能不要超过红色区域。

ICON规范图是什么样 第9张
本文链接:https://www.changshiji.com/smyx/hulianwang/k0rpk.html

Copyright © 2024. 常识集 All right reserved. 浙ICP备20202586号-2

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。