MANUEL DE
DESIGN GRAPHIQUE
Livre 1.indb 1
13/06/2014 11:13:24
L dition originale de cet ouvrage a t publi e en
2014 aux tats-Unis par Rockport Publishers, sous
le titre
Design Elements
A graphic style manual, Understanding the rules and
knowing when to break them, 2nd edition
Copyright 2014 by Rockport Publishers, Inc.
First published in the United States of America by
Rockport Publishers,
a member of Quayside Publishing Group
100 Cummings Center
Suite 406-L
Beverly, Massachusetts 01915-6101
All rights reserved.
Dunod, 2014 pour la traduction fran aise
5, rue Laromigui re, Paris 5e
www.dunod.com
ISBN 978-2-10-071137-6
Traduction fran aise : Daniel Gouadec et Julie Perry
Couverture : Am lina Bouchez
Design original : Timothy Samara
Mise en page : Arclemax
Ouvrage imprim en Chine
Toute repr sentation ou reproduction int grale ou
partielle faite sans le consentement de lauteur ou
de ses ayants droit ou ayants cause est illicite selon
le Code de la propri t intellectuelle
et constitue une contrefa on r prim e par le Code
p nal.
Seules sont autoris es les copies
ou reproductions strictement r serv es lusage
priv du copiste et non destin es une utilisation
collective, ainsi que les analyses et courtes
citations justi es par le caract re critique,
p dagogique ou dinformation de lSuvre
laquelle elles sont incorpor es, sous r serve,
toutefois, du respect des dispositions des articles
L 122-10 et L 122-12 du m me Code, relatives la
reproduction par reprographie.
Livre 1.indb 2
13/06/2014 11:13:24
FORME + E SPACE
COULEUR
TYPOGRAPHIE
IMAGES
COMPOSITION
TIMOTHY SAMARA
MANUEL DE
DESIGN GRAPHIQUE
Conna tre les r gles du graphisme
et lart de les d tourner
Traduit de langlais par Daniel Gouadec et Julie Perry
Livre 1.indb 3
13/06/2014 11:13:25
SOMMAIRE
26
86
128
LES FORMES
ET LESPACE
chapitre 1
LES
COULEURS
chapitre 2
LA TYPO-
GRAPHIE
chapitre 3
FORME ET ESPACE 28
IDENTIT DE LA COULEUR 88
STRUCTURE ET OP TIQUE 130
CAT GORIES DE FORMES 38
INTERACTION
CHROMATIQUE 98
PROBL MES DE POLICES 138
OCCUPATION DE LESPA CE 58
SYST MES DE COULEUR 112
MISE EN FORME DU TEXTE 146
STRAT GIES DE COMP OSITION 72
MOTIONS ET MESSAGES 122
TEXTURE ET ESPACE 162
CARACT RES
ET INFORMATION 170
CARACT RES ET COULEURS 182
Livre 1.indb 4
13/06/2014 11:13:25
QUEST-CE QUE
LE GRAP HISME ? 6
VINGT R GLES DOR DUNE
CR ATION R USSIE 10
QUAND ET POURQUOI
ENFREINDRE CHAC UNE
DES R GLES DOR 296
INDEX DES NOMS P ROPRES 312
INDEX G N RAL 315
CONTRIBUTEURS 318
SOMMAIRE
186
232
LES
IMAGES
chapitre 4
LA COMPO-
SITION
chapitre 5
LE POUV OIR DES IMAGES 188
CARACT RES ET IMAGES 234
M DIA ET M THODES 204
LES GRILLES 246
MODES DE PR SENTATION 216
CONTENU ET CONCEPT 220
LA COMPOSITION
INTUITIVE 264
LE GRAP HISME
COMME SYST ME 272
LE PROCESSUS DE TRA VAIL 288
Livre 1.indb 5
13/06/2014 11:13:25
Le graphiste est un communicant
qui exprime visuellement
des id es.
QUEST-CE
QUE LE
GRAPHISME ?
Logo dune soci t
de services
nanciers
LSD ESPAGNE
Logo dune banque
alimentaire
NAROSKA DESIGN
ALLEMAGNE
6
Livre 1.indb 6
Identit visuelle et signalisation pour un caviste PARALLAX AUSTRALIE
13/06/2014 11:13:25
Couverture dun livre avec jaquette
transparente
LABORAT RIO SECRETO BR SIL
Le graphiste utilise des images, des
symboles, des caract res, des couleurs et
des l ments graphiques sur support
dimpression ou sur cran pour
communiquer et organiser des id es, et
donner un message la forme qui suscitera
la r action voulue.
Au d part, le graphisme tait affaire
de cr ation de polices de caract res et
dimpression de livres. Il sest tendu depuis
la r volution industrielle (n du XVIIe -
d but du XVIIIe si cle) la publicit , aux
p riodiques, aux afches et aux vecteurs
ph m res des nouveaux march s de grande
consommation. Le terme conception
graphique attribu W.A. Dwiggins,
illustrateur et concepteur de livres, qui
laurait cr pour d signer ses propres
activit s, est apparu en 1922. L tude
formelle du graphisme est devenue une
discipline part enti re dans les ann es 1920
et le terme sest g n ralis apr s la seconde
guerre mondiale.
Contrairement dautres disciplines des
arts visuels, le graphisme ne rel ve pas de la
cr ation artistique spontan e. Il sagit dune
prestation de service r mun r e r pondant
la demande dun client (entreprise ou
autre). Si la cr ation artistique a toujours t
nanc e par des m c nes, cest seulement
dans les ann es 1830 quest n le mythe
du peintre boh me dont lSuvre est
lexpression de sa personnalit . Ainsi est
apparue la distinction entre beaux-arts et
art commercial . Les graphistes ont tir
parti de cette distinction pour des raisons
philosophiques et strat giques, et surtout
parce quils y voyaient un moyen de faire
reconna tre une profession susceptible
dapporter une inestimable valeur ajout e
aux entreprises.
Invitation un v nement marketing
STUDIO NEWWORK TATS-UNIS
manuel de design graphique
7
Livre 1.indb 7
13/06/2014 11:13:25
Site Web dun cabinet darchitectes POULIN + M O R R I S TATS-UNIS
peuvent exprimer des id es, assurer la
coh sion et le dynamisme esth tique, et
signier des concepts dordre sup rieur tout
en suscitant une r ponse motionnelle forte.
Le graphiste doit galement bien conna tre
la psychologie et lhistoire car il lui faut
ma triser les fondements sociaux, les
habitudes culturelles et le symbolisme,
tout autant que les concepts du marketing
(stimuler, susciter ou renouveler les besoins
du consommateur).
Enn, et ce nest pas la moindre des choses,
il doit avoir une connaissance approfondie
et une parfaite ma trise des multiples
technologies sollicit es dans la mise en
Suvre de la solution retenue : supports et
techniques dimpression, photo et vid o,
programmation informatique, processus
industriels, infographie, ergonomie, etc.
S quence anim e ONLAB ALLEMAGNE
Au cours des 50 derni res ann es, le
graphiste a t consid r tout la fois
comme un strat ge visuel, un m diateur
Publicité
culturel et, depuis le milieu des ann es 1970,
un auteur . Quelle que soit l tiquette, la
fonction consiste transmettre le cSur de
message dune entreprise en inuen ant
astucieusement un public avide de marques
et, de mani re plus g n rale, en fa onnant
le langage visuel de lenvironnement
postmoderne.
Le graphisme est une discipline de mise
en forme qui conjugue un m lange
de savoirs, de savoir-faire et dintuition
selon des modalit s d termin es par les
caract ristiques de chaque nouveau projet.
Le graphiste doit tre s mioticien
pour comprendre les processus et
interrelations inh rents la perception
et linterpr tation du sens v hicul
par un l ment visuel ou verbal. Il
doit aussi comprendre comment se
transmet linformation strat gies
p dagogiques, repr sentation des donn es,
lisibilit et utilisabilit (exploitabilit ),
ordonnancement cognitif et r solution
hi rarchique de probl mes jusque dans la
typographie, la m canique de conception
dalphabets et la lecture. Il ou elle doit avoir
la ma trise analytique et technique de la
cr ation dimages comprendre comment
les formes, les couleurs et les textures
8
quest-ce que le graphisme ?
Livre 1.indb 8
13/06/2014 11:13:25
Comprendre le sens du graphisme,
cest comprendre le r le de la forme
et du contenu et sapercevoir que le
graphisme est galement commentaire,
point de vue, opinion et responsabilit
sociale.
Le graphiste ne se contente pas
dassembler, dordonnancer ou d diter.
Il apporte de la valeur ajout e et cr e
du sens, claire, simplie, clarie,
modie, accentue, dramatise, persuade
et parfois m me, amuse.
Le graphisme est la fois d but et
n, processus et produit r sultant du
processus de cr ation.
PAUL RAND/ GRAPHISTE, extrait de son livre Design, Form, and Chaos. Yale
University Press: New Haven, 1993
Double page dune brochure dun fournisseur d nergie. COBRA NORV GE
Cependant, le graphisme est davantage
que la somme de ces aspects, dont la
conjugaison cr e un univers dexp riences
tangibles et, souvent, intangibles. Bien
entendu, la beaut est une composante
essentielle de tout message visuel pertinent,
de m me quune prose peut tre terne et
sans oritures ou attirante et lyrique. Mais
les objectifs dun graphiste ne se limitent
pas la conception dun objet utilitaire.
Le graphiste est responsable de la vitalit
intellectuelle et motionnelle de lexp rience
quil entend faire vivre au public. Il doit se
donner pour mission de faire en sorte quelle
transcende la banalit de la transmission
litt rale et d passe l go sme complaisant
et d routant de ce qui ne serait quun plaisir
des yeux. Dans son livre, Typography: Macro-
and Micro-Aesthetics, le graphiste suisse
Willi Kunz afrme ainsi que la fonction
est importante sur le plan de lintellect
mais la forme est importante sur le plan des
motions. Notre vie quotidienne est enrichie
ou appauvrie par notre environnement.
Le pr sent ouvrage traite de ces aspects
formels ou visuels du graphisme et,
implicitement, de leur pertinence par
rapport aux messages quils permettent de
transmettre. Son ambition est de permettre
aux lecteurs de relever (effectivement
et efcacement) les d s de cr ation
auxquels les graphistes sont confront s
quotidiennement.
manuel de design graphique
9
Livre 1.indb 9
13/06/2014 11:13:25
VINGT R GLES
DOR DUNE
CR ATION R USSIE
10
Livre 1.indb 10
Afche pour un v nement musical. SANG ZHANG/ PARSONS SCHOOL OF
DESIGN TATS-UNIS
(F39)_Job:12-40337 Title:RP-Design Elements 2nd Edition
01-AC70319 #175 Dtp:160 Page:10
13/06/2014 11:13:25
Nul nest
cens
ignorer
les r gles
DAVID JURY/TYPOG R APHE/
Dans son livre About Face: Reviving
the Rules of Typography, RotoVision,
Londres 1996
Dire quun graphisme est bon ou
mauvais , cest faire appel des
notions assimil es travers l ducation
ou lexp rience personnelle mais aussi,
souvent, lexp rience de milliers de
graphistes ou critiques. Ces notions
sont parfois dordre esth tique (par
exemple : lasym trie est plus belle que
la sym trie ou une police neutre fera
laffaire ) et parfois dordre strictement
fonctionnel ( les petites nuances des
caract res empattement ont tendance
dispara tre sur un aplat de couleur et
perdent en lisibilit ). Les deux points de
vue sont utiles car ils permettent lun et
lautre d viter des pi ges et de trouver des
solutions qui am liorent une cr ation.
Les r gles, ou principes, sont une r f rence
commune pour linterpr tation et
l valuation du travail de cr ation. Si tout
est bon , rien ne peut plus vraiment
l tre. Le relativisme nit par emp cher
tout jugement honn te et par encourager
la m diocrit universelle. Savoir quelles
r gles sont importantes (au moins du point
de vue historique), et pourquoi, cest se
pr munir contre les effets d sastreux de
leur m connaissance et les cons quences
ind sirables de leur transgression.
chaque fois que lon tente d dicter des
r gles de qualit , les gens se r crient :
cest trop contraignant ! Mais les r gles
notamment celles que nous pr sentons
ici ne sont rien dautre que des guides,
fond s sur lexp rience de nombreux
professionnels avis s. Elles souffrent donc
toutes des exceptions et il est possible de
les transgresser ou dy d roger, mais pas
impun ment. Quand le contexte sy pr te,
la transgression dune r gle peut conduire
en renforcer une autre et constituer une
v ritable innovation une r v lation qui,
trangement, cr e une autre r gle. Ainsi va
la cr ativit humaine.
Aucune r gle pas plus celles qui suivent
que dautres ne doit donc tre consid r e
comme une loi dairain. Si vous nen tes
pas convaincu, rendez-vous page 296,
o je me fais lavocat de la transgression
de toutes les r gles pr sent es ici. Au
nal, cest vous qui d ciderez si vous les
appliquez et quand, mais, au moins, ce sera
en parfaite connaissance de cause.
Livre 1.indb 11
manuel de design graphique
11
(F39)_Job:12-40337 Title:RP-Design Elements 2nd Edition
01-AC70319 #175 Dtp:160 Page:11
13/06/2014 11:13:25
SANS CONCEPT,
QUE DU VIDE !
01 En labsence de message, de r cit, did e,
dhistoire, ou dexp rience utile, on ne
peut pas parler de graphisme. En labsence
de message clair, m me si la chose
est belle et visuellement fascinante, cest
une coquille vide. Et cest tout pour cette
premi re r gle.
Des sacs plastiques fermeture
glissi re, portant des
tiquettes de scell s, renferment
les livres dune s rie de romans
policiers (ci-contre) et les livres
eux-m mes deviennent des
art facts des romans policiers.
THOMAS CSANO CANADA
Le site Web dun studio
dillustration num rique
(ci-contre) substitue aux
pr sentations conventionnelles
un ensemble dimages
voquant lenvironnement de
travail du copiste. Les activit s
du studio safchent sur les
pages dun livre ouvert pos
sur un lutrin et les outils de
navigation sont sous forme
dic nes en haut et gauche.
DISTURBANCE AFRIQUE DU SUD
12
vingt r gles dor dune cr ation r ussie
Livre 1.indb 12
13/06/2014 11:13:25
02
COMMUNIQUER,
CEST FAIRE SIMPLE
La forme est porteuse de sens et rien
dans cette forme ne doit venir brouiller
le message et garer le public. Lexc s
dimages et deffets perturbe la
communication. Tout ce qui napporte rien
la composition ou ne contribue pas au
sens nest pas du graphisme, juste de la
d coration. Chaque l ment visuel doit
tre pertinent et avoir une fonction pr cise,
justi e. Sinon, il doit tre remplac .
Publicité
03
SOYEZ UNIVERSEL
Votre message est destin un public
aussi large que possible, pas quelques
sp cialistes de haut vol. Vous savez ce que
vous avez voulu dire, la communaut des
graphistes le verra aussi. Mais si le grand
public ne comprend pas, quoi bon ? Visez
luniversel. Puisez dans le tr sor commun
des formes et m taphores de lhumanit .
Cr ez des liens, pas des fronti res. Et
pour savoir si vos id es marchent ,
soumettez-les lavis du premier venu.
La m taphore de la eur
qui souvre r hausse une
publication de travaux
d tudiants en graphisme
(ci-dessus).
Des lavis abstraits lencre
donnent limpression que les
p tales se d ploient. TIMOTHY
SAMARA TATS-UNIS
Lune des raisons pour lesquelles
lafche ci-contre pla t tant est
que le cercle de couleur chaude
ottant sur un horizon bleu
clair et ponctu par un champ
jaune rafra chissant se passe
dexplication. Lafche parle si
clairement nos exp riences
partag es quelle semble
pour ainsi dire instinctive.
ADAMSMORIOKA TATS-UNIS
Livre 1.indb 13
13/06/2014 11:13:26
manuel de design graphique
11
Dans cet ensemble de
brochures pour une exposition
(ci-contre), un langage visuel
sp cique dimages d tour es
de forme g om trique,
monochromatiques et
transparentes r pond laxe
de sym trie du texte par un
positionnement rythmique.
Le contraste du trait et les
d tails graphiques de la police
empattement sont lunisson
des d tails d coratifs internes
des images mais contrastent par
son aspect planaire.
GOLDEN COSMOS ALLEMAGNE
La ma trise parfaite, d licate,
des l ments minimaux, des
alignements et des espaces
autour deux et entre eux
cr e un espace dynamique,
quasi-architectural, actif et
tridimensionnel& parfaitement
adapt la brochure pr sentant
un cabinet darchitecture
contemporaine (ci-contre). LSD
ESPAGNE
04
PAS DE CACOPHONIE
VISUELLE !
Assurez-vous que tous les l ments
communiquent les uns avec les autres.
Le bon graphisme suppose que le langage
visuel dun tout sa logique interne
est tel que ses parties se renforcent
mutuellement en termes de forme, poids
visuel ou agencement, mais aussi du point
de vue conceptuel. Tout ce qui nest pas
int gr affaiblit le message.
05
MOINS, CEST MIEUX !
La th orie du moins cest mieux
nest pas un dogme esth tique. Cest
une question de bon sens : plus il y a
d l ments dans un espace donn , plus il
est difcile de voir lessentiel. Il ne faut
surtout pas confondre complexe et
compliqu . La vraie puissance cr atrice
est celle qui exploite le moins d l ments
possibles sans appauvrir lexp rience. Plus,
cest souvent trop, tout simplement.
14
vingt r gles dor dune cr ation r ussie
Livre 1.indb 14
13/06/2014 11:13:26
LIMPORTANT, CEST LE
BLANC
06 Lespace n gatif (le blanc) est crucial en
graphisme : il attire lSil et lui offre un
espace de repos. Lespace n gatif est une
forme comme les autres. Faites-le ressortir
et interagir avec les autres l ments.
Labsence despace n gatif cr e une
pr sentation oppressante devant laquelle
le public se sent cras .
Dans lespace d limit par les
angles visuels cr s par le titre
et le corps du texte, deux mains
tendues lib rent un papillon
symbolique. Le message
de limage est subtilement
reformul par lespace
compositionnel avec lequel elle
interagit. LOEWY ROYAUME-UNI
Livre 1.indb 15
13/06/2014 11:13:26
manuel de design graphique
15
07
SANS HI RARCHIE,
PAS DE TRAJET
Attirez dembl e lattention du public sur
un l ment important une forme massive,
une image ou des caract res surprenants,
une couleur os e puis, en suivant un ordre
logique, sur les l ments moins importants
de proche en proche. Cela sappelle
hi rarchiser amener voir dans un
ordre donn et conditionne lacc s et la
compr hension. Sans hi rarchie, la bataille
est perdue davance.
08
LA SYM TRIE, UNE
AMIE QUI NE VOUS
VEUT PAS QUE DU BIEN
Comme dans la nature, la sym trie peut
tre efcace en graphisme. Mais elle
doit tre mani e avec pr caution. Les
compositions sym triques deviennent vite
statiques et plates et tout ce qui nentre
pas dans le moule d ni par la sym trie est
extr mement difcile traiter. La sym trie,
souvent per ue comme conventionnelle (ce
qui nest pas toujours le cas) laisse parfois
penser que le graphiste a c d la facilit et
manque de cr ativit comme si le format
imposait lagencement du mat riau.
Le public percevra le titre de
lafche ci-contre trente pas,
puis il verra le nom du th tre
et, par ordre d croissant de
contraste, poids et taille, le
reste de linformation. Le jeu des
polices conjugu au mouvement
engendr par le titre et les
formes de fond, contribue
guider le regard de l l ment
le plus important au moins
important. DESIGN RUDI MEYER
FRANCE
Les concepteurs du livre ci-
contre, qui organisent le texte
et les titres par rapport aux
axes (vertical et horizontal)
des pages, ont pr serv le
s rieux qui sied au sujet
mais trois caract ristiques
essentielles (contraste d chelle
extr me, transparence et
rotation d l ments textuels)
donnent lensemble un aspect
dynamique.
STUDIO BLUE TATS-UNIS
16
vingt r gles dor dune cr ation r ussie
Livre 1.indb 16
13/06/2014 11:13:26
DU RELIEF,
ENCORE DU RELIEF
09 Les gens tendent consid rer que ce qui
est visuellement bidimensionnel est plat.
Les compositions qui ne r ussissent pas
donner une impression de profondeur ou de
mouvement celles o tous les l ments
ont la m me taille, le m me poids, la
m me couleur et semblent parfaitement
quidistants semblent ternes et sans vie.
Donnez au public lillusion de la profondeur
en faisant varier la taille et la transparence
des l ments. Diff renciez les densit s
et les ouvertures en regroupant certains
l ments et en en cartant dautres.
Appliquez de la couleur aux formes de telle
sorte que certaines semblent avancer et
dautres reculer. Persuadez le spectateur
que la surface est une fen tre souvrant sur
un monde plus vaste, attirant.
Une forte progression des
divisions spatiales sur la double
page ci-contre (du plus large
au plus troit), conjugu es
avec des relations diagonales
soigneusement calcul es entre
les formes et un contraste
ininterrompu de tailles, valeurs
et proximit s des l ments
cr e un mouvement optique
saisissant et cr e lillusion de
profondeurs spatiales vari es.
STAYNICE PAYS-BAS
Livre 1.indb 17
13/06/2014 11:13:26
manuel de design graphique
17
DE LA COULEUR,
CERTES, MAIS AVEC
Publicité
DISCERNEMENT
10 Nutilisez pas nimporte quelle couleur.
Vous devez savoir quel r sultat vous
obtiendrez en combinant des couleurs et,
plus encore, ce quelles diront au public.
Elles portent une charge psychologique
et motionnelle consid rable, dont la
signication peut varier norm ment dun
groupe culturel ou dun individu lautre.
Il faut les choisir avec le plus grand soin
car elles impactent la hi rarchie visuelle, la
lisibilit des caract res et la mani re dont
les gens tablissent des connexions entre
des l ments disparates on parle souvent
de codage de couleurs. Ne croyez pas non
plus que telle ou telle couleur est adapt e,
simplement par convention. Choisir le
bleu pour les services nanciers allait de
soi ces cinquante derni res ann es, mais
il faut choisir la couleur qui convient, pas
n cessairement celle que tout le monde
attend.
Les roses adoucis du
conditionnement de parfum ci-
contre sont f minins mais pas
mi vres, et un l ger glissement
vers le brun dans la typographie
cr e une interaction subtile
mais riche. Lor-vert
compl mentaire presque un
compl ment direct mais, une
fois encore, l g rement d cal
introduit un riche contraste et
voque complexit et s duction.
A10 DESIGN BRAZIL
18
vingt r gles dor dune cr ation r ussie
Livre 1.indb 18
13/06/2014 11:13:26
11
MOINS DE COULEUR,
CEST MIEUX
La couleur est excitante mais lindigestion
guette. Si trop de choses se passent en
mati re de teintes, de valeurs et dintensit ,
le spectateur est incapable de d gager une
id e dont il se souviendra. Contentez-vous
dune palette simple et cr ez de riches
relations. Avec du noir seul, par exemple,
on peut faire beaucoup et lutilisation dune
unique couleur spectaculaire aura toujours
un impact consid rable.
12
LE CLAIR ET LE
SOMBRE, AVEC FORCE
Les valeurs des teintes sont un puissant
outil graphique. Assurez-vous que vous
utilisez une gamme de teintes claires et
sombres mais ne la tartinez pas. Concentrez
les zones de noir et blanc extr mes,
cr ez des explosions de luminosit et des
sous-courants sombres. Contrebalancez
avec des transitions plus subtiles entre
valeurs voisines. Diff renciez nettement et
clairement les valeurs.
Bien quayant incorpor des
photographies en couleur,
le concepteur de la double
page de brochure ci-contre a
r duit la palette de couleur
un ensemble de verts, bleus
et violets froids troitement
corr l s, les tons chauds venant
exclusivement en soutien.
TIEN-MIN LIAO TATS-UNIS
Sur lafche ci-contre, une
typographie lumineuse,
tincelante, se d tache sur
un fond sensuel form par
les douces ondulations de
transition entre le noir intense
et le bleu lumineux. En
modiant la taille des groupes
de caract res ainsi que celle
des espaces interm diaires,
le graphiste introduit des
transitions de valeurs
correspondant des transitions
comparables dans limage.
PAONE DESIGN A SSOCIATES
TATS-UNIS
Livre 1.indb 19
13/06/2014 11:13:26
manuel de design graphique
19
13
PAS DE TYPOGRAPHIE
AGRESSIVE
Il va sans dire que des caract res illisibles
ne servent rien, mais cela va mieux
en le disant. La typographie doit tre
expressive, visuellement inventive et
conceptuellement vocatrice. Mais elle doit
surtout transmettre de linformation. Pour
que tout se passe bien, il faut des polices
de caract res lisibles, dune taille telle que
votre grand-m re puisse les lire, et des
contrastes de couleurs normaux .
14
JAMAIS PLUS DE DEUX
FAMILLES DE POLICES
DE CARACT RES
Trois, la rigueur. Les polices doivent
correspondre des objectifs sp ciques. Il
est rare quun projet comporte plus de deux
ou trois types de texte. Un changement de
police signale g n ralement un changement
de fonction. Une police de caract res
unique avec une diversit de graisses et des
italiques peut sufre. Une seconde police
apportera au besoin un contraste bienvenu.
Un exc s de polices trahit un manque de
ma trise et d tourne lattention du lecteur.
Des polices de caract res bien
dessin s, neutres, permettant
de distinguer les niveaux de
navigation des contenus gr ce
des rapports clairs de corps,
de graisse et dorganisation,
renforcent la navigabilit du
site Web ci-contre. ESTRADA
ESPAGNE
Une seule police ici une
police sans empattement
avec diverses graisses suft
pour apporter une vivacit
texturale dynamique. Le secret
r side dans les choix d cisifs de
tailles d l ments textuels et la
maximisation des contrastes de
sombres et clairs via les jeux de
graisses dans le respect dune
unit stylistique globale.
CONOR & DAV ID IRLANDE
20
vingt r gles dor dune cr ation r ussie
Livre 1.indb 20
13/06/2014 11:13:26
15
LES CARACT RES NE
SONT PAS UNE GREFFE
Une typographie dissoci e des images
ou plaqu e sur elles, au motif que cela
suft pour lint grer la mise en page,
est souvent inefcace. Les caract res sont
des l ments visuels faits de lignes et de
points, de formes et de textures qui doivent
sint grer dans la composition, par-del
les diff rences apparentes, tout ce que le
graphisme inclut.
16
PAS DE REDONDANCES
REDONDANTES
Une m me information ne doit pas tre
v hicul e la fois par le texte et par
limage. Le texte doit dire ce que limage
ne montre pas et limage montrer ce que le
texte ne dit pas. Image et texte doivent non
seulement se compl ter et se conjuguer,
mais aussi renforcer la compr hension.
Leur compl mentarit et leur solidarit
renforcent limplication du public.
Le style des caract res
gras, tout en capitales et
sans empattement et leur
disposition contribuent
la composition de lafche
ci-contre. Le titre remplit
la fois la fonction de
piste datterrissage et
didenticateur. Le logo
repr sente un a ronef dont
lh lice est lovale du 5.
Langularit des nombres
contraste directement avec les
courbes des formes nuageuses
et le texte en haut droite cr e
un mouvement en diagonale
et anime lespace sup rieur de
lafche.
C+G PARTNERS TATS-UNIS
Plut t que de repr senter
le sujet de lafche ci-contre
photographies doiseaux
en montrant le contenu de
lexposition ou en formulant
litt ralement son objet, le
graphiste a retenu une approche
plus conceptuelle. Lobjet
tant explicitement formul
dans le titre et le sous-titre de
lexposition, le graphiste a pu
d velopper une id e visuelle
d passant ce qui tait attendu
et proposer un message plus
profond et plus conceptuel.
Les lettres d coup es dans du
papier et scann es ne cr ent pas
seulement une dimensionnalit
photographique ; elles cr ent
galement des associations
visuelles avec des pattes,
des ailes, des plumes, des
Publicité
branches, et des ls tous
environnements communs aux
oiseaux et aux humains.
LESLEY MOORE PAYS-BAS
Livre 1.indb 21
13/06/2014 11:13:26
manuel de design graphique
21
RIEN QUE DU NEUF !
17 Fabriquez ce dont vous avez besoin et
faites-le du mieux possible, ou payez
quelquun pour le faire selon vos sp cica-
tions. Et ne perdez jamais de vue le fait que
la couleur nest pas n cessairement indis-
pensable. Tr s souvent, quelques points
et quelques lignes, un symbole simple et
branch , un motif abstrait ou un gribouil-
lis, constituent une solution originale et
efcace. Les options sont innombrables.
Essayez de ne pas utiliser ce qui existe d j ,
m me si cest moins cher ou plus facile.
Cr er des images partir de rien sur
quelque support que ce soit vous aidera
mieux singulariser le message de votre
client et tablir de puissantes connexions
avec le public. Et en plus vous pourrez dire
que cest vous qui avez tout fait.
Pas de photo ou dillustration
sous la main ? Mauvais en
dessin ? Pas de probl me ! Un
graphiste qui comprend bien
comment les formes abstraites
communiquent et accepte
de faire simple ici, avec un
logiciel de dessin et un ltre
de ou (datt nuation) peut
transformer des l ments
visuels simples en images dune
originalit saisissante et dune
grande justesse conceptuelle.
CLEMENS TH OBE RT SCHEDLER
AUTRICHE
Il suft de peu de chose pour
donner une image m me
une mauvaise image fournie
par le client un caract re de
nouveaut et doriginalit . Un
changement de couleurs et une
l g re texturation donnent
une nouvelle vie au portrait
ci-contre.
MUTABOR ALLEMAGNE
Des images photographiques
existantes sont r invent es dans
le collage ci-contre, d coup es et
coll es, puis d cor es de dessins
au crayon de couleur.
MANUEL ESTRADA ESPAGNE
22
vingt r gles dor dune cr ation r ussie
Livre 1.indb 22
13/06/2014 11:13:27
18
PAS DE VIEUX
RECOPI NON PLUS
La connaissance du pass aide
comprendre les approches et lesth tique
des a n s, et permet de replacer son propre
travail en contexte. Savoir comment
un autre a r solu le probl me que vous
rencontrez est tout aussi utile. Inspirez-
vous donc du pass , mais ne reproduisez
pas servilement le style dune poque
donn e au motif quil vous branche. On
vous taxerait au mieux de paresse, au pire
de plagiat.
19LA MODE
DAUJOURDHUI NEST
PAS CELLE DE DEMAIN
Un graphiste branch capte souvent
lattention et le public aime naturellement
ce qui est la mode. Mais ne vous y laissez
pas prendre. Si vous vous concentrez sur le
sens et non sur les tendances stylistiques
du moment, vos projets auront une
r sonance plus forte, ils ne se d moderont
pas et leur impact sera plus durable.
Personne ne sextasie devant le Panth on
de Rome, vieux de pr s de 2000 ans, au
motif quil serait si merveilleusement
1er si cle ! .
La couverture ci-contre dune
r dition dun important
manifeste artistique re te
l nergie et lirr v rence de
la p riode et de son style
sans limiter servilement. La
distorsion et la d formation des
caract res se substituent aux
r p titions et recouvrements
caract ristiques du style
dorigine. MAREK OKON CANADA
Sur les couvertures des
classiques ci-contre
(appartenant une m me
collection) des illustrations
soigneusement travaill es
sont dispos es en motifs
sym triques, comme sur du
papier peint, et d cor es de
petits caract res simples
empattement tous gestes
graphiques qui ne sont pas en
vogue ( la date de l dition
concern e). Et pourtant,
ce langage visuel adapt
aux th mes et contextes des
ouvrages para t moderne.
En se concentrant sur des
messages authentiques et en
les exprimant travers des
polices de caract res et des
images simples et bien form es,
le graphiste propose un univers
d licieusement intemporel qui
transcende les engouements
passagers.
CORALIE BICKFORD-SMITH
ROYAUME-UNI
Livre 1.indb 23
13/06/2014 11:13:27
manuel de design graphique
23
LIRR SOLUTION
EST LA M RE DE TOUTES
LES AMBIGU T S
20 Lh sitation nest plus de mise lorsque
vous commencez mettre en place les
diff rents l ments de votre composition.
Faites conance ce que vous ressentez.
Sachez que les apparences sont parfois
trompeuses. Un cercle et un carr de m me
taille semblent de tailles diff rentes. Il
est difcile, souvent, de dire lequel est
le plus grand, le plus sombre, ou sils se
touchent. Recourir des mesures
physiques pour aligner deux l ments
qui, au nal, ont lair pas de ne pas tre
align s, nest pas forc ment utile. Ce que le
spectateur verra, ce sont deux l ments qui
auraient d tre align s mais qui ne le sont
pas. Ce qui importe, cest que le spectateur
soit convaincu par ce que vous lui montrez.
Une composition r solue est convaincante ;
une composition ambigu ou h sitante est
tout linverse.
premi re vue, on penserait
que le graphiste a combin
les formes graphiques et les
caract res de lafche ci-contre
spontan ment et sans effort.
En y regardant de plus pr s,
on constate que le dynamisme
hardi et assur de cette
afche est d des rapports
compositionnels complexes
et des contrastes d cisifs,
longuement m ris, entre ses
diff rentes parties. Le trait
n de laxe diagonal sortant
de limage principale, par
exemple, est plus subtilement
reformul par langle de la
forme enfermant le titre de
lafche et par les lignes de texte
au-dessous, cr ant une seconde
ligne invisible parall le. Le
point en haut droite est
dispos sym triquement
au-dessus dun axe vertical
optiquement d ni par des
points de tension g n r s dans
les formes quil surplombe.
Le passage des petites formes
lin aires aux grandes formes
massives se fait sans rupture
optique bien que leurs tailles,
formes et orientations diff rent.
Des ajustements subtils des
espaces et des interlignes
entre caract res de masses
optiques diff rentes donnent
limpression que ces espaces
sont gaux. La graisse des
lignes n gatives invers es qui
coupent les formes planaires
plus lourdes correspond
visuellement celle des
caract res et une stup ante
vari t dintervalles et de
dessins des contours des formes
tablit une diff renciation
continue du positif et du n gatif
dans la totalit du format.
ARON JANCSO HONGRIE
24
vingt r gles dor dune cr ation r ussie
Livre 1.indb 24
13/06/2014 11:13:27