What
- Definition
- 被视觉连接的元素，比没有连接的元素更容易被感知为同一组。
Why
- Core Question
- 用户能否快速判断两个元素之间是否存在直接关系，以及关系的方向、状态和范围？
- Mechanism
- • 视觉连接建立明确的结构关系，不需要用户仅凭距离推断。
• 连接可以跨越较大空间，维持元素之间的归属。
• 过多交叉或无语义连接会增加追踪难度。
How
- Primary Use
- 用线条、共享轮廓或连续背景明确表达结构和直接关系。
- Design Guidance
- 只为真实关系建立连接；减少交叉；必要时用方向、标签和状态说明连接含义。
Evidence
- Limitations
- 连接线只有在表达真实关系时才有价值；方向不明、交叉过多或缺少标签时，连通性会转化为视觉噪声。
- Last Verified At
- 2026-08-21
- Common Mistakes
- 有连线不等于清楚；颜色不能替代方向和标签；简单关系不必全部画线。