Composition graphique : 6 étapes pour rendre un visuel plus lisible
Une affiche peut contenir toutes les bonnes informations et rester difficile à lire. Le problème vient souvent de leur organisation. Composer consiste à décider ce que le lecteur doit voir d’abord, comprendre ensuite et retrouver facilement. Voici une méthode à appliquer à un événement fictif, Atelier ouvert, puis à vos propres supports.
Hiérarchie, grille, typographie, espace et contraste : une méthode illustrée pour composer une affiche, une publication ou une page de présentation.
1. Définir le message et l’action
Avant de choisir une police ou une photographie, écrivez le message principal en une phrase. Dans notre exemple : un atelier de création accueille le public samedi. L’action attendue est de réserver une place. Le nom, la date et la réservation n’ont donc pas le même rôle.
Classez le contenu en trois niveaux : promesse, informations utiles, action. Gardez les mentions secondaires accessibles, sans leur donner le même poids que le titre. Si tout devient prioritaire, reprenez le brief avant de travailler le style.
- Message : découvrir un atelier de création.
- Informations : samedi, 14 h, adresse.
- Action : réserver sa place.
2. Construire une hiérarchie visuelle
Attribuez une différence visible à chaque niveau. Un titre peut être plus grand, plus gras ou placé dans une zone dégagée. Il n’a pas besoin de cumuler tous ces effets. Le texte secondaire doit rester lisible sans concurrencer le message principal.
Regardez la composition en miniature. Identifiez ce qui attire votre œil, puis ce que vous lisez ensuite. Cette vérification ne remplace pas un test auprès de lecteurs, mais elle aide à repérer une date qui domine le titre ou un appel à l’action qui disparaît.
3. Poser une grille et des alignements
Dessinez des marges, puis choisissez un axe commun pour le titre, le texte et l’action. Une grille simple suffit : une colonne pour un visuel compact, deux colonnes si l’image et le texte doivent dialoguer. Les alignements servent à relier des éléments, pas à remplir chaque case.
Pour commencer, utilisez une marge extérieure constante et alignez les blocs de texte à gauche. Un titre centré peut fonctionner, mais évitez de changer d’alignement sans raison d’une ligne à l’autre. Vérifiez les bords des blocs autant que leur contenu.
4. Donner un rôle à la typographie
Commencez avec une famille disposant de plusieurs graisses. Affectez des styles stables au titre, au texte et aux légendes. Ajoutez une seconde famille seulement si elle apporte une différence utile, par exemple un titre expressif associé à un texte sobre.
Évitez de compenser un texte trop long en réduisant sa taille jusqu’à le rendre inconfortable. Réécrivez, redistribuez les blocs ou changez de format. Contrôlez les accents, les chiffres, les retours à la ligne et la lisibilité à la taille réelle de diffusion.
- Conserver le même style pour des informations de même niveau.
- Éviter les lignes isolées et les coupures gênantes dans le titre.
- Tester une version mobile avant de valider un support destiné au web.
5. Utiliser l’espace et le contraste
Rapprochez les informations qui vont ensemble, comme la date et l’heure. Laissez davantage d’espace entre des groupes distincts. Le vide permet de comprendre les relations entre les blocs ; il n’est pas une zone à combler systématiquement.
Pour le web, vérifiez aussi le contraste texte-fond. WCAG 2.2 fixe au niveau AA un minimum de 4,5:1 pour le texte courant et de 3:1 pour le grand texte, sous réserve des exceptions prévues. Une palette élégante ne suffit donc pas à établir la lisibilité. Mesurez les couleurs réellement utilisées, notamment quand le texte se superpose à une photo.
- Tester le texte sur les parties claires et sombres de la photo.
- Éviter de transmettre une information uniquement par la couleur.
- Adapter le cadrage de l’image sans couper les éléments nécessaires au message.
6. Vérifier le support dans son contexte
Exportez un essai et ouvrez-le sur l’appareil ou au format prévu. Un visuel de réseau social doit être évalué sur téléphone ; une affiche doit être contrôlée à une distance adaptée à son usage. Vérifiez le titre, les informations pratiques et l’action séparément.
Demandez à une personne qui ne connaît pas le projet ce qu’elle comprend et ce qu’elle ferait ensuite. Si son interprétation diffère du brief, corrigez la hiérarchie ou les mots avant d’ajouter des effets. Conservez les versions pour comparer les décisions, sans transformer une préférence personnelle en résultat mesuré.
- Le message principal se comprend-il ?
- La date, le lieu et les coordonnées sont-ils exacts ?
- Les textes restent-ils lisibles dans le format final ?
- L’action attendue est-elle explicite ?
Guide pédagogique — exemples fictifs
Publié le 21 octobre 2026