A2.08.2Connectedness as the strongest grouping cue设计
连接性是最强的分组线索
别名: 连接性优先 · connectedness dominance
概念解释
把连线和接近性、相似性、甚至容器同时摆在冲突的位置——连着的两个元素离得远、颜色不同,甚至分别落在不同的背景色块里——大多数人报告的分组还是跟着连线走。在目前常被拿来比较的几条格式塔线索里,连接性通常是冲突中最不容易被压过的一条。
这不是说其他线索没用:没有连线时,接近性、相似性、共同区域仍然各自独立发挥作用;只是一旦画面里出现了清晰的连线,不该指望间距、配色或容器能反过来推翻它给出的分组结果。
机制
连接性给出分组答案的时间点比其他线索都早:一条实际连着两端的线段,在视觉系统还没识别出两端各自是什么之前,就已经被当成一整块连续区域处理。接近性和相似性都要求先识别出独立的元素、再去比较它们的关系,这一步天然发生得更晚;容器虽然也改变的是更早的区域划分,但它划出的是"谁和谁共享一块背景",连接性划出的是"谁和谁物理相连",物理相连给出的整体感更直接,不需要额外判断"这块背景算不算真的围住了它们"。
边界
这个优先关系同样不是绝对的:连线画得极细、极淡,或者被其他视觉元素严重遮挡、干扰,连接性的优势会被削弱甚至反转。具体在什么条件下、削弱到什么程度会被别的线索压过,取决于每条线索各自的强弱程度,而不是一个固定不变的排名——如何量化这种此消彼长的关系,属于另一套统一的验证方法,这里不展开。
也不要把"连接性最强"理解成"应该到处画线":连线本身会增加画面的视觉复杂度,只有在确实需要表达一段具体关系时才值得使用,用来替代接近性或相似性做常规分组反而会让版面显得杂乱。
怎么落地
- 当一段关系特别重要、不容有失(比如错误提示和它对应的表单字段、图例和图表里的具体曲线),优先用连线而不是间距或配色去表达,因为连线在和其他线索冲突时更不容易被推翻。
- 不要同时依赖连线和容器表达两套不同的分组意图:如果一条连线跨越了两个不同背景色块的容器,用户大概率仍然按连线分组,容器给出的"各自独立"的暗示会被削弱,容易造成两套视觉逻辑互相矛盾的观感。
- 验证办法:保留连线、去掉间距和配色上原本一致的暗示(把两端元素的间距拉远、颜色改得不一样),看分组结果是否依然跟着连线走;如果依然一致,说明连线确实在独立且更强地决定分组,而不是和其他线索共同起作用的结果。