The law of proximity: what is close is perceived as related

Two elements placed close together are perceived as related, before their content is even read. It is one of perception's most powerful principles: the law of proximity.

Coming from the Gestalt psychologists in the early 20th century, it describes how our eye spontaneously groups what is near. The distance between elements tells their relationship, often more strongly than color or shape.

The principle

Place three dots near one another, away from three others: we see two groups, not six dots. The brain looks for structure, and proximity is its first criterion. This grouping is instant and involuntary.

What it implies in design

• Spacing groups better than a line. Bring a label close to its field, push two sections apart: the layout reads without borders.
• Margins structure information. Generous space between blocks is worth a section heading.
• Proximity must reflect logic. What belongs together sits together, what differs is given room.

Whitespace is not emptiness: it is what tells the eye what belongs together.

The common mistake

Uniform spacing, where everything is equally spaced, blurs the message: the eye no longer knows what goes with what. A button glued to the wrong block, a label halfway between two fields, and the journey becomes ambiguous.

In practice

Proximity is the most discreet and most effective structuring tool. Before adding lines, frames or colors, adjust the spacing: in an interface as in a brand identity, whitespace does half the work.

---

Frequently asked questions

What is the law of proximity?

A Gestalt principle: visually close elements are perceived as belonging to the same group, before any other cue such as color or shape.

Proximity or borders to group?

Proximity first. Well-managed spacing groups without clutter; borders and fills only help as reinforcement, when space alone is not enough.

How do I apply it concretely?

Reduce the space between related elements, increase it between distinct groups. The rhythm of margins should mirror the logic of the content.