A set of psychological principles describing how humans perceive visual elements as unified wholes. Key principles in UX include proximity (nearby items appear related), similarity (like items appear grouped), closure (we complete incomplete shapes), and figure/ground (we separate foreground from background).
Common contexts
- Using proximity to group a label and its input field so users understand they belong together without a visible border
- Applying similarity to visually distinguish primary actions from secondary links by shape and color alone
- Using negative space as a grouping device in a dashboard to separate data modules without relying on card borders
Use when
When making layout decisions about how to communicate relationship, hierarchy, and grouping — particularly useful for explaining design decisions to stakeholders who question why elements are placed where they are.
Avoid when
Don't apply Gestalt principles as academic justification for arbitrary placement decisions — citing 'proximity' to defend a layout that users demonstrably find confusing means the principle is being used to defend the design rather than improve it.
Gestalt principles are most useful as a diagnostic tool, not a design recipe — when users are confused by a layout, proximity and similarity violations are usually the first place to look before reaching for more complex explanations.
Real-world examples
- Google's search results page uses proximity and similarity to group the page title, URL, and description of each result into a visually coherent unit, making results scannable without explicit dividers.
- Spotify's album grid uses the principle of similarity—consistent card sizes and shapes—to create a uniform browsing experience where users perceive all items as belonging to the same category.
- Apple's iOS app grid leverages the Gestalt principle of proximity, grouping apps into folders through visual closeness to help users mentally organize their applications.