Skip to content

图标基线网格

异形图标集当中,即便图标的宽高相等,视觉上仍可能会存在尺寸差异。例如:宽高相等的情况下,正方形视觉上大于圆形。为此,大多数设计指南建议使用基线网格作为绘制参考。

同时还要注意的是,留白区域也是图标的安全区,是图标的一部分。

keylinesample

封套:边框/背景

在异形图标的外部添加容器封套,使其形状统一。同时外部容器的背景色,边框线也会影响风格。

wrapper

根据着色方案的不同,封套有可能是设计的一部分,也有可能不是。图标的留白也会受到影响。

设计素材没有封套时,前端自行实现封套也是一种方案。设计师导出素材时,应根据场景保持封套(有或没有)的一致性。

设计资源版权属于广州芯相随科技有限公司所有,非公司员工严禁外传