Un blog qui parle de webdesign, graphisme, méthodologie ...

icone rss  icone twitter  bouton de retour vers le portfolio pixenjoy

Langage visuel: la composition

Après la série d’articles sur les éléments du design, j’entame, avec cet article sur la composition, une autre série d’articles en rapport avec le langage visuel. Voyons quelles sont les notions qui nous permettent de composer une image.

Introduction

Le langage visuel est un mode de communication qui pourrait se définir par le sens qu’une image est capable de transmettre à celui qui la regarde. Lorsque nous observons une image, notre cerveau la perçoit grâce à notre vision mais déclenche également tout un processus de reconnaissance basé sur nos expériences antérieures. La vision déclenche donc des pensées qui aboutissent à des émotions, des réflexions, des références à d’autres images, des déductions qui sont conditionnés par notre vécu et notre façon d’appréhender le monde.

L’observation d’une image, quelque soit l’individu, n’est donc jamais un acte passif et laisse rarement indifférent.

La composition

Définition

La composition se préoccupe de concevoir l’arrangement des éléments d’une image dans un cadre physique donné. Les éléments d’une image rentrent en interaction les uns avec les autres et ces interactions sont influencées par les caractéristiques de chaque élément (taille, couleur, valeur, orientation, forme, emplacement …).

Se soucier de la composition, c’est choisir de répartir les éléments constitutifs de l’image en fonction de vos objectifs de communication. Ne pas se soucier de la composition, c’est laisser le hasard choisir à votre place et risquer de passer à côté de vos objectifs.

En webdesign, une réflexion sur la composition commence lors de l’étape de mise en page du contenu puis se poursuit lors du design graphique. La composition en webdesign diffère un peu de la composition en photographie car le webdesign doit prendre en compte un ensemble d’objets constitués de textes et d’images pour former un tout cohérent.

Les facteurs qui interviennent dans la composition

Beaucoup de facteurs peuvent être pris en considération pour élaborer une composition. Je vais essayer d’en faire une énumération ici. Pour chacun d’entre eux, je ne rentrerai pas dans les détails car certains de ces facteurs seront traités dans des articles ultérieurement.

Pour élaborer une composition, vous pouvez vous appuyer sur les notions suivantes:

Les règles de composition

Au cours des siècles, les artistes et les architectes ont définies des règles de composition empiriques basées sur l’expérience et l’observation de la nature. Ces règles, vous en avez probablement déjà entendu parlé. Il s’agit de la règle des tiers et de la règle du nombre d’or.

J’ai déjà parlé du nombre d’or dans un paragraphe de mon article « Utiliser une grille« .

Présentons rapidement ces deux règles:

Ces règles sont des méthodes de placement du ou des sujets importants de l’image de tel sorte que la composition nous paraissent harmonieuse tout en restant dynamique. Le défaut du photographe débutant est de centrer ses sujets dans ses compositions. Ce type de choix n’est pas mal en soi mais rend la composition statique et donc un brun ennuyeuse.

Voici où placer les centres d’intérêt d’une image selon ces deux règles de composition harmonieuse: (centres d’intérêts = quatre points dessinés)

blog_011008_reglesComposition.png

Le sens de lecture

Selon des études d’observations de type eyes-tracking, les personnes de culture occidentale parcourent une image de haut en bas et de gauche vers la droite selon un trajet en Z. Ce n’est pas un hasard si les logos sur les documents ou les pages web sont souvent placés en haut à gauche.

De même, il semble que la gauche de l’image se réfère au passé et la droite au futur.

Un personnage qui marche et qui se dirige vers la droite de l’image sera interprété comme une personne qui s’éloigne alors que si la personne se dirige vers la gauche de l’image, on aura tendance à penser qu’elle revient sur ses pas.

Dans la même veine, un escalier nous semble descendre si il parcours l’image du coin haut-gauche vers le coin bas-droite et monter si il commence du coin bas-gauche et se termine au coin haut-droite.

blog_011008_senslecture.png

Le point de vue

Le changement du point de vue change la composition de l’image. En effet, la forme d’un objet ne sera pas la même si il est représenté ou photographié selon deux points de vue différents.

Choisir un point de vue inhabituel peut montrer un objet banal sous un nouvel angle et changer le regard du spectateur sur cet objet.

En choisissant où vous placez l’horizon dans votre composition, vous changez l’expression de l’image. Un point de vue bas, inclue de façon plus importante le premier plan et fait rentrer le spectateur du bas vers le haut de l’image. Un personnage pris en contre plongée lui donnera un air dominateur. Inversement, un point de vue élevé vous détache de la scène. Vue de haut, un personnage semble plus petit et dominé.

L’échelle

Vous pouvez jouer avec l’échelle dans une composition à condition que vous donniez des indices visuels qui permettent à l’observateur d’apprécier cette échelle. En plaçant un objet connu sur l’image vous révèlerez par comparaison le petitesse ou le gigantisme des autres éléments.

Les éléments formels

Il s’agit du point, de la ligne, des courbes et des formes. Ces éléments, selon la façon dont ils sont placés, orientés, leur taille … n’expriment pas la même chose. Par exemple, des lignes courbes expriment la douceur, la féminité alors que des lignes hachées expriment le cahot, le désordre. Cela est aussi valable pour les formes. Un carré va exprimer l’ordre, la stabilité, la robustesse alors qu’un cercle va exprimer par exemple l’équilibre, l’infini, le renouvèlement.

Lorsque plusieurs objets sont présents dans une composition, ils rentrent en relation, interagissent entre eux, se concurrencent ou s’équilibrent. Des lignes optiques se forment sur lesquelles le regard peut se laisser guider. Ces lignes virtuelles sont de véritables lignes de force qui accompagnent l’observateur dans sa lecture de l’image. Vous pouvez vous en servir pour attirer l’attention de l’observateur vers un centre d’intérêt.

L’équilibre

Si vous êtes à la recherche d’une composition harmonieuse, vous allez essayer d’équilibrer votre composition. Il y a plusieurs paramètres qui permettent d’équilibrer une composition: la répartition des tons, des couleurs, des objets. La répartition des objets sur les différents plans.

Le poids de chaque objet dans une composition va être influencé par sa taille, sa couleur, sa valeur. Les caractéristiques qui augmentent le poids d’un objet sont l’importance de sa taille dans le cadre, l’assombrissement de sa valeur, son contraste, sa densité. Par exemple un petit objet dense et sombre peut être équilibré par un objet plus grand mais plus clair placé en opposition par rapport à un axe central.

La symétrie

Nous sommes sensible à la symétrie car on la trouve en abondance chez les êtres vivants et dans notre anatomie. Cette symétrie quelle soit radiale ou axiale apporte de la structure à l’image mais en revanche la stabilise au point de la rendre parfois trop statique, superficielle, ennuyeuse.

La symétrie est aussi un bon moyen d’équilibrer une composition si c’est l’effet recherché.

Le relation entre le premier plan et le second plan

Vous pouvez, en jouant sur plusieurs plans, simuler la profondeur. Pour cela vous pouvez intervenir sur la profondeur de champs ou la superposition des objets. Arrangez-vous pour que les différents plans ne rentrent pas en concurrence. Un plan sera mis en avant si il est plus net que les autres ou plus contrasté.

Les contrastes

Le contraste est un outil formidable pour retenir l’attention de l’observateur. Le contraste est basé sur une opposition entre deux objets. Sachez qu’il existe plusieurs manière de le générer. Nous en reparlerons dans un article ultérieur.

Conclusion

La composition est une notion incontournable de l’expression graphique qui vous aide à donner du sens à vos images ou à raconter une histoire. Plusieurs facteurs sont à prendre en compte pour vous aider dans cette tâche mais avant de composer votre image réfléchissez à ce que vous voulez exprimer.

Sources:

- Ouvrage « Composition » de David Präkel – Edition La compagnie du livre.

4 commentaires
S'abonner aux commentaires via RSS
(URL de trackback)

  • 1. Spartan
    le 16.10.08 (17:29)

    Article très instructif encore une fois.

  • 2. Corot
    le 22.10.08 (13:36)

    Intéressant.Je reste dans l’attente d’un appro-
    fondissement de ces notions générales, et vous en remercie.

  • [...] Pour en savoir plus sur la règle des tiers ou d’autres points concernant la composition, je vous renvoie vers cet autre article de Pixenjoy très bien expliqué et je vous recommande de “fouiller” le blog pour trouver d’autres articles s’y relatant : Langage visuel : la composition [...]

  • 4. R Fire
    le 09.07.09 (22:37)

    Et bien merci beaucoup pour cet article aussi exhaustif sur le contraste ( que je cherchais un peu partout).
    Bon, pour tout avouer, j’attendais un peu plus d’image…et j’ai l’impression qui lui manque un petit quelque chose… je suis resté un peu sur ma faim… mais bon..loin de moi l’idée d’être le râleur de base…
    J’en profite pour vous remercier d’avoir pris le temps d’écrire cet article!

    Sinon bravo pour le fond il est bien meilleur que le précédent : il est agréable à regarder et en même temps il respecte le partis pris original de la nouvelle charte graphique de votre site.
    Et la lecture de l’article est maintenant optimal (colonne de texte déplacée au centre, titre visible, police lisible).
    J’attends avec impatience votre nouvel article (ou un enrichissement de celui-là ?) .




Votre e-mail ne sera pas publié.