Law of Proximity

Objects that are near, or proximate, to each other tend to be grouped together.

Overview

The Law of Proximity is one of the foundational Gestalt principles of visual perception. It describes how the human visual system automatically groups elements based on their spatial relationship — elements that are close together are perceived as belonging to the same group, while elements that are farther apart are perceived as separate. The grouping happens automatically, before conscious analysis.

In interface design, proximity is the most fundamental and effortless grouping tool available. It requires no borders, no backgrounds, no visual connectors — just space. The amount of whitespace between elements communicates their relational structure: more space means less related, less space means more related. Used consistently, proximity alone can convey the full information hierarchy of a complex interface.

Takeaways

01
Place related elements close together and unrelated elements further apart — proximity is the most direct and automatic signal of relationship in visual design.
02
Whitespace is not empty space: it is an active design element that communicates structure by separating groups and defining what belongs together.
03
When proximity and other grouping cues conflict — colour, shape, border — users tend to follow proximity first.

How to Apply This

Group form labels tightly with their inputs.
A label placed close to its input field is immediately understood as belonging to it. Labels that drift too far from their inputs create ambiguity — users pause, scan left-right, and risk associating the wrong label with the wrong field. The fix is almost always just reducing the gap.
Use whitespace to create visual sections.
Rather than adding borders or background fills to separate sections, generous whitespace between them can do the same work more quietly. Users will perceive two groups of elements separated by space as distinct sections — no visual decoration required.
Check proximity on mobile.
Layouts that use proximity effectively on desktop often collapse into ambiguity on smaller screens. Ensure related elements remain visually close when content reflows — and that unrelated elements don't accidentally become adjacent when the layout changes.

Common Misconception

Proximity is often treated as secondary to explicit grouping cues like borders or backgrounds. In practice, it is frequently the primary cue — users parse spatial structure before they parse visual styling. An interface can have perfectly placed cards but still feel confusing if the spacing within cards is inconsistent or arbitrary.

Origin

The Law of Proximity was first articulated by Gestalt psychologists in the early 20th century, most notably Max Wertheimer in his landmark 1923 paper on perceptual grouping. Wertheimer identified proximity as one of the core principles by which the visual system organises individual elements into perceived wholes — the foundational insight of Gestalt psychology. The Gestalt principles have since become standard curriculum in visual design education and foundational theory in human-computer interaction.

FAQ

What is the Law of Proximity?: The Law of Proximity states that elements that are close to each other in space are perceived as belonging to the same group. It is one of the Gestalt principles of perceptual organisation — automatic, pre-conscious processes by which the visual system imposes structure on what it sees.
How does proximity affect UX design?: Proximity determines how users interpret the structure of an interface before they read a word of it. Related controls grouped close together are understood as a unit. Items spread apart are understood as separate. Inconsistent spacing sends ambiguous signals about what belongs together, which increases cognitive load and slows comprehension.
Is whitespace the same as proximity?: They are two sides of the same principle. Proximity describes the grouping effect of closeness; whitespace is the design tool used to control proximity. More whitespace between elements increases perceived separation; less whitespace increases perceived relatedness. Using whitespace deliberately is applying the Law of Proximity.
How does proximity compare to other Gestalt grouping principles?: Proximity is generally considered the strongest of the Gestalt grouping principles for 2D interfaces. Common region (enclosure) can override it in specific cases, but proximity tends to be the first cue users apply when parsing an unfamiliar layout. The other principles — similarity, continuity, closure — layer on top of the spatial structure that proximity establishes.