元素共处有明确边界的区域时,会被认为是一组关联元素。

这是什么

共同区域法则认为,当多个对象被包含在一个共同的区域内时,人们倾向于将它们视为一组。

这种感知上的组织发生在我们的大脑自动将那些共享相同空间或边界的元素视为相关或属于同一组的时候。

如何使用

  1. 为信息内容构建清晰的结构,如导航、内容区域等
  2. 应用明确的分组来突出展示不同类型的内容
  3. 善用内容边界来区分不同类型的内容

案例

Office 系列软件的工具栏是共同区域法则的一种实践。

在默认配置中,不同类型的工具被归类收纳在各自菜单内,同时各菜单内也使用分隔符号区分不同用途的工具, 很好地帮助用户建立起对应的心智模型。

延展阅读

The Principle of Common Region: Containers Create Groupings

Design Principles: Visual Perception And The Principles Of Gestalt — Smashing Magazine

Gestalt principles - Scholarpedia