设计原则 / Law of Proximity

Law of Proximity

在其他条件相近时,空间上彼此接近的元素更容易被感知为同一组。

关键字段

What · 是什么

定义
在其他条件相近时,空间上彼此接近的元素更容易被感知为同一组。

Why · 为什么

核心问题
用户能否仅凭距离判断哪些内容属于同一组、哪个说明对应哪个对象?
作用机制
• 视觉系统会优先寻找简单、稳定的组织方式。 • 组内距离较小、组间距离较大时,边界无需额外说明也能被快速识别。 • 当接近性与颜色、形状、边框等线索一致时,分组会更清楚;线索冲突时则可能产生误解。

How · 怎么做

主要用途
通过组内与组间距离表达信息关系、归属和层级。
设计指导
标签紧邻对应对象;建立稳定的间距层级;用留白组织结构;响应式重排后重新检查分组。

Evidence · 证据

局限与边界
距离不是唯一线索。复杂结构还需要标题、对齐、颜色、共同区域或连接关系;组内过大的留白会拆散关系,组间过小会造成误合并。
最后验证时间
2026-08-21
常见错误
复杂界面不能只靠距离;留白不是越多越好;桌面分组不会自动适配移动端。

Lifecycle · 生命周期

状态
待复核