- 优点：设计的时候好布局，能提高屏幕的利用率。同时让界面看起来有秩序，降低用户对于大量信息的理解时间。
- 缺点：对图标的视觉要求比较高。因此在做这种页面时，一定要把握好图标的色彩搭配和细节的一致性，不然会显得画面很粗糙。
这种设计适合内容多且不太好梳理的页面——利用背景分割，将每个部分分成独立的模块，将用户的注意力留在想看的模块，同时提高用户的理解能力。
如下图所示：
支付宝和蛋卷基金都是采用这种背景栏做分割。
每个卡片都是不同的维度，相对独立的，通过背景栏的分割，以及不同模块的标题，提高了视觉效率。
二、分割线分割
分割线是UI设计中最常见的一种分隔方式，能帮助用户理解页面层次，有分隔、组织的作用。一般是为了将内容分割开，形成独立的内容和信息。
如下图所示：
- 优点：这是一种比较保守的设计方案，担心不知道要用什么方式来做分割的时候，就可以选这种，一般不会出错。
- 缺点：要处理好线的粗细，间距和颜色——线条不能过粗，颜色不能太重。处理不好的话，会让页面有一种挤压及粗重的感觉。
这种分割线大部分在UGC模块上使用。
首先要考虑到屏幕利用率，其次对每个用户产生的内容要进行分割。但是，存在感不能太强，不然会干扰用户对内容本身的注意力，因此我们会在大部分的UGC模块上使用这种形式。
如下图所示：
例如：微信朋友圈和全名K歌的首页，就是使用的贯通分割线，让这些内容在视觉上分开，形成独立的模块。
我们看大部分的社交APP，属于UGC模块的大多都是使用的贯通分割线。因为UGC的内容是不可控的，有可能是文字，也有可能是图片，使用贯通分割线能够减轻用户的视觉压力。
二、留白分割
留白：是指在页面元素间或是包围页面元素的空白空间。
虽然这种手法可能会被认为是浪费空间，但是不得不说，目前大部分App的首页都是采用的留白分割。
如下图所示：
