Comprendre les couleurs

Transcription

1

2 Comprendre les couleurs RVB CMJN Pantone

3 Comprendre les couleurs RVB Rouge/Vert/Bleu (ou RGB de l anglais red green blue) Les couleurs écran (TV, ordinateurs)

4 Comprendre les couleurs : CMJN 1/2 CMJN Cyan/Magenta/Jaune/Noir (ou CMYK de l anglais Cyan Magenta Yellow, Key (Black)) Les couleurs d impression (imprimerie) Permet d imprimer en quadrichromie

5 Comprendre les couleurs : CMJN 2/2 La quadrichromie (ou quadri) est un procédé d imprimerie permettant de reproduire un large spectre colorimétrique à partir des trois teintes de base (cyan, magenta et jaune) auxquelles on ajoute le noir.

6 La décomposition de la quadrichromie 1/2 cyan + noir magenta + noir magenta + jaune + noir cyan + jaune + noir jaune + noir L image d origine cyan + magenta + noir

7 La décomposition de la quadrichromie 2/2 Pour imprimer correctement une quadri, chaque trame doit être orientée avec précision (automatisé lors du flashage). Cyan : 15 Magenta : 75 Jaune : 0 Noir : 45 Inclinaison des angles de trame

8 Pantone 1/2 La gamme de tons Pantone (développée en 1963) est une gamme prédéfinie. Chaque couleur est référencée. Aucune erreur lors de l impression. Le Pantone est appliqué en «ton direct» ou en 5 ème couleur (voire 6 ème ou 7 ème couleur) dans le cas de la quadrichromie (CMJN). Cela implique généralement un surcoût lors de l impression.

9 Pantone 2/2 Le Nuancier Pantone, également appelé Pantonier, est très utilisé en imprimerie : il comporte huit cents tonalités différentes. Il est possible de décomposer un ton Pantone en Quadrichromie ; le résultat est approchant mais pas exact.

10 Les couleurs 1/10 Choix de la couleur Utilisation de la couleur Sémantique des couleurs

11 Les couleurs 2/10 La couleur est un code, un langage, un signe. Ne jamais choisir les couleurs primaires dans une quadrichromie en 5ème couleur ou en couleur unique. Ce sont des couleurs d impression. Les couleurs quadri sont superposables et transparentes. Les couleurs Pantone sont uniques. Possibilité de créer sa propre couleur (rouge Ferrari, vert RATP, etc.)

12 Les couleurs 3/10 Le rouge la couleur la plus visible La vie Émotion Affects Excès Positif : mouvement, extrême, performance, exploit Négatif : violent, agressif, tendu, danger

13 Les couleurs 4/10 L orange la couleur de l optimisme Masque tous les aspects négatifs du rouge Optimisme Chaleureux Bien-être Enthousiasme Forme Energie positive Actif Confiant

14 Les couleurs 5/10 Le jaune la couleur de la création, la recherche, les sciences, l innovation Intellect Pensée Concept Lumière Brillance, éclat

15 Les couleurs 6/10 Le rose Douceur Légèreté Sentiments

16 Les couleurs 7/10 Le violet Visible, invisible Mystère Occulte Fantastique Imaginaire

17 Les couleurs 8/10 Le vert Nature Ecologie Environnement Bio Terre, plantes Qualité de vie Sécurité Services (pharmacie, transport, etc.)

18 Les couleurs 9/10 Le bleu La communication Collectif, groupe, fédération (ex : l Europe) Association Services aux personnes (police, assistance) Mondialisation (Casques Bleus, Unicef, etc.) Réseau (ex : FaceBook) Institution Information Air Eau Glace Valeurs liées à l humain (tolérance, fraternité, confort)

19 Les couleurs 10/10 Le noir La couleur du graphisme Texte à lire sur papier Signature, marque Trait Dessin Lisibilité Impression

20 La charte graphique La charte graphique donne les règles fondamentales à appliquer, mais en aucun cas n est rigide. La charte graphique conserve une cohérence graphique dans les publications d une entreprise.

21 Exemple de contenu d une charte graphique Introduction Brand Section Technical Section PowerPoint Presentation Stationery, CD-Rom, Print Ads Pop-Up, Booth Graphics Miscellaneous Conclusion

22 Charte graphique : Le logo (exemple)

23 Charte graphique : Le logo (exemple)

24 Charte graphique : Typographie (exemple)

25 Charte graphique : Typographie (exemple)

26 Charte graphique : exemple

27 Charte graphique : exemple

28 Charte graphique : exemple Instructions techniques Règles typographiques

29 Charte graphique : exemple Nombre de mots/signes Emplacement des objets sur la page

30 Charte graphique : exemple Quand les règles sont suivies, il est très facile de créer une mise en page dans n importe quelle langue.

31 Charte graphique : exemple

32 Charte graphique : exemple

33 Evolution d une charte graphique Une charte graphique évolue Elle donne les fondamentaux Une maquette doit vivre

34 La communication visuelle Objectifs de la communication visuelle Clair Lisible Immédiat Fort Visible Global Beau Esthétique Émotions Maximum pour la visibilité : 36 pts (format A4 et A3) Minimum pour la lisibilité : 9 pts (format A4 et A3)

35 Relation image-texte (ou comment intégrer une image à l intérieur d un espace) Image à fond perdu Imaginaire Émotion Plaisir Affect

36 Relation image-texte (ou comment intégrer une image à l intérieur d un espace) Image cadrée Textuelle Information Document Rationnel Pédagogique

37 Relation image-texte (ou comment intégrer une image à l intérieur d un espace) Image encadrée Encadrée, l image devient une œuvre Plus-value Qualité Vérité Créateur Art

38 Relation image-texte (ou comment intégrer une image à l intérieur d un espace) Image cadrée à fond perdu Dynamique Mouvement Ouvre l espace

39 Relation image-texte (ou comment intégrer une image à l intérieur d un espace) Image détourée Isoler l objet, la forme, la silhouette La cote conventionnelle autour de l image doit être 5 mm

40 Relation image-texte (ou comment intégrer une image à l intérieur d un espace) Images superposées et superposées multiples Imaginaire Ludique Zapping Convulsif Jeu

41 L importance de l emplacement «texte-image» Priorité au texte Priorité à l image

42 Les médias audio-visuels Beaucoup de rouge. Police sans sérif.

43 Les medias papier ou web Pas de réelle règle typographique.

44 Logos de marques auto-moto Rouge prédominant. Polices de caractères exprimant la force, la solidité.

45 Logos «féminins» Police stylisée, couleur rose prédominante

46 Logos utilisés pour les régions, le terroir Prédominance du vert et du bleu