大家好我是西城,今天我想说一下我们经常见到icon规范线到底是什么。
我就不说太多废话了,只直接说是什么吧。
规范辅助线由三个形状组成:正方形、长方形、圆形
规范主要目的是保证图标占的面积相等,先来看看下面:
这三个正方形、圆形、三角形在我们视觉上看起来是相似大小的,再看看下面:
放在一起看发现所占的面积不一样,所以这就是为什么我们做icon的时候,做的图标都是一样的宽高,然而看起来一个大一个小的原因,就是面积不一样造成的!
怎么办?
那么规范就是要保证图标面积一致就行了!
接下来我们就算面积吧:
我在这里给大家我已经算好1024尺寸的数值,大家只需要在sketch里做出1024尺寸的辅助图,以后都可以套用:
接下来可以再进行辅助线延展,依次增加辅助线
接下来就可以绘制icon了
绘制icon规范依次于:
正确设计规范
在AI里可以把画好的规范线按⌘(ctrl)+5变成辅助线,以便于绘图
最后总结一下:
在设计过程中,记得再预留一定的安全空白区域,正确使用辅助线不仅可以规范你的icon,还可以增加你设计的说服力。
谢谢大家~