Visual Hierarchy & Perception
Law of Common Region
Elements within a bounded area are perceived as a group.
Takeaways
- 1
Cards and panels communicate grouping instantly.
- 2
Subtle backgrounds work better than heavy outlines.
- 3
Keep related controls inside the same container.
Origins
Gestalt psychology shows that shared boundaries create instant grouping. Users do not read labels first — they see regions and infer relationships from them.
Containers should reflect real task structure, not arbitrary visual decoration.
Design Applications
- Wrap related settings in soft-bordered cards.
- Use section backgrounds to separate unrelated content.
- Avoid splitting one task across visually disconnected areas.
Frequently Asked Questions
What is the Law of Common Region?
Elements within a bounded area are perceived as a group.
How do you apply Law of Common Region in UI design?
Wrap related settings in soft-bordered cards. Use section backgrounds to separate unrelated content. Avoid splitting one task across visually disconnected areas.
Why does Law of Common Region matter for user experience?
Cards and panels communicate grouping instantly. Subtle backgrounds work better than heavy outlines. Keep related controls inside the same container.
