principle / Law of Common Region

Law of Common Region

位于同一清晰边界或背景区域内的元素,倾向于被感知为同一组。

Key fields

What

Definition
位于同一清晰边界或背景区域内的元素,倾向于被感知为同一组。

Why

Core Question
用户能否判断一组内容和操作共同属于哪个模块、任务或控制范围?
Mechanism
• 共同边界为多个元素提供共享归属线索。 • 区域能够覆盖距离较远或外观不同的成员。 • 嵌套区域可以表达层级,但过多容器会制造噪声。

How

Primary Use
用共同区域建立模块边界、内容归属和操作范围。
Design Guidance
让共同完成一个任务的内容位于同一区域;控制容器层级;把操作放在其作用范围内。

Evidence

Limitations
不是所有内容都需要卡片或边框;容器过多会增加复杂度,区域也不能替代标题、顺序和语义说明。
Last Verified At
2026-08-21
Common Mistakes
并非所有内容都需要卡片;边框越重不一定越清楚;区域不能替代标题与语义。

Lifecycle

Status
待复核