学UI设计 分割线怎么用

　　分隔线简介在UI中，为了视觉美观以及方便用户获取信息，我们必须要把内容进行分组、隔离。分隔线(divider)就是这样一条长长的细线，用来对页面中的单个或成组内容进行分隔。

　　为什么要强调「单个或成组内容」，而不直接说「内容」呢?因为这两者会用到不同的分隔线。单个内容有如：单个文本、图标、单张图片等，成组内容则是至少两个内容在一起。它们的分隔线长度是不一样的：

　　在页面中，用于分隔的元素有很多，什么时候该使用分隔线呢?其实分隔线是一种很弱的分隔元素，也就是说，在较弱的时候才会用到它。这个大家族还有很多成员：

　　轻量的分隔元素：空白、分隔线、投影、标题、分隔条、锚元素(anchoring element，如图像、按钮等，形式不固定，需要基于场景判断是否算锚元素);

　　较重的分隔元素：卡片、大图、表格;

　　很重的分隔元素：tab标签页;

　　上图中不论是信息较少的轻颜还是内容庞杂的淘宝，它们都用到了各种分隔元素来使用户以较度读取信息，如：左图中的留白、卡片、标题、分隔线，以及右图中的tab标签页、网格、图片等。

　　分隔线的特点是轻量、存在感弱，我们得节制使用它。