Law of Common Region

Elements tend to be perceived as grouped if they share an area with a clearly defined boundary.

Overview

The Law of Common Region is one of the Gestalt principles of visual perception. It describes the tendency for the human visual system to perceive elements enclosed within the same bounded area as belonging to a group — regardless of their proximity, similarity, or other visual properties. A shared boundary is one of the strongest grouping signals available to a designer.

In interface design, common region is one of the most reliable grouping mechanisms available. A card, a panel, a bordered section, or a shaded area all create a perceptual boundary that tells users these things belong together. The boundary doesn't need to be strong — even a subtle background fill is sufficient to trigger the grouping effect without a visible border.

Takeaways

01
Use enclosures — cards, panels, bordered containers, background fills — to group related elements and signal their relationship to users.
02
Common region is more powerful than proximity alone: elements enclosed in the same region are perceived as grouped even if they are spread apart within it.
03
Avoid inadvertent groupings: placing unrelated elements inside the same visual container creates a false impression of relationship that can mislead users.

How to Apply This

Use cards to group related content.
Cards are the most common application of common region in modern UI. Each card creates a closed region that unifies its contents — image, title, description, action — into a single perceived unit. Users don't need to consciously register the grouping; the boundary does the work automatically.
Use background fills for form sections.
A light background applied to a section of a form creates a perceptual boundary without a visible border. Users perceive the fields within as belonging together, which helps them understand the form's structure and reduces the cognitive work of parsing a long list of inputs.
Be careful with nested regions.
Regions within regions communicate hierarchy — this sub-group is part of this larger group. Used deliberately, this is a powerful structuring tool. Overused, it creates visual noise and ambiguous layering that makes users work harder to understand what belongs where.

Common Misconception

Common region and proximity are often confused. They are related but distinct. Proximity groups elements by nearness; common region groups them by enclosure. Common region is the stronger cue — elements spread far apart inside a shared border are perceived as more related than elements close together in separate regions.

Origin

The Law of Common Region was identified by psychologist Stephen Palmer in 1992, as an addition to the classical Gestalt principles first formulated in the early 20th century by German psychologists including Max Wertheimer, Kurt Koffka, and Wolfgang Köhler. Palmer's research demonstrated that shared region was a powerful grouping cue in its own right — one capable of overriding the more established principles of proximity and similarity in certain conditions.

FAQ

What is the Law of Common Region?: The Law of Common Region states that elements enclosed within a shared bounded area are perceived as belonging to the same group. The boundary can be a visible border, a background fill, a shadow, or any other visual treatment that creates a sense of enclosure.
How is common region different from proximity?: Proximity groups elements by how close they are to each other. Common region groups them by whether they share a visual boundary. The two often work together, but common region is the stronger cue — it can override proximity. Elements inside a border but far apart are perceived as more related than elements close together but separated by a boundary.
What are examples of common region in UI design?: Cards, modals, sidebars, form fieldsets, tooltips, navigation menus, notification banners, and dropdown menus are all examples. Any time a visual boundary creates a sense of 'inside' and 'outside,' the Law of Common Region is at work — users automatically perceive the contents as a group.
Who identified the Law of Common Region?: The Law of Common Region was identified by cognitive psychologist Stephen Palmer in 1992. Palmer showed through experimental research that enclosure within a shared region was a distinct and powerful grouping principle, not just a consequence of proximity — expanding the classical set of Gestalt principles.