laws & principles
Gestalt: proximity
Things placed close together are read as one group; things spaced apart are read as separate. Proximity is such a strong cue that the eye groups by distance before it even registers shape or colour.
The demo
Drag the sliders to change horizontal and vertical spacing. Watch how the dots group together in your mind.
Your brain sees: A single grid of 16 dots
Toggle between equidistant and proximity spacing. Notice how easy it is to pair each label with its input under proximity.
Under equidistant spacing, the label is placed exactly halfway between inputs. Under proximity spacing, the label is grouped tightly with its target input, making the relationship clear.
What this demo shows (text version)
An interactive demonstration of Gestalt proximity. The concept tab features 16 dots in a grid. Adjusting the horizontal and vertical gaps shows how changing the spatial balance alters your perception of columns, rows, or a single grid.
The practical tab shows a form layout. Toggling 'Equidistant' separates labels and inputs equally, creating confusion about which label belongs to which field. Toggling 'Proximity' anchors labels closely to their inputs.
You didn't decide the dots formed rows - the spacing decided it for you. Move a label nearer its field and the pairing just happens; strand it between two and the form turns into a guessing game.
Proximity beats almost everything: it overpowers similarity of shape or colour. Cluster items with plain space and people read them as separate categories, no boxes or dividing lines required.
The classic own goal is the equidistant label, sat exactly halfway between the field above and the field below, so it is anyone's guess which it belongs to. Pull it tight to its own input and the ambiguity vanishes.