La mise en page organise le texte et les images sur une page ou un écran. Elle détermine leur emplacement et l'espace qu'ils occupent. Une mise en page peut être dense ou aérée, symétrique ou asymétrique, suivre une grille ou s'en affranchir. Elle influence la perception du contenu par le lecteur : une mise en page surchargée est étouffante, tandis qu'une mise en page épurée paraît vide. Le juste équilibre dépend du message et du support.

Les principes de mise en page ont été perfectionnés au fil des siècles. La conception graphique imprimée en a établi les règles. Les marges permettent au contenu de respirer. Les colonnes organisent le texte pour une meilleure lisibilité. L'espace blanc sépare les éléments et guide le regard. La hiérarchie met en évidence les informations essentielles. La conception numérique a adapté ces principes aux écrans. Les mises en page adaptatives s'ajustent aux différentes tailles d'écran. Une mise en page à trois colonnes sur ordinateur se transforme en une seule colonne sur mobile. Le contenu se réorganise. La hiérarchie est préservée. La mise en page influe également sur l'ergonomie. Un bouton placé là où l'utilisateur s'attend à le trouver est cliqué. Un menu de navigation à son emplacement habituel est utilisé. Un formulaire avec des libellés clairs et un regroupement logique est rempli. La mise en page n'est pas qu'esthétique. Elle est fonctionnelle. Elle influence les comportements. Le concepteur utilise la mise en page pour guider, informer et persuader. Chaque placement est une décision. Chaque décision a des conséquences.

Principes de mise en page

• Marges — espace autour du contenu
• Colonnes — divisions verticales du texte
• Espace blanc — zones vides qui séparent les éléments
• Hiérarchie — ordre d'importance visuelle
• Alignement — les éléments s'alignent le long des bords communs
• Proximité — les éléments liés sont regroupés.

L'agencement consiste à disposer les éléments. Les éléments sont importants, tout comme l'espace qui les sépare.