Crooked Pixels Logo

Crooked Pixels

Musings about design, technology and everything in between.

Proximity

Proximity

You don't need a line to group things. You just need a gap around them.

Proximity is the quiet grammar of layout: things close together are read as one group before a single word is. A phone number proves it — 555 — 867 — 5309 needs no labels; the gaps alone tell you where the area code ends and the line begins. Set the space and you've set the meaning.

TL;DR

Proximity is a Gestalt principle of visual perception stating that elements placed close together are perceived as a related group, while elements spaced further apart are seen as separate. In interface and graphic design, spacing alone can communicate grouping and hierarchy without borders, lines, or explicit labels.