Contrastes de couleurs et de valeurs



Documents pareils
Pourquoi utiliser des visuels et des logiciels de présentation?

Pop-Art façon Roy Liechtenstein

Ni tout noir, ni tout blanc Consignes Thème I - Observer

Les couleurs. Un peintre distrait a oublié les noms des couleurs de sa palette : tu peux l aider à reconstituer l ordre correct (de gauche à droite)?

Ces conseils vous sont offerts par Retrouvez tous nos produits et nos astuces sur notre site.

Ces conseils vous sont offerts par Retrouvez tous nos produits et nos astuces sur notre site.

QUESTIONNAIRE CAHIER DES CHARGES POUR FACILITER LA CREATION DE VOTRE SITE WEB

LES TOUT PREMIERS PAS

Nom : Prénom :. Date :..Classe : 2 TECHNIQUES DE MODIFICATION DE LA COULEUR DES CHEVEUX

Ces conseils vous sont offerts par Retrouvez tous nos produits et nos astuces sur notre site.

VIVRE LA COULEUR DOSSIER PÉDAGOGIQUE. Musée des beaux-arts de Brest

GUIDE DE PARTICIPATION À UNE VIDÉOCONFÉRENCE SERVICE DES TECHNOLOGIES DE L INFORMATION ET DES COMMUNICATIONS

GUIDE. des BONNES EN COULEUR. accessibilité. En partenariat :

Le code à barres EAN 13 mes premiers pas...

Les bases de l étalonnage avec Adobe Premiere Pro Formation de Duduf

Jean Dubuffet AUTOPORTRAIT II

Lunettes et Maquillage TECHNIQUE MAQUILLAGE

Rédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web

ACCORD DES ADJECTIFS DE COULEUR Exercice d introduction

fiche m mo technique

Créer un magnifique en-tête web

Niveau 2 nde THEME : L UNIVERS. Programme : BO spécial n 4 du 29/04/10 L UNIVERS

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

Choisir entre le détourage plume et le détourage par les couches.

RAWYA, YOUSSEF, SELIM, TARIQ, HUGO, EMILIE, WILFRIED, IBRAHIM, NIPUN et VALÉRIE DU CHÉNÉ

Tutoriel. Votre site web en 30 minutes

# 1. PERSONNES ASSURÉES 1.1 PERSONNES VISÉES PAR L'ACCORD

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

Manuel d utilisation 26 juin Tâche à effectuer : écrire un algorithme 2

Compétence 3.4 : Créer des présentations qui intègrent un usage pertinent de ressources TIC.

Comparer des surfaces suivant leur aire en utilisant leurs propriétés géométriques Découverte et manipulation

Plus petit, plus grand, ranger et comparer

Création - Impression - Internet

Ce tutoriel, créé sans prétention artistique, à pour but de mettre en avant l une des nombreuses possibilités qu offre ce logiciel.

My Custom Design ver.1.0

Créer et gérer une newsletter Comment créer et faire vivre une lettre d information au sein de votre entreprise?

G U I D E D U T I L I S A T I O N LIFTING IDENTITÉ VISUELLE

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

SEO On-page. Avez-vous mis toutes les chances de votre côté pour le référencement de votre site?

Conférence du 17 décembre 2008 Gestion de l image de soi

TD : Codage des images

7. Exemples de tests pour détecter les différents troubles de la vision.

LE PROJOPHONE de Fresnel

T u t o r i e l s PhotoFiltre

Adobe Illustrator Logiciel de dessin vectoriel et de Cartographie Assistée par Ordinateur

IMAGINEZ UNE NOUVELLE FACON DE PEINDRE!

CHARTE. d utilisation de la marque Sage par les partenaires

Collection de photos échantillons

Consigne : je remplis le tableau en tenant compte des informations de la ligne supérieure et de la colonne de gauche (droite pour les gauchers)

Mon aide mémoire traitement de texte (Microsoft Word)

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi

Conseils pour rédiger vos posters scientifiques

Le maquillage des yeux

Ecran : Processeur : OS : Caméra : Communication : Mémoire : Connectique : Audio : Batterie : Autonomie : Dimensions : Poids : DAS :

Paramètres d accessibilité des systèmes d exploitation Windows et Mac

Utiliser iphoto avec icloud

Nom : Groupe : Date : 1. Quels sont les deux types de dessins les plus utilisés en technologie?

Conseils au masculin, l harmonie des couleurs et des proportions selon Byraub

[WINDOWS 7 - LES FICHIERS] 28 avril Logiciel / Windows

Mise en route de Cobian Backup

Design percé. Styling Booklet

Dragon Naturally Speaking 13

Lightroom. Chambre noire numérique. Organisation. Lightroom Catalog.lrcat. Lightroom Catalog Previews.lrdata 2005, 2006, 2007

CRÉER UN COURS EN LIGNE

Charte éditoriale 1- Comment préparer un contenu écrit pour le Web?

Fluorescent ou phosphorescent?

NOS DESSIN FORMATIONS. PAOMULTIMEDIAWEB3DCINEMAAUDIOVISUEL La formation idéale existe, nous l avons inventée!

1. L ENTREPRISE 2. CARACTERISTIQUES ET DEROULEMENT DE LA PRESTATION CHARTE QUALITE 2.1. DEMARCHE VOLONTAIRE 2.2. REALISATION DE L AUDIT

Galerie de photos échantillons SB-910

M1105 Web Design Analyse Sectorielle Sites de grands musées

ENT ONE Note de version. Version 1.10

Monstre marin. Valentin. Sa tête est ronde et rose. Il a de grands yeux orange. Il a une bouche jaune, énorme, son nez est vert et rond,

SYSTEME D AMBIANCE LUMINEUSE: INTERÊT DANS LE SCANNER DE LA MERE ET DE L ENFANT. JFR 2008 Hôpital Robert Debré - Imagerie Pédiatrique

Académie de Créteil. Projet présenté autour de l album «Trois souris peintres» d Ellen Stoll Walsh

7, rue Jules Ferry Bagnolet contact@riofluo.com

LIVRET DE facebook.com/asmadigames

Utiliser le site learningapps.org pour créer des activités interactives

Table des matières A. Introduction... 4 B. Principes généraux... 5 C. Exemple de formule (à réaliser) :... 7 D. Exercice pour réaliser une facture

Infographie en prémédia (extrait) 581.D0

Conservez la documentation à portée de main pour toute référence future. Le terme «pointeur» dans ce manuel désigne le pointeur interactif YA-P10.

Date M.P Libellé Catégorie S.Catégorie Crédit Débit Solde S.B

TUTORIEL PAINTPOT. Louise Henninot - Anne- Cécile Patou - Julie Roquefort

GUIDE POUR AGIR. Comment RÉDIGER. une lettre de MOTIVATION JE RECHERCHE DES OFFRES D EMPLOI ET J Y RÉPONDS. Avec le soutien du Fonds social européen

Leçon N 5 PICASA Généralités

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Tél : / relookingjanique@hotmail.com

Le seul ami de Batman

Blocs ID Craft Commentaires Infos Méta-données

Je sais utiliser. Création d une galerie photo pour un site Web. Picasa crée les documents. HTML pour insérer une galerie de photos dans un site web

Cet atelier a pour objectif de renforcer le vocabulaire vu lors de la SAE sur le téléphone et de sensibiliser les élèves à l écrit.

IMAGES NUMÉRIQUES MATRICIELLES EN SCILAB

Bosch DCN Next Generation Applications

Guide plateforme FOAD ESJ Lille

STRUCTURE DE L ORDINATEUR

Voici Léa : elle est blonde et elle a les yeux bleus. Elle a douze ans. Elle porte un t-shirt blanc. a. b. c.

Les images numériques. 1. Le dessin vectoriel

KM2 W1 EVC1 M3~ Manuel AUTOMSIM API 24V. BP Dcy 1MINI 1MAXI.

... identité visuelle logotype. CONCEPTION GRAPHIQUE [ print / web ]

Fiche Pratique. Présentation du problème. Installation du logiciel. Etape 1. MAJ le 17/10/2011

Transcription:

Le contraste de couleurs Deux couleurs opposées sur le cercle chromatique sont dites complémentaires. Utilisées dans une même image, elles se mettent mutuellement en valeur en créant un effet de contraste de couleur maximum. Dans le cercle chromatique ci-contre, on voit que le vert est diamétralement opposé au magenta, ce sont effectivement deux couleurs complémentaires. Le bleu est opposé au jaune, ce sont deux autres couleurs complémentaires. Une composition de couleurs complémentaires harmonieuse est délicate à réussir. Essayez de juxtaposer deux rectangles, de même surface, vert et magenta ou bleu et jaune, vous voyez immédiatement que le résultat n est pas très heureux ( A et B ). L harmonie ne peut venir que d une composition répartissant les surfaces colorées de façon à procurer une sensation harmonieuse. Regardez ces quelques exemples qui illustrent notre propos, certaines images sont laides, d autres plus harmonieuses, à vous de juger : A B 1

Selon le but recherché, le contraste de couleurs peut être adouci en n utilisant pas la couleur directement opposée sur le cercle chromatique mais une couleur adjacente par exemple : A B C Dans la composition ( A ) ci-dessus, le jaune utilisé est la couleur complémentaire directe du bleu car sur le cercle chromatique elle lui est diamétralement opposée. Dans la composition ( B ) c est le jaune doré qui a été utilisé, sur le cercle chromatique, ce jaune doré est situé à droite du jaune pur. Le contraste de couleurs reste soutenu mais la composition est plus harmonieuse. La composition ( C ) fait appel au jaune vert situé à gauche sur le cercle chromatique. L ensemble est plus froid mais reste contrasté et harmonieux. Le contraste de valeurs Le contraste de valeurs est celui dans lequel la couleur n intervient pas, c est une opposition créée par deux densités. Ces deux densités peuvent, bien entendu être de couleurs différentes, ou de même couleur. En juxtaposant du noir et du blanc, on crée un effet de contraste maximum. Palette des valeurs Contraste de valeurs maximum Faible contraste de valeurs 2

En image de communication, l utilisation conjointe, et judicieuse, des contrastes de valeurs et de couleurs permet de mettre en évidence, d imposer la lecture des textes les plus importants. Si nous étions de purs artistes, libres de créer selon notre sensibilité, nous pourrions expérimenter des compositions sans trop nous soucier des règles, l essentiel étant la liberté de création mais le métier que nous avons choisi nous impose de composer des visuels d abord lisibles, ensuite esthétiques. C est pourquoi nous insistons autant sur les contrastes. Il y a différents niveaux dans le texte d un message, on ne peut pas tout privilégier sans risquer la pire des confusions. Appliquer la règle des contrastes de couleurs et de valeurs à tout le texte d une communication, serait un très mauvais choix, imaginez 50 pages de 20 lignes de texte jaune sur fond bleu Mettre en application les règles que nous venons de voir nécessite avant tout une analyse du texte du message à communiquer suivie d une hiérarchisation : titres, sous-titres, mots-clés etc. Cette analyse nous permettra de décider des textes ( ou objets ) à privilégier. Le camaïeu Le fond du visuel doit se faire oublier. Sa fonction unique est de mettre en valeur le message, le plus agréablement possible. Lors de la conception de la charte graphique de la présentation, il vaut mieux avoir en tête toutes les couleurs que nous voulons ( ou que nous devrons ) utiliser avant de concevoir le fond. Il est bien évident qu un texte orange ne se comporte pas de la même façon sur un fond rouge que sur un fond bleu. Tenter de faire de ce fond une œuvre de création de premier niveau correspondrait à superposer deux messages différents : l un à prétention artistique ( le fond ), l autre à teneur utilitaire ( le message ). Le résultat amènerait immanquablement un effet de confusion visuelle sur l auditoire. Un fond discret n est pas forcément un fond banal et monotone. 3

Le recours à la technique artistique du camaïeu est très utile pour la création des arrière-plans de visuels de projection. Les peintres se sont servis, et se servent toujours de cette technique. Cette toile de Canaletto a été peinte en camaïeu dans une palette d ocres et de jaunes dorés. La charte graphique de la présentation Cadbury illustre bien le chapitre que nous étudions : Afin de le mettre en valeur, Gagner! est en jaune sur un fond bleu. Pour éviter la monotonie d un bleu uni, le graphisme étudié pour le fond est réalisé dans un camaïeu de bleus. Remarquez aussi que la trame en relief étudiée pour ce fond rayonne vers le logotype de l entreprise qui est ainsi présent, mis en valeur, sans voler la vedette au message : Gagner! Dans quel environnement Si ce visuel est efficace c est que le rapport de surfaces Jaune sur Bleu rend l image agréable. Si l ordre des rapports était inversé, le résultat ne fonctionnerait pas de la même façon et serait même assez laid. Chaque couleur a la particularité de générer et projeter sur son environnement sa couleur complémentaire. Si cette couleur complémentaire fait partie de la composition, elle paraît alors plus éclatante. Nous allons réaliser une expérience pour essayer de mettre en évidence cette caractéristique : Je projette un fond bleu contenant un cercle jaune ( gauche sur l illustra- 4

Cercle jaune Rémanence bleue Cercle magenta Rémanence verte tion ). Si la vue suivante est un écran blanc, je peux voir à l emplacement où était le cercle jaune, un cercle bleu clair ( le bleu est la couleur complémentaire du jaune ). Répétons l expérience avec un fond vert contenant un cercle magenta. Le même effet se produit, mais le cercle qui apparaît est vert ( couleur complémentaire du magenta ). Cet expérience de rémanence complémentaire matérialise un des effets de l action des couleurs complémentaires. Si vous êtes myope ou daltonien, vous risquez de ne pas voir cet effet, ou peut-être de le voir différemment, nous en sommes désolés Concevoir la palette couleurs d une présentation Si vous ne deviez retenir que quelques phrases de ce chapitre, que ce soient les trois aphorismes suivants : Ne jamais définir une couleur hors de son contexte d utilisation ( Exemple : du jaune peut mettre un texte en valeur sur un fond sombre, sur un fond blanc il l éteindra complètement ). Un fond sert à mettre en valeur le premier plan. La maîtrise, en harmonie, des contrastes de valeurs et de couleurs est la clé d une présentation réussie. ( Il ne faut pas chercher à tout mettre en valeur dans un visuel, trop d effets sont nuisibles à l image ) Attention aussi aux goûts personnels et aux modes en matière de choix de couleurs. 5

Certaines personnes essaieront de vous influencer : j ai horreur du violet Je n aime pas le vert Mon patron déteste le jaune En vous soumettant, à tous les avis, vous risquez rapidement d être très limité dans le choix des couleurs. Proposez votre choix de couleurs en vous appuyant sur une maquette et en préparent de bons arguments. Il est toutefois bien évident que certaines activités condamnent certaines couleurs en présentation. Si vous travaillez pour une entreprise de Pompes Funèbres, il vous sera difficile de faire passer un fond rouge, même si vous adorez le rouge. Les bonnes couleurs sont celles qui permettent au message d être immédiatement perçu en procurant une sensation d ordre, de clarté et d esthétique en collant le plus possible à la nature de l activité du Groupe Social pour lequel on exerce. Lors de la définition de la charte graphique d une présentation, selon que vous vous orientez vers un fond clair ou sombre, souvenez-vous que certaines couleurs, les bleus, les verts, les violets, par exemple, peuvent être assombris jusqu à la limite du noir en conservant leurs caractéristiques intrinsèques. Un bleu foncé sera toujours bleu même s il est très sombre, de même pour le vert et le violet. Une charte graphique pré-existante, ou la nature même de la présentation que vous préparez peut vous amener à envisager un fond jaune ou orange. Assombrir un jaune ou un orange produirait un marron peu esthétique. Dans un tel cas, vous serez donc contraint de travailler sur un fond clair, vif ou pastel. Il est rare qu une présentation soit destinée à être lue sur l écran d un PC. Elle sera certainement projetée devant une assemblée à l aide d un vidéo projecteur. En raison de la diffusion inhérente à tout système optique, un texte clair sur un fond sombre a tendance, visuellement, à s expanser, il paraîtra plus gras et aura tendance à se projeter en avant, en produisant comme un effet de perspective aérienne. En utilisant des caractères sombres sur un fond clair, c est le contraire qui se produira. La diffusion de la couleur de fond tend à réduire, visuellement la graisse des caractères tout en interférant sur leur couleur. Le 6

résultat est une diminution de la lisibilité et une réduction, de fait, de la palette de couleur utilisable sur de tels fonds. Attention aussi à l effet d écran, faites une expérience : créez un visuel à fond jaune et tapez dessus un texte bleu foncé Le bleu conserve ses caractéristiques sur votre écran Faites un essai de projection et appréciez objectivement les résultats Conserverez-vous la couleur bleue pour le texte sur votre fond jaune? Si vous devez créer une charte graphique basée sur une palette de couleurs que vous avez, jusqu ici, peu utilisées, faites un visuel et testez-le en projection. Vous aurez aussi à accepter des habitudes conventionnelles de certaines corporations, par exemple les scientifiques aiment bien un fond bleu simple et dépouillé, titre jaune et texte blanc. Même dans une présentation d une rigueur spartiate, en soignant la mise en page, en accordant beaucoup d importance au traitement des illustrations et en respectant bien les règles des contrastes de valeurs et de couleurs, il vous sera possible de réaliser des visuels précis, lisibles et agréables. Le Build-Up Le build-up est un sommaire affiché qui sert à rappeler à l auditoire, et à l orateur, la partie du discours qui est traitée. Chaque fois que l orateur change de chapitre, le titre qu il aborde apparaît en caractères clairs alors que les titres, déjà traités, sont dans une couleur plus sombre. Les points non encore traités n apparaissent pas. Le buid-up est une application de la règle du contraste de valeurs, le point à mettre en évidence est affiché en valeur claire alors que les points déjà évoqués sont traités en valeurs plus sombres, en camaïeu dans le fond. Auteur : Joseph BIANCAMARIA. 7