ICON规范图是什么样

ICON就是图标的意思 , 对于UI设计师来说 , 每一个ICON看似很平常 , 实际上它都是有一个必须遵循的规范要求的 , 这样才能够保证整个项目视觉上的统一 , 那么ICON规范图应该如何绘制呢?操作方式 01 这里我们以sketch软件为例来进行领会 , 当然你也可以利用PS/AI , 任何软件都是可以的 , 看本身的操作习惯 。

ICON规范图是什么样

文章插图

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

ICON规范图是什么样

文章插图

03 为了便利不雅察我们将填充给封闭失落 , 而且需要注重 , 最外层的图形描边体例为外部 。

ICON规范图是什么样

文章插图

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

ICON规范图是什么样

文章插图

05 【ICON规范图是什么样】42Px的方形描边体例为内部 , 若是仍然是外部的话就会有重叠了 。

ICON规范图是什么样

文章插图

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

ICON规范图是什么样

文章插图

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

ICON规范图是什么样

文章插图

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

ICON规范图是什么样

文章插图

09 最后我们再绘制一个36px的方形 , 居中对齐 , 描边体例内部 , 如许我们就绘制好了ICON规范图 , 在绘制ICON的时辰尽可能不要跨越红色区域 。

ICON规范图是什么样

文章插图



以上内容就是ICON规范图是什么样的内容啦 , 希望对你有所帮助哦!

    推荐阅读