Material Design 组件图鉴 —— Dividers

A divider is a thin, lightweight rule that groups content in lists and page layouts.

• Full-bleed 贯通分割线
• Inset dividers 非贯通

用法

分割线组帮助用户理解内容的层级关系，但是过度使用会让界面过于复杂，影响美观。

当内容没有一个明显的视觉锚点(anchor)比如说头像的时候，选用贯通分割线。

分割线的种类

Full-bleed 贯通分割线

Inset dividers 非贯通分割线

Subheaders and dividers 有标题时的分割线

分割线要在标题上方

尺寸

• 1dp 厚
• 黑白 12% 透明度
• 分割线放置在所属内容的之内的下方