Developed in Germany in the 1920s by Wertheimer, Koffka and Köhler, the gestalt principles describe how vision resolves ambiguity — how the eye decides which elements belong together, which are separate, and which are foreground versus background. The principles are perceptual, not cultural — they're baked into how human vision works.
For UX, the six most-applied principles are: proximity (close elements are read as grouped), similarity (elements sharing colour or shape are read as related), continuity (elements arranged in a line are read as connected), closure (the brain completes incomplete shapes), common region (elements inside the same border are read as one group), and figure-ground (elements are read as either the subject or the background, not both).
Every layout decision either respects gestalt or fights it. When a layout respects gestalt, the visual hierarchy is instantly readable — the user knows what belongs to what without having to think. When a layout fights gestalt (labels far from their fields, related actions in separate boxes, similar-styled elements that mean different things), the interface feels harder to use even when nothing is technically broken.
Every layout decision. Form design (label proximity to inputs), dashboard grids (grouping related metrics), navigation (visually connecting related items), cards (using common region to signal a unit), typography (similarity in weight or colour to signal hierarchy), buttons (figure-ground to make CTAs pop).
A form where labels sit close to their fields but far from other fields uses proximity correctly. A form where every field-and-label pair has equal spacing above and below the label reads as a jumble.
A dashboard where 'Revenue', 'Orders' and 'AOV' sit in a card with a subtle border uses common region to signal 'these are one metric group'. The next card holds 'Sessions', 'Bounce rate', 'Conversion' — a different group. Without the cards, the six metrics read as an undifferentiated row.
A primary CTA in a filled colour on a neutral background uses figure-ground to command attention. Two equally-weighted buttons at a decision point fail figure-ground — neither is clearly the primary.
Gestalt principles underpin chunking (proximity and common region are how visual chunks are perceived) and support every affordance decision (similarity signals that similar-looking elements do similar things). They're foundational for information architecture and visual hierarchy.
Reviewed 29 September 2026 · Editorial standards