# 接近成组

互相靠近(相对于其它物体)的物体看起来属于一组,距离越近关联性越高,而那些距离较远的则自动划为组外,距离越远关联性越低(无关联的元素不要近到让大家误解)

# 纵向间距

用不同的纵向间距分隔信息

视觉规范示例

纵向间距示例1

利用不同的间距来划分信息的亲密程度,信息越亲密,间距越小(最小不低于 8px,由此纵向间距=8+8*n,其中n>=0),再次不同的间距数量最好不要超过3个

视觉规范示例

纵向间距示例2

面、线划分信息示例,面划分一般用于两组有明显区别的信息,线划分一般用 于组内部信息,或者是两组联系比较密切的信息

# 横向间距

一般使用栅格布局来排布组件

视觉规范示例

横向间距示例

组件与组件,以及组件内部各元素间距都不同

上次更新: 11/5/2020, 3:04:38 PM