图标设计尺寸与栅格模板指南

图标尺寸:16px、24px、28px、32px、36px、48px

图标距离左右屏幕：4、8 的倍数。例如：28px。

字体大小：12px 14px 16px。 字体行高22px

像素网格

像素网格可以辅助我们对图标进行细节调整

栅格模板

栅格模板能让不同形状的图标，在视觉大小上尽量保持一致

以28*28画板为例

1. 画一个22*22的圆形

2. 画一个20*20的正方形

3. 一个竖着的16*24的矩形

4. 一个横着的24*16的矩形

画的图标通常以这几个形状为主

使用栅格模板

栅格编组、锁定、透明度50%