Logos et typographie en design graphique
Logos et typographie en design graphique
é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
Peut être
- Forme géométrique
- Pictogramme
- Forme géométrique + pictogramme
68
b logo pictogramme
c logo forme
géométrique + pictogramme
Un Logotype
Une représentation graphique et typographique d une entreprise ..
Peut être
69
Logotype Forme géométrique + typographie
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
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.
72
III - Le sigle
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
75
VI les critères de qualité
-L originalité
-L esthétique
Important :
La conception de l image de marque est une étape essentielle quelle que soit
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 :
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
- 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 IMAGES
Le positionnement des illustrations et des déférents éléments graphiques
78
Les déférents médias utilisés : vidéos, audio, animations
79
I - La typographie
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).
80
B- TERE :
a - Caractère matériel (caractère en plombe)
mpression
de la casse.
Délié
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
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
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
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
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
a- le style de la lettre :
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 ,
89
90
91
92
La classification typographique
A - Introduction
1964 NOVARESSE Aldo Typographe italien, présente 10 familles selon la forme des empattements
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
cle
93
C CLASSIFICATION VOX
Maximilien Vox : (1894- 1974) ,graphiste ,premier typographe de France , propose sa classification
Humanes -
rénovée à la renaissance
Ecriture
Scriptes -
la calligraphie.
Incises
(Terminales élargies)
Les Linéales
94
D -
es lettres
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
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
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
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.
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
-
Les capitales :
Caractères représentant les lettres majuscules. Il existe deux types de capitales: les grandes capitales et
petites capitales.
99
Caractères représentant les lettres majuscules
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.
100
Utilisations des caractères
L
(Utiliser les caractères comme des éléments graphiques)
I- les lettrines
du texte.
:
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 :
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
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:
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é).
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.
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
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
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
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
110
8 - LÉGENDES TROP LONGUES
De longues légendes composées avec des petits caractères
sont difficiles à lire
111
10 - ESPACEMENT EXCESSIF APRÈS LES SIGNES DE
PONCTUATION
Vérifiez bien les espaces de ponctuation
112
12 - TITRES ET SOUS-TITRES ISOLÉS
113
14 - CARACTÈRES SEMBLABLES
Les caractères utilisés dans une page doivent être contrastés
difficile
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
19 - ESPACEMENTS IRRÉGULIERS
Un espacement uniforme entre les différents éléments
115
20 - TABULATIONS ET RENFONCEMENT EXAGÉRÉ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) .
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 à
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 )
117
Le pica Créé en Angleterre
1 PICA = 4.224 mm
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
148 points
148 : 12 =12 ciceros et 4 points
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.
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 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
B - Le détourage
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.
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:
c -
ou les courbes expriment
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:
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.
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.
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.
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.
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
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 %.
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.
- 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é.
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
É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.
LA PAPÈTERIE ADMINISTRATIVE
138
Papier à lettre
Carte de visite
Carte de correspondance
Enveloppe
Fax
Communiqué de presse
139
Étude de la couleur
Introduction
!
Les objets sont incolores
rayons lumineux
ignifie en réalité que la
II -
- La couleur
constitutives de la lumière.
- La couleur
par la lumière.
a - La lumière
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
VI - Le cercle chromatique
Cercle chromatique (du grec KHROMA, couleur)
le cercle chromatique élaboré par le peintre Johannes Itten (1888-
143
B - notions des couleurs :
1) Couleurs primaires
Elles sont secondaires car elles sont la résultante du mélange égal, deux à deux, des trois
couleurs primaires.
3) couleurs tertiaires
144
VI- TONS DEGRADES ET TONS RABATTUS
Les tons rabattus
valeur .
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é
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
- orange
Bleu Rouge
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 Rouge
148
Jaune
Jaune - Vert Jaune- orange
Vert Orange
Bleu Rouge
ACCORDS DE 4 COULEURS
Il est possible de construire
quatre combinaisons.
Vert Orange
Bleu Rouge
149
- Orange / Rouge / bleu vert.
Jaune
Jaune - Vert Jaune- orange
Vert Orange
Bleu Rouge
ACCORDS DE 6 COULEURS
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.
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
armonie est
151
camaïeux
Important :
capricie
Chaque couleurs, chaque groupe de couleurs, possède une personnalité particulière, vit et se
152
VIII - LES CONTRASTES DE COULEURS
O aut
comparer des différences ou des intervalles sensibles. Lorsque ces différences atteignent un
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é
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
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.
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é
- Rectangle
- Parallélogramme
-
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
- 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
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
Rouge Orange
Jaune
157
XI - EMPLOI DE LA COULEUR
appuie le message .
158
159