图7 Android系统中分割线的使用原则
3. 分类及适用场景
分割线可以分为三种类型:
- 通栏分割线(Full-bleed dividers):用于分隔彼此完全独立的内容。
- 内嵌分割线(Inset dividers):用于分隔有锚点(头像或图标)的相关内容。
- 中间分割线(Middle dividers):用于分隔无锚点(头像或图标)的相关内容。
图8 三种分割线示意
多数时候(信息层级≤2),采用分隔线进行分割的信息,采用留白也是可以分割的,只不过需要留白间距足够大,比如我们把上述分割线的方式换成留白,因为间距够大,视觉效果也很清晰(没有多余线性元素的干扰)。
图9 用大留白替换分割线示意
但是如果为了提高屏效,希望在一屏内尽可能多的展示信息,那么同样的信息布局,分割线带来的分割效果会更清晰,如下图所示:
图10 追求纵向信息屏效时线性分割效果更好
当信息层级≥3之后,使用线性分割就要谨慎一些,可以具体看一下是否满足下方卡分割的使用条件。
四、卡片分隔1. 定义
卡片是一个由内容和操作组合而成的独立主题的面性容器①,它可以包缩略图②、标题③、副标题④、富媒体⑤、文本⑥、文字按钮⑦和图标按钮⑧,除了卡片容器本身,其他元素都是可选的,所有元素都以易于扫描和操作的形式放置在卡片之上。