2026 • v1 • Fondamentaux du graphisme

L’art de la composition

Utilisée depuis le Moyen Âge en peinture, la composition est aujourd’hui un outil fondamental dans la construction d’image. Elle joue avec notre perception afin de transmettre des informations de manière claire et cohérente, ainsi, hiérarchie, équilibre, contrastes, permettent de guider efficacement le regard du spectateur.

Mise en contexte

La composition correspond à l’art d’assembler images, textes, couleurs, formes et typographies dans un format défini afin de créer un ensemble visuel cohérent et harmonieux. Elle occupe d’abord une place importante dans la création picturale, ces principes vont être rapidement repris et développés dans la photographie et les arts visuels en général. En design graphique, ces concepts vont notamment être théorisés par l’école du Bauhaus ou encore par le constructivisme russe au début du 20^e siècle.

Trouver l’équilibre

Il faut d’abord définir un visuel par un ou plusieurs points d’attention qui vont être au centre de la création et du regard du spectateur, ce qui fait rentrer en jeu la première notion : l’équilibre. Ainsi, un seul point placé au centre d’une composition peut évoquer le calme, la stabilité, la symétrie, et à l’inverse évoquer de la tension et du désordre s’il est déplacé.
De la même manière une composition avec plusieurs points évoquera plus facilement un déséquilibre ou une sensation de mouvement. Il est donc important de répartir les masses. En effet une forme imposante et sombre va donner une impression de lourdeur, tandis qu’une forme plus petite et claire évoquera davantage de légèreté. Les formes et le texte vont donc avoir un impact différent selon leur emplacement et leur lien avec les autres éléments. Ce concept est donc essentiel pour uniformiser en répartissant les différentes formes d’une création.

Aspect stable et ordonné, sensation d’équilibre.

Composition plus déséquilibrée et instable.

Masses qui apparaissent plus lourde dans le format.

Répartition des masses qui vient rééquilibrer le format.

Gérer le vide

Pour que les principes de masse et d’équilibre fonctionnent, il est important de prendre en compte l’espace vide entre les différents éléments visuels. C’est la circulation de cet espace négatif qui va venir stabiliser les différentes masses et provoquer de la proximité ou de la séparation afin de distinguer des groupes visuels. Il est indispensable de penser ce vide comme un élément à part entière qui va venir sculpter les pleins afin de découvrir des formes.

Cette forme n’est pas seule car elle est entourée d’espace vide qui vient contrebalancer la masse centrale.

**Helmo**–*Jazzdor,*
*la saison ! Lagon noir*, 2023

De la même manière cette affiche varie entre formes pleines et espaces négatifs afin de créer un équilibre.

Décomposer l’espace

L’harmonie visuelle repose sur l’ordre et le désordre, il est donc primordial de mettre à profit certaines règles de base pour construire une image.

La symétrie

Avec un axe vertical ou horizontal, elle permet de faire des compositions statiques et ordonnées mais aussi de créer certains effets de répétitions, de profondeur et de garder un aspect dynamique avec une structure parfaitement équilibrée. Elle contribue à mettre le sujet au centre de l’axe de symétrie et laisser le regard balayer chaque côté afin de prendre des informations. On peut également distinguer la symétrie axiale de la symétrie centrale (un point central qui fait pivoter l’image de 180°) ou encore la symétrie radiale qui va reproduire une image autour du centre tels les rayons d’un cercle, on retrouve ce type de symétrie sur les mandalas ou encore les rosaces avec un motif qui se multiplie autour du centre.

**Atelier Choque le Goff**–*Allotropiques*, 2022

L’asymétrie

À l’inverse, l’asymétrie est construite sans lignes de symétrie et offre alors une plus grande liberté de création, notamment en arrangeant des visuels volontairement irréguliers et instables qui vont guider le regard et nous forcer à explorer l’affiche. C’est un outil qui peut se révéler très efficace lorsque l’on veut générer du mouvement ou donner du dynamisme à un visuel. Cependant, la grande difficulté de cette technique réside dans le fait qu’il est nécessaire de toujours rechercher l’équilibre et l’ordre dans le but de conserver une composition réfléchie et structurée.
On peut également noter que le cerveau humain va toujours chercher de la symétrie dans ce qu’il fait et il est donc naturellement plus compliqué de créer une allure asymétrique. D’où la nécessité de mettre en application les premiers principes de répartition des masses et d’espace négatif.

**Paul Rand**–*Couverture du magazine Direction*, 1930

Rand réinterprète l’art abstrait européen et le modernisme pour créer des apparences asymétriques dans des compositions dynamiques.

**Mathias Schweizer**–*Solstice d’été 2023*, 2023

L’asymétrie permet une liberté dans la création visuelle et produit du mouvement et des rendus très vivants tout en conservant l’ordre et l’équilibre.

La diagonale

Composition en diagonale : Il s’agit d’une structure avec une ligne qui passe par le centre et qui relie deux côtés du format. Elle crée automatiquement un effet de mouvement et de déséquilibre avec une sensation de chute ou d’élévation selon l’angle. La diagonale produit un sentiment de vitesse et d’énergie et favorise la création de lignes de force impactantes et tranchées.
Il est également intéressant de croiser plusieurs diagonales de manière à générer des points d’intersection et de trouver un aspect plus stable et structuré.

**Josef Müller-brockmann**, affiche de *sécurité routière pour le club automobile suisse*, 1953

Deux diagonales croisées produisent un nouveau centre d’attention.

**Joseph Müller-brockmann,** *Weniger Lärm,* 1960

**Vladimir Stenberg, Georgii Stenberg**-Affiche pour le film *L’homme à la caméra*, 1929

On peut également noter que les diagonales sont aussi utilisées dans **la perspective** pour élaborer des points de fuite et créer des **volumes ou de la profondeur.**

Les autres types de composition

**Règle des tiers :** diviser l’image par trois en horizontal et en vertical et focaliser les points d’attention sur les croisements de la grille afin d’articuler les formes et les répartir dans
le format.

Il existe une infinité de possibilités de structure et d’organisation.
Par exemple le **nombre d’or** contribue à faire des images parfaitement proportionnées tout en jouant avec le contraste et les espaces vides.

Ici le nombre d’or a permis de développer un ensemble de formes géométriques pour faire apparaître des images dans la composition.

**Damien Gautier**–*Identité visuelle de la marque Salomon, Affiche*, 2003

Hiérarchiser

Il s’agit de créer des rapports d’échelle et de proportion pour définir un ordre d’importance dans les informations et les formes. Développer une hiérarchie permet de faciliter la lecture pour le spectateur et déterminer où le regard se pose en priorité. On peut également constater que la règle de répartition des masses s’applique également ici, la composition fonctionne comme un tout et les différents concepts se complètent. Les éléments les plus importants vont donc être mis en avant notamment par des contrastes d’échelle, couleur et forme, de façon à guider le regard du spectateur.

**Atelier ter Bekke & Behage**–*Le grand inquisiteur*,2020

Les contrastes

Les contrastes sont produits par des opposés extrêmes et servent à mettre en valeur certains éléments que l’on souhaite faire ressortir. Il s’agit donc d’un outil fondamental pour développer une hiérarchie et générer un ordre d’importance dans les informations que l’on désire transmettre.

**Contraste de forme** : Forme souple et arrondie/anguleuse et pointue.

**Contraste de taille**, utilisé notamment en hiérarchisation typographique.

**Contraste de couleur** : sombre/clair, chaud/froid, saturé/désaturé…ici, il s’agit des complémentaires.

**Contraste de texture** : Lisse/rugueux

Le cheminement

On cherche toujours naturellement à créer des chemins et des lignes invisibles entre les différents points d’attention, il est alors indispensable de produire un cheminement clair entre chaque information donnée pour garantir un sens de lecture fluide, continu et naturel au spectateur. La Hiérarchie, l’équilibre ou encore la répartition des masses font partie de ce processus de guidage du regard et de la transmission d’information dans un visuel.
En occident, le sens logique de lecture est de gauche à droite et de haut en bas, mais il peut être différent selon les régions du monde et les cultures. Par exemple, dans certains pays d’Asie, le sens de lecture est de droite à gauche. Il peut donc être très utile de tenir compte de ces notions en fonction du contexte de création.