设计原则　/　Law of Common Region

Law of Common Region

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

关键字段

What · 是什么

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

Why · 为什么

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

How · 怎么做

主要用途: 用共同区域建立模块边界、内容归属和操作范围。
设计指导: 让共同完成一个任务的内容位于同一区域；控制容器层级；把操作放在其作用范围内。

Evidence · 证据

局限与边界: 不是所有内容都需要卡片或边框；容器过多会增加复杂度，区域也不能替代标题、顺序和语义说明。
最后验证时间: 2026-08-21
常见错误: 并非所有内容都需要卡片；边框越重不一定越清楚；区域不能替代标题与语义。

Lifecycle · 生命周期

状态: 待复核