信息一多，页面就会同时变「满」和「乱」。分隔不是把界面切碎，而是让人看出谁跟谁是一伙的，谁跟谁该隔开。
为什么需要分隔
分隔做两件事：划分信息（疏），减少单次认知的信息量；组成结构（亲），有效引导视线，让浏览有逻辑。
信息量大的界面里，有效分区能帮人建立视觉层级：先看见重要的，再按顺序读下去。短段落、大间距，比墙一般的长文更快定位。
这背后是格式塔：邻近、连通、同域。落到界面上，正好对应三招——间距、分隔线、包围。
第一招：邻近——间距
隐性分隔，通常也是最优雅、最高效的手段。规则很短：
- 同组内元素间距——最小
- 组与组的距离——适中
- 组与外容器的边距——偏大
元素间距永远要比组间距更小，因为它们接近。如果远近对比看不出来，亲疏关系就是模糊的，页面感知就是无序。
间距就是留白。它隐性地暗示组合关系，也带来呼吸感。Airbnb 项目管理页几乎不用粗线：标题、筛选、表格之间的空白，已经够人读出结构。
第二招：连通——分隔线
显性分隔，肉眼可见的物理边界。优点是明确、直观；缺点是占空间，增加视觉噪音。更适合必须被明确区分的列表和表格。
线要微妙，要稀疏。一眼望过去都是线，节奏就被切断。能用间距解决的，就不要用线。
一条合格的分割线，通常是 0.5pt、#E5E5E5 这种不显眼的规格。14 号字的常规界面够用；更大的场面再加深或加到 1pt。检验标准很残酷：
线还可以反过来用。全幅分割线把搜索结果切成独立单元；内联分割线（从缩略图后头才开始画）则暗示：这些歌都在同一张榜里。分隔的同时，保住连续性。
第三招：同域——包围
把一组东西放进同一块底、同一张卡片、同一道圆角里，人会把它们读成一件事。这是同域：不是靠更近，而是靠共享的容器。
包围比线更强，也更容易堆出盒子套盒子。卡片、浅底、描边，只用在「这组必须被看成一个对象」的时候。
三招的使用顺序其实是优先级：先间距，再线，最后包围。空白已经说清楚的地方，不要再画边界。