案例3　绘制图标栅格系统

（请扫描版权页上的二维码，下载教学视频）

不同的项目图标栅格系统是有区别的，我们不能按一个固定的比例来设置，要根据不同的实际项目来进行设计。下面我们根据我们的项目需求绘制栅格系统。

STEP1

首先绘制一个48px×48px的大的正方形，然后再画一个34×34px的小的正方形，这样我们就确定了内边距。如图63所示。

图63

STEP2

接下来绘制圆形，圆形的尺寸为38×38px，我们得到如下图64所示的圆形。

(https://www.daowen.com)

图64

STEP3

接着绘制横竖长方形的尺寸分别为28×40px、40×28px，把它们和前面的圆、正方形合并放置在图标的栅格系统中，居中对齐，就完成了图标栅格系统的绘制，如下图65所示。

图65

STEP4

我们选中做好的参考线，然后单击右键建立参考线。这样我们就完成了栅格系统到参考线的转变。

图66