A2.08.2Connectedness as the strongest grouping cue设计

连接性是最强的分组线索

别名: 连接性优先 · connectedness dominance

概念解释

把连线和接近性、相似性、甚至容器同时摆在冲突的位置——连着的两个元素离得远、颜色不同,甚至分别落在不同的背景色块里——大多数人报告的分组还是跟着连线走。在目前常被拿来比较的几条格式塔线索里,连接性通常是冲突中最不容易被压过的一条。

这不是说其他线索没用:没有连线时,接近性、相似性、共同区域仍然各自独立发挥作用;只是一旦画面里出现了清晰的连线,不该指望间距、配色或容器能反过来推翻它给出的分组结果。

机制

连接性给出分组答案的时间点比其他线索都早:一条实际连着两端的线段,在视觉系统还没识别出两端各自是什么之前,就已经被当成一整块连续区域处理。接近性和相似性都要求先识别出独立的元素、再去比较它们的关系,这一步天然发生得更晚;容器虽然也改变的是更早的区域划分,但它划出的是"谁和谁共享一块背景",连接性划出的是"谁和谁物理相连",物理相连给出的整体感更直接,不需要额外判断"这块背景算不算真的围住了它们"。

边界

这个优先关系同样不是绝对的:连线画得极细、极淡,或者被其他视觉元素严重遮挡、干扰,连接性的优势会被削弱甚至反转。具体在什么条件下、削弱到什么程度会被别的线索压过,取决于每条线索各自的强弱程度,而不是一个固定不变的排名——如何量化这种此消彼长的关系,属于另一套统一的验证方法,这里不展开。

也不要把"连接性最强"理解成"应该到处画线":连线本身会增加画面的视觉复杂度,只有在确实需要表达一段具体关系时才值得使用,用来替代接近性或相似性做常规分组反而会让版面显得杂乱。

怎么落地

  • 当一段关系特别重要、不容有失(比如错误提示和它对应的表单字段、图例和图表里的具体曲线),优先用连线而不是间距或配色去表达,因为连线在和其他线索冲突时更不容易被推翻。
  • 不要同时依赖连线和容器表达两套不同的分组意图:如果一条连线跨越了两个不同背景色块的容器,用户大概率仍然按连线分组,容器给出的"各自独立"的暗示会被削弱,容易造成两套视觉逻辑互相矛盾的观感。
  • 验证办法:保留连线、去掉间距和配色上原本一致的暗示(把两端元素的间距拉远、颜色改得不一样),看分组结果是否依然跟着连线走;如果依然一致,说明连线确实在独立且更强地决定分组,而不是和其他线索共同起作用的结果。

延伸

  • 同组A2.08.1 有连线的元素被感知为相关 · A2.08.3 连线交叉会破坏关系的可读性
  • 相邻A2.01 接近性 · A2.07 共同区域 · A2.10 格式塔原则的冲突与优先级(多条线索相对强度的验证方法统一写在这一组)
  • 站内检索connectedness dominance · cue conflict · strongest grouping cue

同组卡片

快捷操作

分享

分享当前页面

ios_share

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