Disponible : Devenez un expert en présentation gratuitement Obtenir la certification

Couleur design pour les présentations : comment choisir les bonnes couleurs ?

Nayomi Chibana
Écrit par Nayomi Chibana
Publié le Juil 04, 2023
Couleur design pour les présentations : comment choisir les bonnes couleurs ?

Les couleurs design sont autour de nous. Pensez-y. Le bleu vif dans le ciel clair du matin nous fait nous sentir vivants et libres ; les violets et rouges profonds des fleurs qui fleurissent au printemps évoquent des émotions de chaleur, de vie et d'énergie ; le ciel noir au beau milieu de la nuit, suscite des pensées de mystère et de séduction.

Que nous en soyons conscients ou non, les couleurs évoquent en nous toute une gamme d'émotions qui nous amènent souvent à apprécier un certain cadre, à nous sentir attirés par un produit particulier ou même à rejeter une idée spécifique. Ils travaillent à un niveau subliminal, presque viscéral, que nous tenons souvent pour acquis.

Sachant cela, il est impératif pour quiconque qui s'efforce de devenir un meilleur designer de se familiariser avec les bases de la théorie des couleurs design et de choisir les schémas de couleurs les plus efficaces pour les présentations, les infographies et autres contenus visuels.

Simplify content creation
and brand management for your team

  • Collaborate on designs, mockups and wireframes with your non-design colleagues
  • Lock down your branding to maintain brand consistency throughout your designs
  • Why start from scratch? Save time with 1000s of professional branded templates

Inscrivez-vous Gratuitement

Simplify content creation and brand management for your team

Pour vous aider dans votre cheminement pour devenir un designer DIY, nous avons compilé quelques conseils utiles pour choisir des schémas de couleurs harmonieux et percutants qui ont le pouvoir de déplacer votre public vers une action spécifique.

 

Bases de la théorie des couleurs

The basics of the color wheel for presentation design from Presentitude

 

Tout comme les gens sont souvent jugés sur leur apparence physique, votre contenu sera également jugé sur les éléments de design utilisés - plusieurs fois avant même qu'il ne soit lu.

C'est pourquoi il est si important de savoir ce que chaque couleur dit réellement à votre public. Passons donc aux bases de la théorie des couleurs.

La roue chromatique a été le premier modèle utilisé pour illustrer la relation entre différentes couleurs. Les plus élémentaires d'entre elles sont les couleurs primaires, qui sont le rouge, le bleu et le jaune. Elles ne peuvent pas être fabriquées en mélangeant deux couleurs et, comme leur nom l'indique, elles sont à la base de toutes les autres couleurs.

 

1

Les couleurs secondaires sont dérivées de combinaisons des couleurs primaires : le violet, le orange et le vert.

2

Enfin, les couleurs tertiaires sont créées lorsque vous combinez une couleur primaire avec une couleur secondaire, ce qui donne l'une des six couleurs suivantes : rouge-orange, rouge-violet, bleu-violet, bleu-vert, jaune-vert et jaune-orange.

3

Ces 12 couleurs composent la roue chromatique complète :

4

Ensuite, il est important de différencier les teintes, les tons et les nuances. Lorsqu'une couleur est mélangée à du blanc, vous créez des teintes. Celles-ci sont plus claires que la teinte pure :

5

Lorsqu'une couleur est mélangée à du gris, vous créez des tons plus ternes que la teinte pure :

6

Quand une couleur est combinée avec du noir, vous avez des nuances. Celles-ci sont plus foncées que la teinte d'origine :

7

À ce stade, vous vous demandez peut-être : "Pourquoi n'y a-t-il pas de noir et blanc sur la roue chromatique?" La réponse simple est que le noir est l'absence de couleur, tandis que le blanc est la combinaison de toutes les couleurs. (Pour une explication plus détaillée, vous pouvez cliquer sur la page ici.)

 

Ce que signifient les couleurs

8

Les couleurs parlent d'elles-mêmes. La couleur est si puissante, qu'elle peut améliorer l'apprentissage jusqu'à 75% et augmenter la compréhension d'un sujet jusqu'à 73%.

Alors que les couleurs chaudes communiquent de l'énergie, de l'optimisme et de l'enthousiasme, les couleurs froides envoient un message de fiabilité, de professionnalisme et de paix.

Au sein de ces catégories, chaque couleur est associée à une émotion ou à un concept, selon le contexte culturel (alors que le rouge peut signifier la passion et l'amour en Occident, en Chine, il est associé à la prospérité). Selon Smashing Magazine, certaines des associations les plus courantes faites en Occident incluent :

  • Rouge : passion, romance, colère
  • Orange : optimisme, bonheur, énergie
  • Jaune : bonheur, espoir
  • Vert : fertilité, nature, abondance
  • Bleu : professionnalisme, calme, transparence
  • Violet : luxe, royauté, créativité
  • Noir : élégance, mystère, obscurité
  • Blanc : pureté, propreté
  • Marron : endurance, fiabilité, nature
  • Beige : neutralité, chaleur, simplicité

 

Comment combiner les couleurs dans votre design

Maintenant que nous avons parcouru les bases de la roue chromatique, nous pouvons passer par le processus de création de différentes combinaisons de couleurs design.

Pour ce faire, il faut d'abord apprendre les différentes classifications des couleurs, en fonction de leur placement sur la roue chromatique.

 

Couleurs chaudes

Par exemple, les couleurs chaudes sur la roue sont les rouges, les oranges et les jaunes :

9

 

Couleurs froides

En face se trouvent les couleurs froides : les verts, les bleus et les violets :

10

 

Couleurs complémentaires

Pour créer des combinaisons de couleurs complémentaires, vous devez sélectionner deux couleurs opposées, comme une couleur chaude comme l'orange et une couleur froide comme le bleu :

how-to-choose-a-color-scheme-complementary colors

 

Séparer les couleurs complémentaires

Celles-ci sont composées de deux couleurs adjacentes et d'une autre couleur complémentaire :

how-to-choose-a-color-scheme-split-complementary-colors

 

Triades et combinaisons de couleurs tétradiques

Ces schémas de couleurs utilisent des formes géométriques pour choisir et combiner trois ou quatre teintes différentes de la roue chromatique :

13

 

Couleurs analogues

Ces couleurs sont côte à côte sur la roue chromatique :

14

 

Couleurs monochromes :

Ce type de combinaison de couleurs est composé de différentes teintes, tons et nuances d'une même teinte :

15

 

Comment choisir la palette de couleurs idéale

En plus de consulter la roue chromatique pour sélectionner vos schémas de couleurs, comme indiqué ci-dessus, il y a quelques autres conseils pratiques à garder à l'esprit.

 

Contraste élevé

D'une part, il est important de créer des diapositives à contraste élevé pour obtenir le plus grand impact possible. Par exemple, si vous avez un arrière-plan sombre, il est facile d'utiliser une police plus claire.

Ou si vous avez choisi une palette de couleurs monochromes, vous souhaitez accentuer les détails importants avec une couleur complémentaire sur le côté opposé de la roue chromatique.

Il est important de comprendre que le contraste ne consiste pas simplement à choisir différentes couleurs, mais à sélectionner celles qui créeront le plus d'intérêt visuel lorsqu'elles seront placées côte à côte.

Étant donné que les teintes pures ont toutes les mêmes niveaux de saturation (l'intensité d'une couleur) et de valeur (le degré de clarté ou d'obscurité d'une couleur), la création d'une combinaison avec uniquement des teintes pures se traduira par un schéma peu impressionnant. C'est pourquoi l'utilisation de différents tons, nuances et teintes est si vitale pour une présentation efficace.

Par exemple, dans la palette de couleurs ci-dessous, l'utilisation de différents tons, nuances et teintes en fait une combinaison très accrocheuse :

16

Via Smashing Magazine

Selon Smashing Magazine, un moyen simple mais efficace de créer votre propre jeu de couleurs à contraste élevé consiste à sélectionner des tons, des nuances et des teintes variables d'une couleur spécifique (pas la teinte pure), puis de sélectionner une autre couleur pure à au moins trois espaces de distance sur la roue pour agir comme une couleur d'accent.

 

Restez simple

Vous avez probablement déjà entendu cela auparavant, mais lorsqu'il s'agit de design, less is more. Essayez de rester simple et n'utilisez pas trop de couleurs. En général, trois à quatre couleurs suffisent pour une présentation.

 

La règle du 60-30-10

Selon la société de présentation primée Ethos3, un moyen simple de créer une présentation équilibrée consiste à respecter la règle 60-30-10.

Cela signifie que si vous avez choisi trois couleurs, comme recommandé ci-dessus, vous devez consacrer 60% de l'espace sur vos diapositives à la couleur primaire, 30% à la secondaire et 10% à la couleur d'accentuation.

 

Diffusez le contenu

Une autre règle simple consiste à répartir votre contenu en petits morceaux tout au long de votre présentation afin qu'il soit aussi facile à comprendre que possible.

L'époque où vous créiez des présentations avec 10 ou 15 diapositives est révolue depuis longtemps. De nos jours, les présentations attrayantes qui peuvent être visionnées en moins de 3 minutes se composent de 50 à 60 diapositives.

Pourquoi ? Parce que plus le nombre de diapositives est faible, plus vous avez probablement entassé d'informations dans chaque diapositive. D'un autre côté, plus le nombre de diapositives est élevé, plus il y a de visuels et moins vous avez probablement utilisé de mots pour expliquer chaque concept.

 

Comment créer vos propres palettes de couleurs

Le secret d'un designer pour trouver le bon schéma de couleurs pour votre présentation consiste à utiliser l'outil Adobe Color CC.

Non seulement il vous donnera le choix parmi des centaines de palettes prédéfinies, ainsi que la possibilité de créer des schémas de couleurs basés sur la roue chromatique, mais il vous permettra également de créer des palettes de couleurs vives à partir de vos photos préférées.

Tout ce que vous avez à faire est de télécharger une image avec un jeu de couleurs design qui évoque les émotions que vous recherchez, puis d'enregistrer les codes de couleur hexadécimaux générés par l'outil.

Par exemple, nous avons choisi cette image pour la façon dont les couleurs transmettent le calme et la chaleur :

picjumbo

L'outil a ensuite généré ce schéma de couleurs pour nous :

color1

Le petit plus de cet outil est que vous pouvez ensuite modifier ce schéma en choisissant parmi une variété de styles : colorées, lumineuses, sourdes, profondes et sombres :

color2

Nous avons alors choisi ce schéma :

color3

Et voici à quoi cela ressemble sur une diapositive :

example

Que diriez-vous de vos schémas de couleurs ? Transmettent-ils les bonnes émotions ? Nous aimerions savoir ce que vous en pensez. Écrivez-nous simplement une ligne dans la section des commentaires ci-dessous.

Et si vous voulez apprendre tous nos secrets sur la façon de faire une présentation inoubliable (ainsi que sur la façon de créer des diapositives visuelles avec impact), utilisez notre e-book gratuit ci-dessous.

CTA-E-book-Presentations-002
Nayomi Chibana
Écrit par Nayomi Chibana

Nayomi Chibana is a journalist and writer for Visme’s Visual Learning Center. Besides researching trends in visual communication and next-generation storytelling, she’s passionate about data-driven content.

Créez un contenu épatant!

Développez votre identité visuelle et votre image de marque, que vous soyez un graphiste expérimenté ou bien un débutant.

Testez Visme gratuitement