MANUEL DE DESIGN GRAPHIQUE

Design, Graphic Communication · notes

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

Advertisement

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 .

Advertisement

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

Advertisement

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

Advertisement

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