Maîtriser les règles de base de la composition graphique

Un flyer bourré de textes et d'images, que l'œil fuit avant même d'avoir lu le titre : c'est la faute la plus courante quand on débute en graphisme, et elle ne vient pas d'un manque de talent mais d'un manque de règles. Ce cours vous donne les quatre qui structurent n'importe quelle composition : l'équilibre symétrique ou asymétrique, les espaces négatifs, les marges et la grille de composition. Vous les voyez d'abord expliquées avec des exemples, puis appliquées sur une grille construite dans Photoshop, sur une publicité fictive et sur un flyer raté entièrement refait. À la fin, vous savez pourquoi un visuel fonctionne ou non, et comment placer chaque élément à un endroit choisi plutôt qu'au hasard.

Composition graphique : ce que vous saurez faire

Des réflexes de mise en page qui s'appliquent au print comme au web ou au motion design.

• Choisir entre équilibre symétrique et asymétrique selon l'effet recherché
• Doser le poids visuel d'un élément par sa taille, sa teinte, sa couleur ou son isolement
• Faire travailler les espaces vides au lieu de remplir la page
• Fixer marges et gouttières à une valeur cohérente avec le format
• Construire une grille de six colonnes en quelques clics et la réutiliser sur tout projet
• Placer logo, image et textes dans l'ordre où l'œil balaie la page
• Diagnostiquer un flyer qui ne fonctionne pas et le reconstruire sur une grille

Une grille de composition construite dans Photoshop, et transposable ailleurs

La partie pratique part d'un format A4 à 300 dpi. Vous créez la grille avec la fonction de dispositions de repères de Photoshop : six colonnes, une gouttière de 0,5 cm, des marges de 2 cm, puis une seconde grille qui divise la hauteur en tiers pour poser les lignes de force. Sur cette base, vous simulez une maquette en blocs, à la manière d'un zoning de site web, avant d'y glisser les images fournies dans les fichiers sources. Le formateur travaille dans Photoshop par habitude, mais il le dit lui-même : la même grille se construit dans InDesign ou dans tout autre logiciel de mise en page, et c'est la méthode qui compte.

Deux cas concrets : une publicité pour une marque de BMX et un flyer de soirée burger

Le premier cas montre comment les lignes directrices d'une photo client dictent la mise en page : position du modèle, direction du guidon, jonction du mur et du sol deviennent les axes du design, et le logo se place en haut à gauche pour respecter le sens de lecture. Le second part d'un flyer trouvé sur internet, en analyse les défauts un par un, puis le refait avec les mêmes informations sur la grille construite plus tôt. On y retrouve au passage la règle des trois typographies maximum, détaillée dans le cours sur les codes et principes de la typographie, dont ce cours est la suite directe.

Pour qui

Un cours pour débutants, au sens strict : aucune connaissance préalable en graphisme n'est nécessaire, et la théorie se suit sans logiciel. Pour reproduire la grille et les exercices, il faut Photoshop, dans n'importe quelle version récente, ou un équivalent capable de poser des repères et des colonnes. Le format est celui d'un cours théorique en voix off, illustré d'exemples et de deux ateliers, qui se boucle en moins d'une heure. Si vous travaillez déjà avec des grilles au quotidien, vous n'y apprendrez pas grand-chose.

Pour aller plus loin

Ce cours est le deuxième volet d'une série sur les fondamentaux du design. La suite logique porte sur le contraste et la psychologie des couleurs, puis sur la symbolique des formes. Si votre objectif est un métier plutôt qu'une notion, la formation Design Graphique, éligible au CPF, reprend ces bases avec un mentor et des projets professionnels.