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

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



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



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



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



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



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



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



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



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