Une composition juste ne devrait jamais être un hasard

Une composition juste ne devrait jamais être un hasard

On vous propose des articles d'opinions ↓

Une composition juste ne devrait jamais être un hasard

Vous regardez une image et quelque chose cloche, sans pouvoir le nommer. Pas une faute visible, pas un alignement raté. Juste le sentiment qu'elle ne tient pas tout à fait. C'est qu'un calcul invisible n'a pas été fait : celui de la composition.

Le poids visuel n'est pas une métaphore. Tout élément d'une composition, qu'il s'agisse d'un mot, d'une image, d'un trait ou même d'une zone vide, exerce sur l'œil une force que le cerveau mesure inconsciemment. Quand ces forces s'équilibrent, l'image tient. Quand elles ne le font pas, elle penche, et personne n'aime regarder une image qui penche.

Chaque élément a un poids

Tout ce qu'on pose dans une composition pèse. Pas un poids physique, un poids perçu, que l'œil mesure malgré nous. Ce poids dépend de plusieurs choses, presque toujours combinées. La taille d'abord : plus un élément est grand, plus il pèse. La densité ensuite : un bloc de texte gras et noir pèse beaucoup plus qu'un texte fin et gris du même format. La couleur compte aussi : les teintes sombres ou saturées sont plus lourdes que les pâles ou désaturées. Et l'isolement joue lui-même un rôle : un élément seul, entouré de vide, concentre la masse visuelle et attire toute l'attention.

Cette pesée est instinctive, mais elle est précise. Devant deux images strictement identiques, sauf pour l'épaisseur d'un seul mot, n'importe quel œil sentira que l'une est plus stable que l'autre, sans toujours savoir pourquoi. Ce qui se passe est simple : le cerveau additionne en arrière-plan tous ces petits poids et juge, en une fraction de seconde, si l'ensemble tient debout. On peut ignorer ce calcul. On ne peut pas l'empêcher.

Quand les poids ne s'équilibrent pas

L'exemple le plus clair est celui qu'on croise tous les jours. Un texte épais, noir, posé sur la gauche d'un fond blanc, avec le reste de la surface laissé vide. Aucune erreur technique, aucun pixel mal placé, et pourtant l'image tire vers la gauche. Le mot, lourd, n'a rien en face de lui pour le retenir. Visuellement, c'est exactement comme un objet posé au bord d'une planche : la planche bascule du côté du poids.

On peut s'en sortir de plusieurs façons. En déplaçant le texte vers le centre, on ramène la masse sur l'axe et l'image redevient stable. En réduisant la taille ou la graisse du texte, on allège la masse côté gauche. Ou en ajoutant à droite un élément qui fasse contrepoids : une image, un trait, parfois un seul mot fin suffit. Chacune de ces solutions règle le même problème, mais chacune raconte une histoire différente. Le poids visuel est donc à la fois un problème technique et une décision de composition.

L'image qui penche, l'image qui tient
LOURD
Penche
LOURD contrepoids
Tient
À gauche, le mot pèse trop d'un seul côté : le reste de l'image n'a rien à lui opposer. À droite, un simple contrepoids, même léger, suffit à rétablir l'équilibre.

Équilibre symétrique, équilibre dynamique

Il existe deux grandes manières d'équilibrer une composition. La symétrie pose chaque poids face à un poids égal, autour d'un axe central. C'est l'équilibre du tribunal, du fronton, de la cathédrale : formel, calme, stable, parfois solennel jusqu'à l'ennui. Il convient aux marques qui veulent dire l'autorité, la tradition, la permanence.

L'équilibre dynamique, lui, ne met pas des poids identiques face à face. Il joue sur des contrastes : un grand élément à un endroit, un petit ailleurs ; une masse compacte en haut, un vide travaillé en bas. L'ensemble tient quand même, mais grâce à un calcul plus subtil. Le résultat est plus vivant, plus moderne, et il demande aussi plus de métier. C'est celui qu'on trouve dans la plupart des marques contemporaines : il dit le mouvement, l'attention, la décision.

Deux manières d'équilibrer
CENTRE
Symétrique Formel, calme, traditionnel.
détail
Dynamique Vivant, moderne, calculé.
L'équilibre symétrique pose des poids identiques face à face. L'équilibre dynamique joue sur des contrastes maîtrisés, et tient grâce au calcul des distances.

L'œil ne mesure pas comme une règle

Le poids visuel ne se mesure pas avec une règle. L'œil et l'instrument ne sont pas d'accord, et c'est l'œil qui a le dernier mot. L'exemple le plus parlant est celui des formes de base. Posez côte à côte un carré, un cercle et un carré, exactement de la même taille mesurée au millimètre. Tout le monde s'attendrait à ce qu'ils se valent. Or ils ne se valent pas : le cercle paraît clairement plus petit que les deux carrés qui l'encadrent, parce que sa forme arrondie occupe moins de surface visible dans le même cadre.

Pour qu'un cercle paraisse de la même taille qu'un carré, il faut le dessiner un peu plus grand. Les typographes appliquent ce principe en permanence : dans toute police bien dessinée, les lettres rondes comme O, C ou G sont en réalité un peu plus hautes et un peu plus larges que les lettres droites comme H, L ou T, sans quoi elles paraîtraient en retrait sur la ligne. La règle se généralise à toutes les formes : un triangle, une pointe, un losange demandent eux aussi un ajustement à l'œil quand on veut qu'ils tiennent leur rang à côté d'un carré. Chaque fois qu'on aligne ou qu'on compare des formes différentes, la mesure ne suffit jamais.

Quand la règle ne suffit pas
À la règle Les trois formes font exactement la même taille au millimètre. Le cercle paraît pourtant plus petit que les carrés.
À l'œil Le cercle est dessiné un peu plus grand. L'œil perçoit enfin les trois formes comme équivalentes.
À gauche, les trois formes ont la même taille à la règle, et le cercle paraît pourtant plus petit. À droite, le cercle a été agrandi de quelques pour cent et l'ensemble retrouve son équilibre. La règle ne suffit jamais : l'œil est le dernier juge.

Le contrepoids, l'art du levier

Pour équilibrer un grand poids, il n'est pas nécessaire d'opposer un poids égal. La règle du levier, qu'on apprend en physique élémentaire, marche aussi pour l'œil. Un petit poids éloigné peut équilibrer un grand poids plus proche du centre. Concrètement, un mot fin, posé loin sur la droite, peut compenser une grande image dense située plus près de l'axe. Plus l'élément est petit, plus on le pousse vers le bord. Plus il est massif, plus on le rapproche du centre.

C'est ce qui donne aux compositions asymétriques leur élégance. Elles ne pèsent pas pareil à gauche et à droite, mais elles tiennent parce que les distances ont été calculées. Quand cela fonctionne, on ne remarque même pas l'équilibre, on remarque la vivacité de la composition. Quand cela rate, on ne sait pas pourquoi l'image semble bancale : c'est qu'un poids n'a pas trouvé son contrepoids à la bonne distance.

La règle du levier
grand · proche
petit · éloigné
Un grand poids près du centre, un petit poids éloigné. Les distances équilibrent les masses : c'est la même règle que celle d'une balance, transposée au regard.

La grille à neuf points

Une règle ancienne et toujours efficace consiste à découper le cadre en neuf cases égales, par deux droites horizontales et deux droites verticales. On obtient un quadrillage à trois colonnes et trois rangées, et neuf points d'ancrage répartis symétriquement à l'intérieur. Cette grille ne se voit jamais dans la composition finale, mais elle sert de squelette pendant la conception : tout élément, qu'il s'agisse d'un texte, d'une image ou d'un bloc qui combine les deux, trouve naturellement sa place quand il se cale sur l'un de ces points.

On parle aussi de règle des tiers, et elle fonctionne parce qu'elle évite à l'œil les deux solutions qu'il trouve banales : l'élément au centre absolu, trop attendu, et l'élément collé contre un bord, trop périphérique. Les neuf points sont précisément situés là où le regard se pose volontiers sans qu'on lui dise où aller. Les photographes la connaissent bien : ils placent les yeux d'un portrait sur la ligne du tiers supérieur, ou un horizon à un tiers de la hauteur, pour exactement la même raison.

Pour une publicité, une affiche ou la couverture d'un document, cette grille permet de combiner harmonieusement un titre et une image sans tâtonner. On loge l'image sur plusieurs cases, on cale le titre sur une ligne ou un point précis du quadrillage, et l'ensemble est immédiatement aéré, équilibré, lisible. Les neuf points donnent un cadre commun à des éléments différents, et c'est ce cadre partagé qui crée l'unité de la composition.

Un quadrillage, neuf points
La grille Neuf points d'ancrage répartis symétriquement à l'intérieur du cadre.
UN TITRE une accroche courte
Texte et image calés sur la grille L'image occupe quatre cellules en haut. Le titre se loge dans la première colonne, en bas.
Le même cadre, deux états : à gauche la trame seule, à droite ce qu'elle produit. Sur cette ossature, le texte et l'image trouvent immédiatement leur place, et l'ensemble respire sans qu'on ait eu à chercher l'équilibre.

Quand les lignes s'accrochent les unes aux autres

Le même principe d'unité s'applique au plus petit niveau, à l'intérieur d'un titre sur plusieurs lignes. Un bon typographe ne se contente pas d'y poser une ligne sous l'autre, il fait en sorte que les lignes s'accrochent entre elles. Concrètement, certaines lettres de la ligne du haut viennent s'aligner exactement sur des lettres de la ligne du bas, soit par leurs extrémités, soit par leur milieu. Le bord droit d'une lettre du haut tombe pile sur le bord gauche d'une lettre du bas. Le milieu d'une autre passe exactement sur le milieu d'une autre. Ces colonnes invisibles ne se voient pas explicitement, mais l'œil les sent : il en tire un sentiment de cohésion, comme si les deux lignes n'en faisaient plus qu'une seule masse.

Pour obtenir ce calage, on agit sur plusieurs leviers à la fois. On retravaille l'approche entre les lettres d'une ligne pour la rallonger ou la raccourcir. On ajuste la position du mot, parfois lettre par lettre. On peut même modifier très légèrement la graisse ou la taille pour qu'un caractère trouve son point d'accroche avec le caractère du dessous. Tout cela représente quelques dixièmes de millimètre dans un titre, mais ces dixièmes-là sont la différence entre un titre qui flotte et un titre qui tient. Un public ne saura jamais nommer ce qu'il préfère entre les deux versions. Il préférera toujours celle qui est calée, sans savoir pourquoi.

L'unité d'un titre sur plusieurs lignes
DU TEXTE et BIEN ALIGNÉ, deux lignes posées sans calage, le mot BIEN en rouge Mauvais Les deux lignes sont juste posées l'une sur l'autre, sans calage.
DU TEXTE et BIEN ALIGNÉ, deux lignes calées par colonnes invisibles, le mot BIEN en vert Bon Les approches sont retravaillées : les lettres s'accrochent en colonnes invisibles.
Deux versions du même bloc de titre. L'ajustement se fait au dixième de millimètre, lettre par lettre, jusqu'à ce que l'œil sente l'ensemble comme une seule masse plutôt que comme deux lignes empilées. C'est ce qui sépare un titre publicitaire amateur d'un titre conçu.

Le vide a un poids lui aussi

Reste un facteur qu'on oublie presque toujours : le vide pèse. Non pas par sa matière, qu'il n'a pas, mais par sa présence. Un grand espace laissé blanc ne disparaît pas de la perception, il s'invite dans le calcul. Il devient un acteur de la composition au même titre que les éléments pleins, parfois plus important encore. Une grande zone vide à droite peut équilibrer un texte chargé à gauche, à condition que ce vide soit volontaire et lu comme tel.

Cette idée explique pourquoi les compositions très épurées ne penchent pas, même quand elles ne contiennent qu'un seul élément. Le vide qui entoure cet élément ne le laisse pas seul : il l'enveloppe, il le soutient, il fait partie de l'image. À l'inverse, un fond vide non travaillé, simplement délaissé, ne participe à rien et amplifie le déséquilibre. Le vide qui équilibre est un vide pensé. Le vide qui fait pencher est un vide oublié.

Une composition juste n'est donc jamais un hasard, c'est le résultat d'un calcul invisible où chaque élément, et chaque vide, a été pesé. On ne le voit pas, et c'est exactement pour cela qu'on le ressent. Quand une image tient, elle paraît évidente. Quand une image penche, elle nous met mal à l'aise sans qu'on sache nommer pourquoi. Le métier consiste à connaître ces lois assez bien pour qu'elles deviennent réflexe, et pour que chaque composition livrée tienne debout.

Partager : LinkedIn

Ces réflexions résonnent avec votre projet ?

Expliquez-nous votre défi.


On vous propose une piste concrète en 30 minutes.