English 4 Designers
Retour au blog
DesignGratuit

Les principes de composition : construire une mise en page qui capte l'oeil

6 min de lecture•19 sep 2026

Une mise en page ne s'improvise pas : grille, équilibre des poids visuels et espace qui respire déterminent si un regard s'arrête ou glisse. Les principes concrets pour composer une page qui capte l'oeil dès la première seconde.

Le regard ne lit pas une page, il la scanne

Face à une affiche, un site ou une slide, personne ne lit dans l'ordre : l'oeil scanne d'abord la page en quelques dixièmes de seconde, cherche un point d'entrée, puis décide s'il vaut la peine de s'arrêter. Une composition réussie anticipe ce trajet du regard au lieu de le laisser au hasard.

Cette anticipation commence presque toujours par une grid, cette structure invisible de colonnes et de marges qui organise chaque élément sur la page. Sans grid, même les meilleurs éléments graphiques finissent par flotter sans lien les uns avec les autres, et la composition perd toute sa lisibilité.

Poids visuel, équilibre et espace qui respire

Chaque élément d'une page possède un poids visuel : une grosse forme sombre attire davantage l'oeil qu'un petit texte clair. Équilibrer une composition ne veut pas dire tout centrer, mais répartir ces poids pour que la page tienne debout, même quand elle est volontairement asymétrique.

Le layout, cette disposition d'ensemble des éléments sur la page, a aussi besoin de vide pour fonctionner. Le white space, cet espace négatif laissé volontairement libre autour des éléments, n'est jamais du gaspillage : c'est lui qui donne de l'air à une composition et qui met en valeur ce qui compte vraiment.

Recadrer et aligner : la composition en pratique

Une bonne composition se joue souvent au moment du crop, ce recadrage qui décide ce qui reste dans le cadre et ce qui en sort. Resserrer une image sur un détail, couper un visage à mi-hauteur ou au contraire laisser beaucoup d'air autour d'un sujet : chaque choix de cadrage raconte une histoire différente.

Le dernier réflexe reste le plus simple : imprimer la composition, la poser à distance et vérifier que le regard sait immédiatement où se poser. Si l'oeil hésite ou se perd, la composition mérite encore un tour de réglage avant d'être validée.

Vocabulaire de l'article

4 termes
Grid—Structure invisible de colonnes et de marges qui organise une page

“We built the layout on a 12-column grid.”

Layout—Disposition d'ensemble des éléments sur une page

“The layout feels cluttered on mobile.”

White space—Espace négatif laissé volontairement libre autour des éléments

“Adding white space makes the page easier to read.”

Crop—Recadrage qui décide ce qui reste dans le cadre d'une image

“Let's crop the photo tighter on the product.”

Envie d'aller plus loin ?

Retrouvez plus de vocabulaire et d'exercices dans vos cours.

Voir les cours