100% ont trouvé ce document utile (1 vote)
116 vues92 pages

Logos et typographie en design graphique

Le document traite des éléments graphiques d'une marque comme le logo, le logotype, le sigle. Il définit ces éléments et donne des exemples. Le document présente également les critères de qualité d'un élément graphique et ses supports d'utilisation possibles.

Transféré par

Kohan Jonkho
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
100% ont trouvé ce document utile (1 vote)
116 vues92 pages

Logos et typographie en design graphique

Le document traite des éléments graphiques d'une marque comme le logo, le logotype, le sigle. Il définit ces éléments et donne des exemples. Le document présente également les critères de qualité d'un élément graphique et ses supports d'utilisation possibles.

Transféré par

Kohan Jonkho
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Logos, logotype, sigle et autres

éléments graphiques
Le logo, le logotype, le sigle et la mouche

I - Le Logo

Le Logo
C est la représentation graphique d une raison sociale d entreprise ou d une

dénomination de produit ou de service.

- Dessin qui représente une marque ou une entreprise

Peut être

- Forme géométrique
- Pictogramme
- Forme géométrique + pictogramme

a - Logo forme géométrique

68
b logo pictogramme

c logo forme
géométrique + pictogramme

Un Logotype
Une représentation graphique et typographique d une entreprise ..

Peut être

- Forme géométrique + typo


- Pictogramme + typo
- Forme géométrique +pictogramme + typo
- Lettre image
- Mot image

69
Logotype Forme géométrique + typographie

un C sur fond bleu et rouge

70
Logotype Forme géométrique + Pictogramme + typo

Sy mbolique
Gé Aude, centre son activ ité sur l ducation à l'env ironnement,
- L'enfant est métaphore de l ducation la Fondation Mira
la sy mbiose de l homme et de
- Les feuilles dessinent un aperçu de l'env ironnement l animal
-Les cerfs volants que tient l'enf ant sont à la fois l'image
du réseau interconnecté et l'av enir
qu'il regarde, autre métaphore de l ducation
-le G de « Gée » Aude dessiné en spirale regroupe ces éléments
en un ensemble cohérent et dy namique,
symbole de l'action de Gée Aude et de
son réseau d'acteurs.

71
Logotype Pictogramme + typographie

Kibori
l atelier agencement propose un
service de rénovation d intérieur spécialisé dans

les bois, Hartford W aylers


(Les Balaine d Hartford)

a 3 signific ations :
la queue de baleine en bleu,
le W en vert
et le H pour Hartford
avec la zône blanche entre les 2 lettres
verte et bleue.

Logotype Lettre image

Vanda Produits cosmétiques USA


La lettre «V» avec le dédoublement inversé
d un empattement forme une croix.

Le nom de la marque est ED,


une société qui v end des appareil
électroménagers
si vous retournez le logo "TGV" vous avec ED en négatif et positif l artiste à symbolisé
obtenez un escargot une prise électrique.

72
III - Le sigle

7 lettres ASSEDIC: Association pour l Emploi dans l Industrie et le Commerce

6 lettres CODEVI : Compte pour le Développement Industriel

5 lettres ADEME: Agence De l'Environnement et de la Maîtrise de l'Energie

4 lettres ABES : Agence bibliographique de l enseignement supérieur

3 lettres UDF est un Sigle, qui signifie :


- Front démocratique uni, un parti politique sud-africain
- Union pour la démocratie française, un parti politique français
- Union démocratique fédérale, un parti politique suisse

2 lettres « AA » est le sigle ou l abréviation d'un standard de pile électrique,

1 lettre A est la première lettre des noms des modèles d'avions construits
par
Airbus

73
IV La mouche

la mouche
signe pour chaîne de télé

peut être

logo,
logotype mais animé
ou sigle

Mais animée

74
V Support du logo

Support du logo
Documents administratifs : facture, étiquette, contrat

Document commerciaux : carte commerciale, en-tête de lettre ..

Edition : Dépliant, brochure, annonce .. ..

Uniformes : Badge, tenue du personnel

Matériel promotionnel : tee-shirt, autocollant, objet publicitaire. ..

Véhicules : Voiture, avion,


VI - Les critères moto
de qualité .

Pub sur le lieu de vente (PLV) : présentoir, vitrine ..

Signalétique : banderole, enseigne façade

75
VI les critères de qualité

Les critères de qualité


-La pertinence

-L originalité

-L esthétique

-La facilité de mémorisation

-La lecture (Visibilité et Lisibilité)

Important :
La conception de l image de marque est une étape essentielle quelle que soit

la taille de l entreprise. Elle est l essence même de ce que vous êtes et de ce

que vous offrez. Il en résulte de votre notoriété et ne devrait pas être prise à la

légère.

76
VII

Définition :

plastiques sur tous support, dans lesquelles figures le logo, le sigle, la


mouche ou le logotype,
Exemples :

Chemise documentation, dépliant, présentoir, affiche, catalogue,

VIII -

Définition
logo, sigle, la mouche ou
logotype),
de
globale
ainsi que de tous les autres
graphiques des actions qui contribuent à la création des valeurs matérielles et

Exemples
Logo, Chemise, dépliant, annonce ... et accueil, qualité du produit, moyens

77
La charte web
Un site internet
déplacer.
nt que certains éléments visuels, tels que les outils de

de la série des pages.

place à la créativité et aux tests.

Les éléments qui rentrent dans la construction et représentation


visuelle

1- le chromatisme (La couleur)


2- la Mise en page et les polices
3- Les éléments visuels

Les éléments de la charte technique et artistique d'un site web


- LE LOGO (Toutes les variantes du logotype, sur fond blanc/noir,
sur fond transparent,
en noir et blanc

- LA TYPOGRAPHIE
Les polices de caractères ( ne pas dépasser 2 polices, une pour le
corps du texte
et une autre pour les titres).
Les styles de police à employer pour les textes (famille, taille, couleur...)
la sémiologie

- LES COULEURS
Les jeux de couleurs
(Ne pas dépasser deux couleurs principales).
(Garantir l'homogénéité des pages d'un site)
(Assurer une bonne lisibilité et un bon contraste)
La sémiologie

- LES ICÔNES (Max trois déclinaisons du bouton)

- LES IMAGES
Le positionnement des illustrations et des déférents éléments graphiques

- PLAN (couleur ou image)

78
Les déférents médias utilisés : vidéos, audio, animations

La charte technique et artistique d'un site web


Permet d'un côté d'être cohérent dans sa communication
et de l'autre de travailler à la bonne qualité de son image.
Elle assoit la crédibilité, donne des repères aux visiteurs, facilite la prise
d'informations.

79
I - La typographie

A - PETITE HISTOIRE DE LA TYPOGRAPHIE

La typographie moderne naît au XV siècle avec Gutenberg, les imprimeurs


commencent à graver des caractères sur des poinçons en plombe afin de
reproduire rapidement des livres.
Avec l'arrivée de l'informatique, les typographes transposent alors leurs
caractères sous forme électronique, s'offrant un gain de temps considérable dans
le travail de mise en page.

B - DEFINITIONS

La typographie est l'art de choisir des caractères et de les organiser sur une
page.

II Le caractère typographique

A - DEFINITION :
Caractère : vient du grec Kharakter (empreinte).

vers, la partie qui sera imprimée


caractère.

80
B- TERE :
a - Caractère matériel (caractère en plombe)

mpression

de la casse.

Délié

Talus inférieur Hauteur de


Talus droit
Plein haste fut
Évidement Talus gauche
Empâtement
Talus supérieur
Poinçon

Corps

Cran initial
Cran supplémentaire

Gouttière

Pied

La chasse
Hauteur du moule
Min 50 pts et 2/3
Hauteur en papier
(On totale) 62 pts et
2/3

81
b - Caractère immatériel

82
c - Parties constructives de la lettre

Jambage supérieur
La partie de lettres basse de casse qui se prolonge au-dessus de la hauteur de la
lettre du x bas de casse Ces lettres sont: b, d, f, h, k, l, t. Les jambages
supérieurs peuvent être de longueurs variées.

Jambage Inférieur

La partie de lettres basse de casse qui se prolonge en dessous de la hauteur


de la lettre du x bas de casse. Ces lettres son .g, i, p, Q, y, z. Les jambages
inférieurs peuvent être de longueurs variées.

Hauteur de l'x.
La hauteur des lettres bas de casse sans jambage Inférieur ni jambage
supérieur. Elle varie d'un style à l'autre. Place occupée verticalement dans la ligne.

Oreille (appendice)
Le petit trait projeté du côté droit 'de la boule supérieure du g bas de casse.
Peut parfois se retrouver attaché à la hampe' ou à un lobe. De formes variées

Maillon
.

Queue
Le descendant d'un j, le trait qui complète le Q ou le trait diagonal du R.
Forme de terminaison de barre, de traverse ou de hampe. De formes variées.

Fenêtre
Une partie, totale ou partielle. vide à l'intérieur d'une lettre.

Epaule
Un trait courbé qui se projette à partir d'un trait vertical ou diagonal tel que
dans le h, m, n.

. Terminaison

La fin

Saillie 83
Hampes, fûts ou hastes

Partie verticale.
Peuvent s'écarter ou se rapprocher.

Montant(s) ou traverse(s)

Traits obliques
Suivent la décision des hampes

Panse ou Lobe

un exemple ; p, P, a, g peut être ovale ou rond

Appui
Le trait diagonal intérieur du K capital et du k bas de casse

Barres
Le trait horizontal des lettres e, A, F, E, H. De proportions restreintes (limités)

Echine
Courbe principale du S capital ou du s bas de casse

Pleins
Les pleins sont les traits les plus épais .Epaisseurs variées

Déliés
Les déliés sont les trais les plus minces .Epaisseurs variées

Apex
Apex est à l'origine un mot latin signifiant « sommet » ou « pointe ».
érieur d'une lettre

84
.
Line X de bas de casse
Ligne des ascendantes

Ligne de base
Bhxg
hauteur des bas de casse ligne des descendantes
Hauteur du corps

mesure est le point qui vaut 0,3759mm

85
Les critères de la typographie
Les trois critères de la typographie sont :
La catégorie, la taille et la forme.

1 la catégorie :
Les polices se divisent en trois grandes catégories :

Avec empattement (ou sérif) ont des petites barres au bout des barres
principales des lettres.

Sans empattement (ou sans sérif) ont des barres qui se terminent
ne façon nette.

manuscrite simple,
Soit la calligraphie cérémonieuse.

2- Force du corps :
La forme du corps des caractères est
mesurée depuis le bas de la plus grande
hampe inférieure,

supérieure

La haute

supérieures et inférieures relativement courtes.

86
3 la forme :
La forme des lettres peut être décomposée en deus éléments principaux :
- le style de la lettre
- la longueur des barres

Pour les polices à empattement un troisième composant peut se révéler


important :
-

a- le style de la lettre :

* les lettres sont épaisses Boukman / Times

* Utilisations des cercles par Avant-garde

* Emplois des ovales Helvitica

Le style de lettres déterminent la quantité de texte pouvant tenir dans un


espace
87
2 Épaisseur des barres :
ge imprimée.

* une variation modérée

3 Style à empattement :
Il diffère en longueur,
Angle
Courbe
et autres facteurs
Ce sont les petits détails qui donnent à la police son caractère

88
On distingue 2 types de caractères
Avec empattements
Sans empattements
À coté de cette distinctions des deux types de caractères ,

les dimensions du caractère ,


sa forme

89
90
91
92
La classification typographique
A - Introduction

Le but : faciliter les relations entre graphistes, clients et imprimeurs,


Regrouper les caractères en famille, selon des particularités précises,

oduiront une fois intégrés à vos


- têtes.

- Les classifications des caractères :

e style des caractères

1962 ATYPI Adopté et officialisé la classification de VOX +( Fractures et non Latins)

1964 DIN Précise la

1964 NOVARESSE Aldo Typographe italien, présente 10 familles selon la forme des empattements

1978 JACNO Marcel Présente 4 style selon la

1980 ALESSANDRINI Jean Amplifie les classifications précédentes en détaillant les incidences
Historiques, géographiques, stylistiques et esthétiques etc.

B CLSSIFICATION THIBAUDEAU
Francis Thibaudeau : typographe français (1860-1925),a crée une classification basée sur

Origine Romain
Elzévir
I Didot

Romain
Egyptienne

Grecque
Linéale

Phénicien

Empattement Triangulaire filiforme rectangulaire sans

cle

93
C CLASSIFICATION VOX
Maximilien Vox : (1894- 1974) ,graphiste ,premier typographe de France , propose sa classification

historique des caractères .

Humanes -
rénovée à la renaissance

-La forme rappelle celle des créations


Elzévir Garaldes classiques italiens et françaises

- La forme rappelle les types les plus


Réales utilisés au 18 siècles

Manuaires - La forme des lettres dessinées

Ecriture
Scriptes -
la calligraphie.

Didot Didones Qui évoquent la typographie pure

Leurs formes géométriques évoquent


Egyptienne
Mécanes

Incises
(Terminales élargies)

Les Linéales

94
D -

familles de la classification de Vox.


ATIPY a ajouté les FRACTUR (lettres gothiques),

Les gotiques sont nées en Allemagne au XV

es lettres

également appelées FRACTURES

95
Les Humanes

Les Garaldes

Les Réales

Les Didones
Les Mécanes

Les Linéales

Les Incises

Les Scriptes

Les Manuaires

Les Fractures

96
E - Étude des classifications

Familles Exemples
De Personnalité Différences de traits. De Utilisations
caractères Polices
- Classique - e barre oblique Toutes sortes de textes : magazines, livres
- Romantique - a sans larme (goutte)
Humanes Palatino affiche
- Mouvementé - z traverse délié
- Absence de fantaisie Logotype, Sigle, mouche
- Chaleureuse
- Amicale Garamond Textes pour une lecture continue, mouche
Le contraste entre
Garaldes - Romantique Le plein et délié Caslon Livres, rapports articles, manuels,
Nom composé
de « Garamond »
- Classiques est important Bembo journaux, titres, Logotype,
et de « Alde » - Absence de fantaisie Affiche,
-
- Plus rationnelle Livres, rapports articles, manuels,
Réales - Plus égale Le contraste entre Times journaux, titres, Logotype, Sigle,
- Romantique Le plein et délié Grand Jean
- Classique est Moins important baskerville
- Absence de fantaisie
- Stylisé
- Fine
- Sophistiqué Le contraste entre
- pas très naturel Présentations, titres, publicités
Didones le plein et délié Logotype, Sigle, mouche, Magazines
- Élégante
est Très important Didot
- Simple
- Délicat Bodoni
- Intelligent
- Solide
- Structuré Titres, légendes, affiches, enseignes, en-
Le contraste entre
Mécanes - Plus visible têtes de colonnes dans les tableaux,
Marque le plein Bookman
- Forte et délié est Faible logotype, sigle, Magazines
l'époque
du machiniste - Robuste Courier
- Lourde
- Stricte - Inclinaison Arial Titres, packagings, légendes, étiquettes
- Linéaire presque nul Futura
Linéales
- Moins souple - Le contraste entre Univers
- Sévère le plein et délié
est moins marqué
Gill Sans
- Moderne
- Souple Lithos Servent aux inscriptions monumentales de
- Ajout de petite
- Flexible Augustus l'Antiquité
Incises projection
- Linéaire Copperplate Texte, correspondances
- Terminaison élargie
- Élégante
En-tête
- Aspect plus
chaleureux Documents « officiels », invitations,
- Féminin Polices décoratives pour les emballages,
- plus riche courante non le dessin enseignes, titres, menus, Lettrines
Scriptes - Plus Naturel mais le mouvement Legend
- Léger Déconseiller
de la main texte
Evitez de les composer entièrement en capitales

Manuaires
- Élégante Mistral Affiche, titres, logotype, Lettrines
dessinée au pinceau
- Souple Polices décoratives pour les emballages,
- Naturel on ressent l'influence de la
main, mais dont les lettres ne
sont pas 97
liées entre-elles.
La psychologie des caractères
typographiques

Les caractères typographiques peuvent exprimer beaucoup de sensations ou de


sentiments.
Certains caractères sont utilisés pour expliquer des notions ou décrire des choses

du message.
Un moyen de véhiculer des mots
Par contre les autres sont utilisées pour attirer notre attention afin de créer un impact ou un
stimulus visuel.

image
Remémorent le passé
Les caractères
Évoquent la minutie et la précision

divertir le lecteur
Peuvent
exprimer des idées
accentuer le sens des mots

Affiche 120 x 175 cm, sérigraphie


2 couleurs

Catherine Zask :
"On m'avait montré une
photographie de cet orchestre,
la foule sur scène m'a stupéfiée.
150 personnes ! Je voulais donc
représenter une multitude, par
ces 150 petits points lumineux.
Tous ces points sont liés les uns
aux autres et créent des
parcours, des interactions

98
Les invariants typographiques

Le romain - L'italique - Les capitales - Les bas de casse - La


graisse du caractère

Les invariants typographiques sont les cinq (5) formes que peut habiller un caractère en faisant
abstraction à son groupe de farni1le.

Le romain :
Caractère dont le fût est perpendiculaire à la ligne de base ligne. Le romain est le caractère standard
de présentation.

Caractère dont le fût est perpendiculaire à la ligne de base

- La perpendiculaire de la lettre sur la ligne de base entraîne la notion de stabilité


- La lecture du romain facile et libre
-

L'italique :
Caractère dont le fût est incliné .L'italique sert à mettre en évidence un texte mais il est un peu moins
lisible que le romain.

-
- Penché dans le sens de la lecture entraîne
-

Caractère dont le fût est incliné

Les capitales :
Caractères représentant les lettres majuscules. Il existe deux types de capitales: les grandes capitales et
petites capitales.

- La capitale ajoute une dimension officielle

99
Caractères représentant les lettres majuscules

Les bas de casse :


Caractères représentant les lettres minuscules

- Porte la notion de simplicité


- Vulgarise le message
La minuscule italique ajoute une certaine intimité

La graisse du caractère :
C'est l'épaisseur du trait du caractère.
On distingue généralement quatre types de graisse; maigre, demi gras, gras ou normal.
On peut avoir aussi 'extra gras.
La composition d'un texte courant se fera en maigre ou normale.
Le gras sert à mettre en évidence un texte.

C'est l'épaisseur du trait du caractère


C'est l'épaisseur du trait du caractère

100
Utilisations des caractères
L
(Utiliser les caractères comme des éléments graphiques)

I- les lettrines
du texte.
:

- aide le lecteur à passer du titre au texte


- brise la monotonie

La lettrine est abaissée La lettrine est surélevée La lettrine est isolée

II -
L habillage est la présentation de texte autour d'un autre e1ément comme
une photographie, une illust
:
Permet de relier les illustrations et le texte
Un moyen d'utiliser l'espace artistiquement et adéquatement

101
III - Distorsion
La distorsion des caractères permet d'obtenir des effets spéciaux.
Pour transformer les lettres, les mots ou bien des phrases entières en éléments graphiques on peu étirer ou

La distorsion :

- doit être utilisée avec précaution

- (peu être) employée dans les titres, les logotypes

- doit être évité dans les textes

IV Rotation
Les caractères ne doivent pas être obligatoirement parallèles aux marges supérieure et inférieure des pages.

102
Les blancs
Le blanc est un élément essentiel pour la constitution d'un paragraphe et de la page,
Il existe deux types de blancs

A- Les blancs typographiques

1- L'approche

inter lettrage, est le blanc placé entre deux lettres d'un même mot.
Une approche très serrée rend le mot difficilement reconnaissable.
Une approche trop importante n'individualise plus ce mot au sens du texte.
Sur la plupart des logiciels de PAO, l'approche est automatique mais l'utilisateur peut modifier
manuellement l'approche des portions du texte de manière à obtenir le merveilleux résultat
possible.

Dans le domaine typographique, le crénage (kerning en Anglais) est l'ajustement de l'espace entre
les lettres d'une police à chasse variable

2- L'espace

On appelle espace le blanc placé entre les mots. Il est appelé aussi espacement.
L'espace normal entre les mots est de l'ordre de 1/3 du corps du texte, soit 2/3 ou le 1/2 de l'oeil.
Un espace mot trop serré compromet la lisibilité du texte et un espace mot trop large nuit à la
régularité de la couleur de la page ou ce qu'on appelle le gris typographique.

3- L'interlignage

C'est le blanc entre les lignes. Il est paramétré par défaut. Généralement, il présente 120 % de la
valeur du corps.

De la valeur de l'interlignage naîtra un texte plus ou moins tassé et donc plus ou moins lisible. La
lisibilité est un des facteurs premiers qui nous guidera dans le choix de l'interlignage.

1 2 3

103
B- Les blancs graphiques
Les blancs de la page sont les parties non imprimées de cette page. Ils mettent le texte en
évidence et facilitent sa compréhension.
Ces blancs se présentent sous les formes suivantes:

a- L'espace blanc autour d'un titre:


Il met le titre en évidence en l'isolant davantage du bord de la page ou de la première ligne du
texte.

b- Les marges qui attirent le regard du lecteur au centre de la page


On distingue quatre marges de blancs: b l : blanc de tête
b2 : blanc du pied
b3 : blanc interne ou petit fond
b4 : blanc externe ou grand fond
c- Les gouttières
aractères.
Plus les colonnes sont larges, plus leur espacement doit être grand.

d- L'espace créé par les lignes creuses des textes non justifiés
e- Les alinéas ou retraits: décalage de la première ligne du texte vers la droite.
L'assemblage des caractères en mots, puis de mots en lignes, enfin de lignes en
paragraphes va créer des blocs plus ou moins
a
denses visuellement et donc repérables les uns par
rapport aux autres en fonction de la nature de leur
gris.
Ce gris est fait par la combinaison de trois facteurs:
- le corps du caractère,
- la graisse,
- l'interlignage.

d
e

104
Les modes de compositions
On distingue pratiquement six types de mise en forme du texte

1 - Le texte justifié
Les lignes sont disposées de telle façon que les ca

La dernière ligne du paragraphe sera généralement plus courte que les autres en raison de la fin du texte.
On parlera dans ce cas de texte justifié au carrée et la ligne courte est dite creuse.
Quand la dernière ligne est même longueur que les autres, la disposition sera en pavé (texte justifié en
pavé).

Le texte justifié en pavé Justifié au carrée

2 - Le texte en alinéa
Dans la disposition précédente, rien ne si ya pas de blanc
supplémentaire entre deux paragraphe successif.
Donc
nouveau paragraphe.
Un moyen la disposition
alinéa retrait positif.

Texte en alinéa Ou Retrait positif

3 - Le texte en sommaire
Dans ce mode de composition, au lieu de pratiquer une rentrée, on pratiquera un débord c à d que seule la
première ligne du paragraphe courra sur toute la justification et que les autres comporteront chacune une

105
rentrée. Ce type de disposition sera utilisé dans les compositions ou le repérage est une fonction essentielle
que la lecture continue.

Texte en sommaire

4 - Texte appuyé à gauche (au fer à gauche, en drapeau)


Dans cette disposition, le texte n'est aligné verticalement que du côté gauche.
Chaque ligne aura sa longueur propre en fonction des chasses,
approches
et espaces calculés en fonction des caractères et non redistribué en fonction de la justification.
La fin des lignes à droit sont donc inégales.

5 - Texte appuyé à droite


Dans cette disposition, le texte n'est aligné verticalement que du côté droit.
Chaque ligne aura sa longueur propre.
Ce seront les débuts de lignes à gauche qui seront inégaux.
En raison de la moins grande lisibilité de cette disposition puisque la lecture commence inégalement
à gauche, on sera très prudent dans cette utilisation.

6- Texte centré
Dans cette disposition, chaque ligne est centrée sur le milieu de la justification.
Il n'y a ni alignement à gauche ni alignement à droite.
C'est une disposition qu'on peut utiliser dans certains cas de texte peu important et pour les
dispositions
des titres.

106
Les règles typographiques
de mise en page

Définir les règles de mise en page


Questions
-
-
- Comment remédier à chacun de ces inconvénients?

1 - LIGNES BLANCHES ZIGZAGANTES


Les lignes blanches zigzagantes : lézardes
Les lignes blanches obliques : rues
Les lignes blanches verticales : cheminées, sont causées par des
espaces entre les mots.
Pour éviter la création de ces lignes blanches
- modifier le corps du caractère ou la largeur de la colonne
- aligner le texte à gauche au lieu de le justifier

2 - ESPACEMENT INCORRECT ENTRE LES COLONNES

- doit être égal à 4 caractères.

107
3 - ALIGNEMENT HORIZONTAL NON VOULU

-
titres et les lettrines dans des colonnes côte à côte.

Les titres alignés horizontalement donnent une mise en page qui manque

- choisir un autre caractère,


- grossir ou réduire sa taille,
- modifier son style
-

108
4 - ESPACE BLANC ISOLÉ
Les blancs doivent être utilisés au bon endroit.
- augmenter la grosseur des caractères du titre ou agr

5 - PAGES SURCHARGÉES

Les pages surchargées sont des pages où les colonnes de texte sont
rapprochées les unes des autres comme des bords de page.

109
6 - TITRES INDISTINCTS

Le titre principal doit être immédiatement apparent, il faut le


dégager du reste du texte.
suffisamment
de contraste entre les titres et le texte, la page
est terne.

7 - DÉBUTS DE COLONNES INÉGAUX


Le texte doit commencer à la même distance de la marge

110
8 - LÉGENDES TROP LONGUES
De longues légendes composées avec des petits caractères
sont difficiles à lire

9 - ABSENCE DE CONTRASTE ENTRE LE TEXTE ET LE FOND


Il faut obtenir le plus fort contraste possible entre les caractères et le fond

111
10 - ESPACEMENT EXCESSIF APRÈS LES SIGNES DE
PONCTUATION
Vérifiez bien les espaces de ponctuation

11 - TITRES ET SOUS-TITRES MAL PLACÉS


Les titres et les sous-
que du texte qui les précède.

112
12 - TITRES ET SOUS-TITRES ISOLÉS

-titres au bas des colonnes ou des

13 - UTILISATION EXCESSIVE DES ENCADRÉS ET DES FILETS


Utilis1ez les encadrés et les filets avec modération

113
14 - CARACTÈRES SEMBLABLES
Les caractères utilisés dans une page doivent être contrastés

15 - TEXTE PRÉSENTÉ SOUS UNE FORME IRRÉGULIÈRE

difficile

16 - CARACTÈRES DISPOSÉS EN DIAGONALE


Les caractères disposés en diagonale interrompent le fil normal de la
lecture.

114
17 - CARACTÈRES SOULIGNÉS
Le soulignement des caractères est inesthétique et réduit leur lisibilité
Pour éviter le soulignement :
remplacer avec

- le gras
- les petites capitales
- L'italique

18 - VEUVES ET ORPHELINS

Une veuve est une syllabe, un mot qui se trouve isolé au

19 - ESPACEMENTS IRRÉGULIERS
Un espacement uniforme entre les différents éléments

Un espacement inégal peut donner

115
20 - TABULATIONS ET RENFONCEMENT EXAGÉRÉS

La valeur des arrêts de tabulation et des renfoncements doit être


proportionnelle à la grosseur des caractères et à la largeur des colonnes

21 - COUPURE DE MOTS EXCESSIVE


La coupure de mots excessive se produit dans des colonnes étroites
Pour éviter la coupure de mots excessive

Divisez les mots,


Réduire la taille des caractères
Élargir la colonne.
Aligner le texte à gauche au lieu de le justifier

22 - CARACTÈRES TROP VARIÉS


Un choix restreint de caractères est synonyme de succès.

116
SYSTEME DE MESURE
TYPOGRAPHIQUE
I- Introduction
Pour mesurer les compositions du texte on utilise le point typographique et le pica,

le point est l'unité servant à mesurer la dimension des caractères ainsi que,

(Interlignage) .

Le pica est l'unité servant à mesurer les longueurs de lignes du texte.


1 pouce = 72 points
1 pica = 12 points
1 pouce = 6 pica

II- Instrument de mesure:


Le typomètre est utilisé pour mesurer des points et des picas. Différent modèles de typomètre sont

utilisés en Arts Graphiques. Le typomètre usuel gradué en picas sur le bord gauche et en pouce sur le

bord droit. Cet instrument de mesure, est utilisé par tous les professionnels des Arts Graphiques et à

tous les stades de production.

III - Cicéro - Pica - Point


Le point typographique Crée par DIDOT

Unité de mesure de corps de caractères et d'espace (abréviation pt invariable). Malgré qu'il est utilisé

des deux cotés de l'Atlantique, sa mesure n'est pas identiques. Le point nord-américain, quelques fois

nommé point pica, mesure 0,35 mm et le point Didot européen mesure 0,376 mm. L'unité de mesure

typographique du système international est le millimètre mais il est malheureusement loin d'être

adopté!

1 Cicéro
Créé vers 1775 par François Ambroise Didot (pied du roi )

1 CICERO = 12 points Didot


1 CICERO = 4.512 mm
1POINT DIDOT = 0.376 mm

117
Le pica Créé en Angleterre

1 PICA = 12 points Pica

1 PICA = 4.224 mm

1 POINT PICA = 0.352 mm

IV - Mesure des caractères usuels


Les caractères se mesurent à partir de haut du jambage ascendant jusqu'au bas du jambage
descendant de lettres, les grandes lettres Capitales touchent la ligne des ascendant pendant que les p,
q, y et g touchent la ligne des descendants, toutes les autres lettres appelées bas de casse courtes

caractère.

Tous les dessinateurs se servent de ces quatre lignes pour tracer leurs lettres.
Ligne des ascendantes
Line X de bas de casse

X A be g Hauteur du corps

Ligne de base hauteur des bas de casse ligne des descendantes

V - LES ADDITIONS ET SOUSTRACTIONS


Conversion de ciceros (ou Pica) et points en points

18 Ciceros 7 points = (18 x 12) + 7 = 223

Conversion de points en Ciceros (ou Picas)

148 points
148 : 12 =12 ciceros et 4 points

Addition de Picas (ou Ciceros) et points


(Addition séparée des points et des Picas).

3 Picas 7 points
+21 Picas 4 points
+13 Picas 11 points
+ 8 Picas 2 points
+15 Picas 5 points

= 60 Picas 29 points
= 62 Picas 5 points

118
Les outils de conception graphique
Pour structurer les différents documents et les mettre en valeur, il faut une connaissance adéquate des outils
de conception graphique.
il faut les utiliser de manière
uniforme et avec modération.
A- Les filets
Les filets sont des traits qui soulignent ou encadrent les titres, les en-têtes, les extraits, les citations ou
qui séparent les parties d'un texte.

Ils peuvent être:


- Verticaux,
- horizontaux,
- larges ou étroits

- permettent de structurer le texte,


- mettent en valeur les sous-titres.
- utilisés pour séparer des colonnes dans lesquelles le texte
n'est pas justifié.

Il faut choisir des filets qui s'agencent bien avec la couleur du


document.
B - Les bordures
Les bordures sont des encadrements réalisés autour d'un texte pour attirer l'attention du lecteur. Elles
peuvent aussi encadrer une illustration ou un titre pour les mettre en valeur.
Les bordures peuvent être des lignes simples ou double, larges ou étroites. Elles peuvent ne couvrir
qu'une partie de l'espace occupé par le texte sur une page.
.

Les bordures visibles sont des filets ou des éléments graphiques qui délimitent un texte.

Les bordures imaginaires sont invisibles mais le lecteur les trace inconsciemment en lisant le texte.
-

Les bordures invisibles


Les bordures visibles
119
C- Les encadrés
Les encadrés mettent en évidence ou séparent certaines parties du document.
Ils peuvent servir à isoler une matière ou un bloc générique où figurent:

Les encadrés permettent de délimiter les bords d'un élément visuel (une image avec cadre tout autour).

Encadrés

D-
L'utilisation des caractères vedettes en inversé influence la lisibilité du texte parce que le passage du
noir au blanc interrompt le rythme de la lecture.
La force du contraste des caractères imprimés en inversé attire l'attention du lecteur. Ces caractères
conviennent bien à des lignes de texte courtes qui sont composées avec des caractères sans empattement.
Il ne faut pas inverser les petits caractères surtout en gras. L'intérieur des lettres comme b, c , d et o peut
facilement se remplir d'encre et le texte devient illisible.
Les caractères avec empattement composés en inversé se déforment et deviennent difficiles à distinguer
les uns des autres.

L'inversé
E- La trame
Les trames sont réalisées en augmentant ou en réduisant le pourcentage
couleur.
Plus le pourcentage est élevé, plus la trame sera foncée.
Les trames fournissent un contraste entre le texte et le fond tout en améliorant
la lisibilité.
Les trames transforment les caractères en éléments graphiques

120
Les éléments visuels
Les éléments visuels permettent aux gens de saisir le message et augmentent sa portée avant même de lire. Ils servent
à améliorer l'apparence générale du document et à agrémenter ou décorer la page.
Ces éléments visuels sont généralement les photographies, les illustrations et les graphiques.

La photographie
Montrent les choses telles qu'elles semblent en
réalité. Les détails sont captés avec précision.
Cela constitue la force de la photographie mais
aussi sa faiblesse puisqu'elle peut comporter des
éléments qu'on ne désire pas.

A- Le cadrage

le cadrage c'est la mise en place d'une photo dans un


cadre. Il permet au lecteur de limiter la photo surtout
si celle-ci est pâle aux côtés.

B - Le détourage

C'est une opération qui consiste à isoler ou détacher


(détourer) certains éléments de la
photographie.
Il y a aussi le détourage partiel (une tête qui sort
d'une photographie) et le détourage en mouvement
(qui donne l'impression qu'un objet est en marche
(voiture...).

C - L'Aérographie et transformation des photographies

Les photographies peuvent subir des


transformations ou modifications par une simple
utilisation des logiciels ou par ce que l'on appelle
l'Aérographie qui permet d'estomper les détails
indésirables et de procéder à la méthode de coupure
Les illustrations
collage.

121
Les illustrations sont des dessins faits à la main ou à
l'aide d'un logiciel de dessin. Par référence à la
photographie, les illustrations servent le plus souvent à la
décoration de la page qu'à l'explication.

A- Les objets graphiques pré dessinés.

Ce sont des images toutes faites standardisées contenues


dans des fichiers d'objets graphiques pré dessinés
(Tels le fichier ALBUM).
Ces fichiers contiennent d s filets pour encadrement, des
illustrations qu'on peut modifier, agrandir ou réduire ou
combiner pour obtenir un effet visuel dynamique.

B - Modification des illustrations

Les illustrations sont faciles à modifier que les


photographies. En effet on peut les déformer en les étirant
verticalement ou horizontalement pour obtenir un effet
spectaculaire. En plus l'agrandissement d'une Illustration
numérisée ou réalisée par un graphique peut nous donner
un motif pointillé plus visible et plus attirant qu'un dessin
ordinaire.

III - Les graphiques


Les graphiques permettent d'expliquer des informations chiffrées. Ils offrent la possibilité de faire, savoir d'un
entre différents éléments. Généralement, les schémas, les tableaux et les
graphiques ressortent visuellement des données littérales et numériques.

122
A - type de graphiques

Pour réaliser un graphique, il faut tout d'abord définir son but et déterminer le type de graphique qui se
prêtera le mieux à l'illustration du concept. En effet, les graphiques les plus utilisés sont:

a - Les graphiques de décomposition

Les graphiques de décomposition (circulaire, secteur)


(représentation des quantités)

b - Les graphiques de répartition

Les graphiques de répartition (diagramme à barres,


ou en bâtons) permettent de montrer la répartition
par classe de certaines valeurs.

c -
ou les courbes expriment

Pour donner aux graphiques plus de force et d'impact il faut:


-Utiliser les couleurs;
-Utiliser des fonds quadrillés;
-Utiliser des étiquettes à l'extérieur des dessins
et ne pas oublier les légendes.

123
d- Les organigrammes

e
organisation

B - Les tableaux
Les tableaux présentent les informations et les données d'une
façon ordonnée et concise. Ils remplacent plusieurs phrases.
Pour mieux exploiter un tableau:

- Utiliser les trames pour composer les titres;


- Mettre les titres de rangées en caractères gras;
- Arrondir les chiffres pour avoir un entier clair et facile à lire
- Aligner les nombres décimaux: entier sur entier, décimal sur décimal quelle
que soit la taille des nombres;
- Eviter les filets trop larges car ils noircissent le tableau et écrasent les données.
C -

Capture d'écran Copie d'écran

"Photographie" de l'image affichée, à un moment


donné, à l'écran qui sera utilisée, par exemple, comme
illustration.

Conclusion
L'ajout d'éléments visuels simples peut transformer un document monotone en un document attrayant. Donc
l'utilisation de ces éléments, chaque fois que l'occasion se présente améliorera l'ensemble de la mise en page et
clarifiera la communication.

124
Les étapes de conception
et de réalisation d'une maquette
La réussite d'une mise en page nécessite :
La connaissance approfondie des techniques de conception graphique qui varient selon les projets,
La connaissance des éléments de mise en page et leur agencement afin d'aboutir à la réalisation d'une
conception qui colle parfaitement au message à livrer.
Mais pour cela il faut définir l'objectif de la publication et établir la priorité des messages qu'elle
contiendra. d'où la notion de planification.

I - La planification.

C'est la phase la plus importante dans l'élaboration d'un projet ou travail. Elle consiste à
rassembler les informations afin de définir exactement la nature de l'imprimé et le rôle exact qu'il doit
jouer et de contrôler si cet ensemble est complet et cohérent.

Pour cela il faut répondre à un ensemble de questions essentielles :


- A qui s'adresse cette publication?
- Quel est le message à transmettre?
- Quelle serait la forme idéale pour le transmettre: journal, livre, affiche, revue, brochure, dépliant,
.. ?
- Quels sont les messages des concurrents pour un produit semblable?
- Quel est le lien entre cette publication et le reste de la communication écrite ?

Une fois ces informations sont réunies, le concepteur doit passer à l'étape suivante à savoir la recherche.
Cette recherche qui consiste et/ou à esquisser toutes les idées qui viennent en tête sur un papier. Après le
choix du meilleur crayonné et/ou esquisse on passe aux étapes suivantes: pré maquette et maquette finale.

II - Les crayonnés.

Permettent de trouver rapidement, d'une façon simplifiée différentes façons de représenter une
idée, une annonce ou une mise en page quelconque.

Le crayonné a trois rôles principaux:

- Matérialiser des idées qui pourraient être oubliées;


- Présenter une recherche graphique;
- Comparer les idées.
Il représente le point de départ qui aidera au choix final.
Un crayonné d'illustration ou de photographie ne nécessite pas de
nombreux détails.

125
III - Les esquisses.

A- Définition
L'esquisse est aussi un crayonné qui permet au concepteur de représenter ses idées sous une
forme réduite mais proportionnelle aux dimensions réelles. Elle montre la forme physique de l'annonce
ou autre travail avant d'être composé.
Tous les éléments comme les bordures, les titres et les textes sont agencés et indiqués avec les
illustrations nécessaires pour que la composition soit facile avec vitesse et efficacité. Donc l'esquisse est un
croquis sans détails mais à une échelle bien déterminée représentée par ce que l'on appelle" Basic Design ".

B - Le Basic Design
C'est le fait de représenter les éléments de la page par des formes et des masses géométriques.
- Les textes par des traits fins;
- Les éléments graphiques par des masses noires (rectangle, carré ou cercle) ;
- Les titres avec des rectangles correspondant approximativement à la hauteur des lettres dessinées.

IV- La prémaquette
A - Définition
La prémaquette est une amélioration et raffinement de l'esquisse et/ ou du crayonné. C'est
aussi
un simple crayonné tracé schématiquement sur un papier coupé au format fini de l'ouvrage. Elle
représente les caractéristiques de disposition de textes et des éléments graphiques sur quelques pages
types c.-à-d. que les justifications des textes et les emplacements sont calculés avec précision.

B - Les contraintes et opérations préparatoires


Puisque la prémaquette est l'étape primordiale dans la création graphique, il faut respecter un ensemble de
contraintes et opérations préparatoires à la réalisation de l'imprimé à savoir :
- Le nombre de couleurs d'impression;
- Le papier prévu pour l'impression;
- Les contraintes de façonnage qui demandent que l'on évite les encadrements et les filets trop près du bord
des feuilles

126
- Se méfier des" fausses doubles " toujours difficiles à coordonner lors de l'impression, qu'il s'agisse de
cadres ou de grandes surfaces colorées ;
- Penser à la nécessité de " fonds perdus" ou d'une finition comprenant un " abattage de dos " il faudra
dans ce cas prévoir un format de papier tenant compte des" rognes indispensables ",
- Résister à certaines fantaisies: les textes trop fins en corps 6 ou 8 sur des fonds tramés irréguliers
seront dans tous les cas illisibles. Sur des fonds unis tramés ou à plat en plusieurs couleurs, ils seront à
la merci du plus petit écart de repérage.
VI - La maquette finale
A - Maquette d'exécution ou le prêt à photographier
C'est un dessin conçu pour être reproductible à une échelle bien déterminée par un procédé photomécanique.
(Photomécanique

(Héliogravure,
B - Maquette en blanc ou papier
C'est un modèle de l'ouvrage futur en blanc, réaliser manuellement mais présentant très exactement toutes les
caractéristiques définitives: papier, format, brochage ou reliure permettant d'étudier le conditionnement, de
connaître précisément les frais d'expédition, de se rendre compte de" la prise en main ", de l'aspect général
enfin.

format réel, avec les différents papiers possibles.

C - Maquette de mise en page


C'est une détermination des caractéristiques physiques de l'imprimé. C'est un tracé représentant les

127
dispositions des textes et illustrations pour chaque page, établi sur un gabarit souvent fourni préalablement
par J'imprimeur.
Une épreuve photographique de l'illustration, collée à sa place, évitera les interversions, les confusions,
les inversions et les erreurs de cadrage ou de dimension.
La maquette de mise en page est souvent précédée de la prémaquette.

2 3

128
129
130
131
132
133
134
135
La conception graphique

U ents de la

laquelle le concepteur doit connaître :

Le contraste - - Le centre optique - La symétrie -


- le rythme- les lignes de force

1 - Le contraste
Le contraste donne de la couleur à la mise en page en équilibrant l'espace réservé au texte, aux
illustrations et aux blancs.
Une mise en page est dite contrastée lorsqu'elle présente des zones foncées comme les illustrations, les
titres gros et gras, les photographies et les blocs de texte compensés par les zones pâles des espaces blancs ou
de blocs de texte contenant des caractères de petites tailles.
Le contraste est en effet la proportion des tons de gris foncé, moyen et clair d'un élément graphique.
Plus on a des contrastes, plus le document est attrayant et vivant et plus la communication a de force et
d'impact.

Une image est dite contrastée lorsque sa gradation au niveau de gris contient 2 niveaux prédéfinis à savoir 0
% et 100 %.

On distingue le contraste de la taille de la forme et de la couleur

2-
Une mise en page est équilibrée visuellement lorsque la taille de ses éléments graphiques est liée à
l'importance de chaque élément et aux rapports que chacun d'eux entretient avec ceux qui les entourent.
L'équilibre, dans le style publicitaire, désigne la façon dont sont répartis les textes et les illustrations par
rapport à la ligne verticale qui passe par le centre de la feuille de papier.

a -
Les éléments sont disposés de façon à créer un mouvement de l'oeil qui balaye la surface de la feuille.

b-
C'est une disposition où les éléments de la mise en page sont agencés de façon, à s'équilibrer de chaque
côté de la ligne imaginaire du centre.

3 - Le centre optique
Ce centre optique est un centre imaginaire situé légèrement au-dessus du centre mathématique de la
page.

136
4 La symétrie
Une disposition symétrique de mise en page est celle qui présente les éléments graphiques ou
typographiques d'une façon symétrique. En fait une disposition trop symétrique rend le document monotone.
Il y a un lien très étroit entre la symétrie et l'effet de contraste.

Plus le document est contrasté plus il est moins symétrique et vice versa

5
L'uniformité de présentation repose en grande partie sur les détails. Ces détails doivent être appliqués
dès le début jusqu'à la fin du document. Le seul défi du concepteur est de concilier l'uniformité et la variété
ainsi que l'homogénéité dans la présentation de son document.

- grande partie sur les détails.

- de caractères, la taille
titre et des légendes .

-
illustrations.

- La répétition de certains éléments graphiques, les filets verticaux, les colonnes, les bordures, les logos, les
titres et les ombres les points et les dates sur chaque page.

6-
Le centre d'intérêt d'une mise en page est la partie la plus attrayante de la page et qui a plus d'impact sur
le lecteur. Le centre d'intérêt peut être un titre, un élément graphique, un texte encadré ou un contraste.
Ces éléments doivent être contrasté par rapport aux autres, éléments afin de présenter le
centre d'attraction de la mise en page.

7 - le rythme
C'est une disposition symétrique à retour périodique de certains éléments graphiques ou typographiques
dans une mise en page que ça soit une page, un paragraphe ou une partie ou une division d'un document.
C'est ce qu'on appelle aussi l'uniformité.

8 - les lignes de force


Elles se trouvent généralement au centre optique de la page

137
Création de charte graphique
(Technique et artistique)

LE PRINCIPE GRAPHIQUE
1 - Recherches logotype
2 - Analyse
a- Description
b- Interprétation
3- Critère de qualité
4 - blanc tournant ou zone de protection
5 - La taille minimum du logo

6- Versions du Logotype
Version couleur
Version monochrome
Avec fond
Version niveau de gris

7 - Variante de la version niveau de gris

% dans sa version positive


ou en blanc dans sa version négative (cachets, fax, , gravure, etc.).
100% BLANC
100% NOIR

8 - Recherche des interdits

Étude 1
Sur fond couleur chaude
Sur fond couleur froide
Sur fond couleur pastels
Sur fond couleur neutre
Étude 2
Le logo ne peut pas être déformé.
La typographie ne pas être modifiée.
La couleur ne peut pas être modifiée.
Le logo doit rester parfaitement lisible.

LES ÉLÉMENTS DE BASE


Couleur
1 - Références couleurs
En Quadrichromie
En RVB
En Patone
HTML
2 - la sémiologie de la couleur
typographie
1 - Typologie du Logotype
2 - La sémiologie de la typo
concepteur historique + photo

LA PAPÈTERIE ADMINISTRATIVE

138
Papier à lettre
Carte de visite
Carte de correspondance
Enveloppe
Fax
Communiqué de presse

LES SUPPORTS DE COMMUNICATION


-
- Les depliants
- à cheval (3 volets 6 pages)
- 2 plis fenêtre
- Plaquette commerciale A3 + ouverte ,
- le flyer A5 ,
- La Chemise à rabats A3 + ouverte,
- Le Banderole 4m/1M,
- Panneau publicitaire 4x3
- Le kakemono, roll-up ou rollup « objet accroché »
-
- jaquette DVD/CD
- Objets publicitaires personnalisés:
Badge
Ti-shirt,
Stylo,
Clé USB
Casquette
Calandrier, ...

139
Étude de la couleur
Introduction
!
Les objets sont incolores
rayons lumineux
ignifie en réalité que la

interprétée par le cerveau


La couleur est une sensation

I - Les sept couleurs fondamentales


-1727) physicien, mathématicien et astronome, que
nous devons la définition des sept couleurs fondamentales : rouge, orange, jaune,
vert, bleu, indigo et violet. Ce sont les couleurs perceptibles lorsque la lumière du
soleil est décomposée à travers un prisme.

II -

- La couleur
constitutives de la lumière.
- La couleur
par la lumière.

a - La lumière

couleurs du spectre solai

Donc La lumière se compose de plusieurs couleurs et chaque couleur a une

140
b- :
ane complexe.

141
La rétine est constituée de deux types de cellules sensibles à la lumière,
les cônes et les bâtonnets
Les bâtonnets sont des cellules sensibles à l'intensité lumineuse:
Les cônes sont des cellules qui réagissent à la couleur.
Ils permettent de différencier deux teintes. Ils sont dix fois moins
nombreux que les bâtonnets.
Les cônes L, sensibles aux ondes longues (700 nm), donc les rouges
Les cônes M, sensibles aux ondes moyennes (546 nm), donc les verts
Les cônes S, sensibles aux ondes courtes (436 nm), donc les bleus

II
I-

142
La synthèse additive et La synthèse soustractive

La synthèse additive C'est le principe consistant à composer une


couleur par addition de lumière
La synthèse soustractive Il s'agit du principe consistant à
composer une couleur par soustraction de lumière

VI - Le cercle chromatique
Cercle chromatique (du grec KHROMA, couleur)
le cercle chromatique élaboré par le peintre Johannes Itten (1888-

Il facilite la mémorisation des douze couleurs relativement pures ainsi


que leurs rapports réciproques

V Les Caractéristiques de la couleur:

La teinte: Ce qui distingue les couleurs les unes des autres.


La valeur: indique que la couleur est plus ou moins claire ou
foncée.

moins à son éclat.

143
B - notions des couleurs :
1) Couleurs primaires

Rouge jaune bleu


2) Couleurs secondaires

Elles sont secondaires car elles sont la résultante du mélange égal, deux à deux, des trois
couleurs primaires.

Rouge + jaune = orange

Jaune + bleu = vert

Bleu + rouge = violet

3) couleurs tertiaires

Elles sont tertiaires car el

144
VI- TONS DEGRADES ET TONS RABATTUS
Les tons rabattus

valeur .

Les tons dégradés

145
VII -
1 - Introduction

couleurs.
Harmonie signifie équilibre, symétrie des forces.

cerveau.

2 - Harmonie objective

a. Le contraste successif

Après avoir contemplé un carré rouge sur un fond blanc, nous voyons en observant un fond blanc
apparaître un carré vert qui disparaît rapidement. Cette image résiduaire de la complémentaire du rouge à

b.

L
b

- contraste simultané

Observant maintenant un carré de couleur gris moyen (50 %


surface colorée par une couleur primaire, ce carré se teinte de la couleur complémentaire, ainsi sur une

complémentaire pour se rééquilibré

tre système de vision.

Vert

Rouge

146
En résume :
En fonction de leur composition, les harmonies peuvent être simples ou complexes. Voici 4 harmonies
simples qui devraient vous aider à définir vos harmonies naturelles et le parti que vous pourrez en tirer :
-
-
-
-

147
ACCORDS DE 2 COULEURS

Les accords de 2 couleurs sont obtenus par les couleurs diamétralement opposées et qui sont
complémentaires.

Jaune
Jaune - Vert Jaune- orange

Vert Orange

Bleu -vert Roug

- orange
Bleu Rouge

Bleu -violet Rouge -violet


Violet

ACCORDS DE 3 COULEURS

Les accords de 3 couleurs sont engendrés par 4 triangles équilatéraux et 48 tringles isocèles.

4 tringles équilatérales :

Jaune
Jaune - Vert Jaune- orange

Vert Orange

Bleu -vert Rouge - orange

Bleu Rouge

Bleu -violet Rouge -violet


Violet

4 tringles isocèles (même sommet) :

Jaune / rouge violet / bleu violet


Jaune / jaune orange / jaune vert
Jaune / vert / orange
Jaune / bleu vert / rouge orange

148
Jaune
Jaune - Vert Jaune- orange

Vert Orange

Bleu -vert Rouge - orange

Bleu Rouge

Bleu -violet Rouge -violet


Violet

ACCORDS DE 4 COULEURS
Il est possible de construire
quatre combinaisons.

1. Couleurs qui forment entre elle un carré :

- Jaune / rouge orangé / violet / bleu vert.


- Jaune orangé / rouge / bleu violet / vert.
- Orange / rouge violet / bleu / jaune vert.
Jaune
Jaune - Vert Jaune- orange

Vert Orange

Bleu -vert Rouge - orange

Bleu Rouge

Bleu -violet Rouge -violet


Violet

2. Deux paires de couleurs complémentaires on obtient un rectangle :

- Jaune vert / jaune orangé / rouge violet / bleu violet.


- Jaune / orange / violet / bleu.
- Rouge orangé / rouge violet / bleu vert / jaune vert.

149
- Orange / Rouge / bleu vert.

Jaune
Jaune - Vert Jaune- orange

Vert Orange

Bleu -vert Rouge - orange

Bleu Rouge

Bleu -violet Rouge -violet


Violet

ACCORDS DE 6 COULEURS

Jaune / vert / bleu / violet / rouge / orange.


Jaune-orange / rouge-orange / rouge-violet / bleu-violet / turquoise / jaune-vert.

Jaune
Jaune - Vert Jaune- orange

Orange
Vert

Rouge - orange
Bleu -vert

Rouge
Bleu
Rouge -violet
Bleu -violet
Violet

150
Nous pouvons également construire des accords harmonieux à six tons en ajoutant du noir et du blanc
à quatre couleurs pures.
Choisissons, dans la zone équatoriale de la sphère des couleurs, quatre couleurs qui forment entre elle
un carré ; nous obtenons un accord à quatre tons formé de deux paires de couleurs complémentaires.

autres part, vers le bas avec le


noir, comme le montre la figure :
Nous obtenons ainsi un octaèdre.
Tous les accords à quatre tons formés à partir de la zone équatoriale peuvent se transformer en accords
he.
Au lieu de partir du carré, nous pouvons également partir du rectangle.

ACCORDS DE 5 COULEURS

combinaison.
Ces accord à cinq tons se composent par exemple de :
Blanc
Jaune / rouge / bleu / noir et blanc.
Orange / violet / vert / noir et blanc.

jaune

Bleu Rouge

e Harmonie monochrome
reste monochrome si cette couleur est déclinée à travers toute

f Harmonie monochrome
neutre

blanc, du noir et du marron dans toutes leurs déclinaisons de luminosité : grège,

i harmonie des camaïeux

armonie est

151
camaïeux
Important :
capricie
Chaque couleurs, chaque groupe de couleurs, possède une personnalité particulière, vit et se

colorés les plus

expressifs en choisissant avec le plus justesse les contrastes de couleurs.

152
VIII - LES CONTRASTES DE COULEURS

O aut
comparer des différences ou des intervalles sensibles. Lorsque ces différences atteignent un

Quand nous cherchons la présence de sept contrastes de couleurs différentes.


1 - Contraste de la couleur en soi

grands efforts de la vision

Rouge Noir
2 - Contraste clair, obscur

blanc sont totalement opposé .Les couleurs perdent leur luminosité quand on les mélanges avec du
blanc ou du noir.
.
Blanc Noir
3 - Contraste chaud-froid

des couleurs, Des expériences ont montré que la couleur froide calme la circulation, alors que la

Bleu Jaune
4 - Contraste des complémentaires
Nous désignons par le nom de complémentaires deux couleurs pigmentaires dont le mélange donne le
gris neutre.
Elles sont opposées mais exigent leur présence réciproque.
Orange Bleu
5 - Contraste simultané

en m -à-dire simultanément, la couleur complémentaire et le produit lui-même si elle ne lui


est pas donnée.

Texte en

Bleu Orang
Fond : Blanc e

Goeth disait :
6 - Contraste de qualité
Par notion de qualité de la couleur , nous entendons le degré de pureté ou de saturation des

couleur terne sans éclat.


blanc, noir, gris
Nous pouvons également troubler une couleur pure en la mélangeant avec sa couleur
complémentaire.

Vert
Vert
clair

153
7 - Contraste de quantité
Le contraste de quantité concerne les rapport de grandeur de deux ou de plusieurs couleurs,
beaucoup peu » ou du contraste « grand petit »

Jaune

154
IX - PSYCHOLOGIE ET SYMBOLIQUE DE LA
COULEUR
; chaque culture leur a attribué des rôles à
age visuel. Pour que le messages soient
compréhensibles, il est important de respecter les connotations usuelles dans une culture
précise.

Quelques exemples de symbolisme de la couleur :

Blanc : innocence, pureté, froid.


Noir : nuit, deuil, mort, pensées morbides.
Bleu : fidélité, profondeur, chasteté, éternité.
Vert : espérance, croissance, timidité, inactivité.
Jaune : volonté, envie, jeunesse, haine.
Or : richesse, soleil, joie.
Rouge : passion, action, sans.
Pourpre : autorité, majesté.
Violet : deuil, résignation, vieillesse.
Gris : infériorité, recul, conservatisme, indécision.

Il ne faut surtout pas oublier que ce sont des suggestions et que la combinaison de deux ou
imentations et surtout de
valider ces perceptions auprès des spectateurs ou clientèles cibles.

155
X - RELATION FORME ET COULEUR
Dans un travail artistique les valeurs expressives de la forme et de la couleur doivent synchronisées .cela
sig
Il existe trois couleurs fondamentales : Rouge, Bleu et Jaune ainsi que trois formes fondamentales simples
et expressives : Le carré, Le triangle et le cercle

A Le carré

Le caractère fondamental est déterminé par deux horizontales et deux verticales


de même longueur qui se coupent à angle droit.
Rouge Symbole de matière au repos
De pesanteur
De frontières fixes
Stable
Lourde
Statique
Toutes les formes géométriques qui sont basées sur des lignes horizontales et verticales
appartiennent par leur caractère à la famille de carré

- Rectangle
- Parallélogramme
-

Au carré correspond le rouge


caractérisent la forme statique et lourde du carré.

B Le triangle

Le caractère fondamental du triangle lui est donné par les trois diagonales qui se coupent en
formant trois angles.
Jaune Ses angles aigus ont un aspect agressif
Combatif

A la famille du triangle appartiennent toutes les formes de caractère diagonal

- Triangle équilatéral
- Triangle rectangle
- Triangle isocèle
- Triangle scalène

Le triangle est un symbole de pensée et la couleur qui correspond à sont caractère désincarné
est le jaune claire.

156
C Le cercle

à une distance constante .


Le cercle produit un sentiment de détente
Rouge de mouvement perpétuel

Le cerc
Espace
profendeur
A la famille du cercle appartiennent toutes les formes géométriques courbes ou de
caractères circulaire.

- ellipse
-
- la sinusoïde
- la

A la forme circulaire qui se meut sans arrêt correspond le bleu


transparent

D - Les formes correspondant aux couleurs


secondaires sont :

Rouge Orange
Jaune

Jaune Vert Bleu

Bleu Violet Rouge

157
XI - EMPLOI DE LA COULEUR

appuie le message .

De ce faite , le choix de la couleur doit prendre en considération plusieurs


facteurs à savoir :

le respect des lois de lisibilité et de visibilité ;

le respect des habitudes ( couleurs primaires pour les jouets destinés à


des très jeunes ;

158
159

Vous aimerez peut-être aussi