Proximity in graphic design is the principle that related items should be grouped close together, while unrelated items need visible separation. It’s a small, easy-to-overlook rule that has an outsized effect on how quickly someone can understand a layout, because the eye reads physical closeness as a signal of relationship — whether or not that’s actually intended.
How proximity actually works
A form label sits directly above or beside its input field, not floating in the middle of the page — because closeness tells the viewer they belong together. A photo caption sits right under its photo, not several lines away. A set of three related icons in a features section sit closer to each other than to the next feature’s icons. In every case, spacing itself is communicating a relationship, without a single word of text explaining it.
Proximity as an organizing tool
Beyond individual pairs of elements, proximity is what breaks a page into readable sections. Generous space between a header, body content, and footer signals “these are three separate zones.” Tight space within a card or block signals “this content belongs together as one unit.” A page that uses consistent spacing rules this way can be scanned in seconds, because the grouping does the organizing work before anyone reads a single word.
Common proximity mistakes
Equal spacing between every element on a page, which erases any sense of grouping and forces viewers to read every word just to figure out what relates to what. Labels or captions positioned closer to the wrong element than the one they describe, which actively misleads rather than just failing to help. And cramming unrelated elements close together purely to save space, which creates false groupings the content doesn’t actually support.
A practical test
Cover the text on a page and look only at the spacing. Can you still tell which pieces are grouped together and which are separate sections? If yes, proximity is doing its job. If every element looks evenly spaced with no visual grouping at all, related content is likely reading as disconnected, even if it makes sense once someone reads the words.
Proximity and the other principles
Proximity works hand-in-hand with alignment — grouped elements need shared alignment to read as one cohesive unit rather than a loose cluster. See the complete picture in our guide to the principles of graphic design.
Frequently Asked Questions
How much space counts as “close enough” for proximity to work?
There’s no fixed number — what matters is the spacing between related elements being clearly tighter than the spacing to unrelated elements nearby. It’s a relative relationship, not an absolute distance.
Can too much proximity be a problem?
Yes — cramming unrelated elements close together purely to save space creates false groupings that mislead viewers about what actually belongs together, which is arguably worse than just having generous, evenly-spaced content.
How is proximity different from alignment?
Proximity is about how close together related elements are placed; alignment is about lining elements up along shared edges. They work together — grouped elements still need consistent alignment to read as one cohesive unit rather than a loose cluster.
Does proximity matter more on mobile than desktop?
It matters just as much, but mistakes are more visible on mobile, since smaller screens have less room to absorb inconsistent spacing before sections start blending into each other.
What’s a fast way to spot proximity problems on my own site?
Cover the text and look only at the spacing. If you can still tell which pieces are grouped together and which are separate sections, proximity is working; if everything looks evenly spaced with no visual grouping, it likely isn’t.
If visitors seem confused about which pieces of information on your site or materials go together, weak proximity is a common, fixable cause. Adverk’s graphic design services build spacing and grouping in deliberately. Book a free consultation for a second opinion on your current materials.
