A2.03.3Breaking continuity to force segmentation设计

打断连续性可用于强制分段

别名: 连续性断裂 · discontinuity segmentation

概念解释

既然对齐、排列一致会制造出一条隐含的连续路径,那么故意让某一处的对齐方式、排列方向或走向发生明显偏离,就会在那个位置切断这条路径,让视线在此处停顿、把前后内容读成两个不同的部分。这是利用连续性原则反过来达成分段的效果,不依赖额外的分隔线或空白。

机制

连续性判断依据的是路径方向变化是否平滑;只要把某一处的方向、对齐基准或排列节奏改得足够明显,超出正常延续所能容忍的偏差范围,这个位置就会被系统当成路径的中断点,而不是同一条路径的自然弯曲。中断点前后的内容因为不再共享同一条隐含路径,会被感知为两个独立的序列,即使它们之间没有任何额外的边框或空隙。

边界

打断幅度必须明显超出正常排版里会自然出现的微小偏差(字号误差、行高误差),否则不会被当成有意的分段信号,只会被当成排版瑕疵;打断也不能太轻微地和周围内容混在一起,否则用户可能压根注意不到这里发生了变化。

这种分段手段依赖用户已经在心理上建立了"沿这条路径连续读下去"的预期——如果序列本身很短、还没形成稳定的路径感知,中间的偏离就不会被读成"分段",只会被读成排列不整齐。

怎么落地

  • 需要在一组连续排列的内容中插入分段点时,优先让该处的对齐基准、排列方向或间距节奏出现明显偏离,而不是只加一条细分隔线——偏离本身就足够传达"这里断开了"。
  • 偏离幅度要显著大于版式里其他地方出现的正常误差范围,避免和排版瑕疵混淆。
  • 验证办法:让用户在不知道分段位置的情况下快速浏览版面,报告他们在哪里感觉到内容发生了切换,看报告的位置是否落在预期的分段点上。

延伸

  • 同组A2.03.1 视线倾向沿平滑路径延续 · A2.03.2 对齐线引导阅读顺序
  • 相邻A2.01.1 距离近的元素被感知为一组 · A2.06 图形与背景
  • 站内检索discontinuity · visual segmentation · pattern interrupt

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/A2.03.3