辅助线规范做图

大家好我是西城，今天我想说一下我们经常见到icon规范线到底是什么。

我就不说太多废话了，只直接说是什么吧。

规范辅助线由三个形状组成：正方形、长方形、圆形

规范主要目的是保证图标占的面积相等，先来看看下面：

长宽高一样的三个图形

这三个正方形、圆形、三角形在我们视觉上看起来是相似大小的，再看看下面：

把他们放一起

放在一起看发现所占的面积不一样，所以这就是为什么我们做icon的时候，做的图标都是一样的宽高，然而看起来一个大一个小的原因，就是面积不一样造成的！

尺寸不协调！！

怎么办？

那么规范就是要保证图标面积一致就行了！

一个园+两个相同的长方形+一个正方形

接下来我们就算面积吧：

我在这里给大家我已经算好1024尺寸的数值，大家只需要在sketch里做出1024尺寸的辅助图，以后都可以套用：

接下来可以再进行辅助线延展，依次增加辅助线

有助于精确绘图

垂直水平线

接下来就可以绘制icon了

绘制icon规范依次于：

正确设计规范

在AI里可以把画好的规范线按⌘（ctrl）+5变成辅助线，以便于绘图

最后总结一下：

在设计过程中，记得再预留一定的安全空白区域，正确使用辅助线不仅可以规范你的icon，还可以增加你设计的说服力。

谢谢大家～