関連するものを近くに配置すれば、人はそれらが関連していると考える。この単純な原理は近接性であり、視覚デザインにおける重要な概念の一つである。これは、脳が視覚情報をどのようにパターン化するかを研究したゲシュタルト心理学に由来する。要素が互いに近くにあると、目はそれらをグループ化し、離れていると、それらを分離する。デザイナーは、線や枠を追加することなく構造を示すために、この原理を意図的に利用する。

近接性は、目立たないながらも多くの役割を果たします。フォームでは、入力フィールドの近くにラベルを配置すると、そのラベルが接続されているように見えます。ラベルをページの中央まで移動させると、その関係性は崩れます。ページレイアウトでは、見出しが上のセクションよりも下のテキストに近い位置にあると、それがどのブロックに属しているかがわかります。ロビン・ウィリアムズは、これらのアイデアをデザイナー以外の人にも分かりやすく伝えるため、『The Non-Designer's Design Book』を著し、近接性を整列、反復、コントラストと関連付けました。

実用的な用途

• ラベルとそのフォームフィールドをグループ化する。
• 行ではなくスペースでセクションを区切る。
• 関連するナビゲーションリンクのクラスタリング。
• 余白を使って階層構造を示す。

近接性は安価だ。必要なのは余白だけで、読者を混乱させるような視覚的な雑然さを解消してくれることが多い。