Law of Common Region
Elements located within the same closed region are perceived as grouped together.
When to Use
Use containers and backgrounds
Place related elements within the same container, card, or background area to create visual grouping.
Create clear boundaries
Use borders, backgrounds, or shadows to define regions and group related content.
Organize with cards and panels
Leverage card-based layouts and panels to create distinct regions for different types of content.
When to Avoid
Don't create unnecessary boundaries
Avoid adding visual boundaries that don't serve a functional purpose, as they can add visual clutter.
Origin
The Law of Common Region is a Gestalt principle that was added to the original set of principles. It states that elements within the same bounded area are perceived as grouped together. This principle is particularly relevant in modern interface design, where containers, cards, and panels are commonly used to organize content.