Rapprochez des éléments apparentés et l'on supposera qu'ils vont de pair. Ce principe simple, la proximité, est l'un des fondements du design visuel. Il provient de la psychologie de la forme (Gestalt), qui étudie comment le cerveau organise les informations visuelles en schémas. Lorsque des éléments sont proches, l'œil les regroupe. Lorsqu'ils sont éloignés, il les sépare. Les designers utilisent délibérément ce mécanisme pour suggérer une structure sans ajouter de lignes ni de cadres.

La proximité joue un rôle essentiel, souvent discret. Dans un formulaire, une étiquette placée près de son champ de saisie crée une impression de connexion. Déplacez-la au milieu de la page et cette connexion disparaît. Dans la mise en page, un titre placé plus près du texte qui le suit que de la section précédente indique à quel bloc il appartient. Robin Williams a popularisé ces concepts auprès des non-designers dans son ouvrage « The Non-Designer's Design Book », en associant la proximité à l'alignement, la répétition et le contraste.

utilisations pratiques

• Regrouper les étiquettes avec leurs champs de formulaire.
• Séparer les sections par des espaces plutôt que par des lignes.
• Regroupement des liens de navigation associés.
• Utiliser les marges pour signaler la hiérarchie.

La proximité est peu coûteuse. Elle ne coûte rien d'autre que de l'espace blanc et remplace souvent un encombrement visuel qui, autrement, perturberait le lecteur.