![Page 1: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/1.jpg)
.design graphique
![Page 2: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/2.jpg)
.design graphique
Une chronologie.
Erg (École de Recherche Graphique) - Bruxelles.Atelier pluridisciplinaire Graphisme - 1e année.Professeur: Marc Wathieu.
HEAJ (Haute École Albert Jacquard) - Namur.Communication Visuelle 2e année.Professeur: Marc Wathieu.
Mise à jour: 04 février 2007.
http://www.multimedialab.be
Ce livret PDF a été conçu comme un diaporama destiné à être projeté et commenté.Pour un affichage optimisé, je vous recommande une résolution 1024 X 768, une visualisation avec Acrobat Reader et le raccourci ctrl+l (Windows) ou pomme+l (Mac OSX).
Télécharger ici Acrobat Reader.
![Page 3: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/3.jpg)
.introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici de graphisme, d’industrie graphique et de tout ce qui s’y rapporte. Le domaine du graphisme englobe toutes les techniques de visualisation ayant pour fonction de transcrire un message en signes ou en images à travers un média ou un moyen de communication.
Par contre, le mot «design», hérité du vocabulaire anglo-saxon, est quant à lui généralement perçu de manière confuse par les néophytes, et ne bénéficie d’aucune traduction littérale. «Design» pourrait néanmoins être traduit par «conception». Le design est souvent associé à un domaine : de-sign numérique, webdesign, design industriel, design sonore. Cependant, le design dans sa globalité est plus important que n’importe quel domaine isolé auquel il se rapporte. Le design est une façon de penser. C’est aussi une façon de se situer, d’explorer un problème objectif, et de déterminer des approches pour concevoir et évaluer des solutions ingénieuses et adap-tées à ce problème. Le designer établit aussi des méthodes et des proces-sus pour communiquer les solutions et les mettre en application.
Ainsi, parler de «design graphique» au lieu de «graphisme» induit cette notion de méthodologie de conceptualisation qui, pour fonctionner, doit s’alimenter à d’autres sources : les langages artistiques, scientifiques ou liés à certaines technologies, notamment numériques. Sans oublier tout ce qui a trait plus directement aux systèmes de communication et de visua-lisation de l’information.
Dans le champ de la communication visuelle, le designer graphique serait donc une sorte d’ «ingénieur de l’image», se posant des questions de sens et de structure de l’image (métaphore, symbole, concept, code, signe, hiérarchie de l’information, traitement de données complexes...) et mani-pulant notamment la typographie, la couleur, l’image, le rapport entre le texte et l’image, la mise en page ou en écran, les supports, les matériaux, les réseaux, les données...
![Page 4: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/4.jpg)
.introduction Le design graphique se nourrit des avant-gardes : artistiques et tech-nologiques, mais aussi sociologiques et politiques. Il évolue selon les lieux, les réseaux de communication et leurs supports respectifs (livre, affiche, presse, télévision, espace public, internet/intranet, applications interacti-ves, logiciels, etc...). Il témoigne de l’esprit d’une époque. Ce parcours en image tente d’en rendre compte à travers des exem-ples représentatifs.
![Page 5: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/5.jpg)
Hen
ri d
e To
ulo
use
-Lau
trec
, Am
bas
sadeu
rs:
Arist
ide
Bru
ant,
lithogra
phie
, 1892.
![Page 6: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/6.jpg)
Will
iam
Morr
is,
The
wel
l at
the
world’s
end L
ondon:
Kel
msc
ott
Pre
ss,
1896.
![Page 9: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/9.jpg)
Beggarstaff Brothers (J. Pryde & W.Nicholson), HARPER’S poster, 1896.
![Page 16: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/16.jpg)
James Montgomery Flagg, recruitment poster, 1917.
![Page 17: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/17.jpg)
Filippo Tommaso Marinetti, Les Mots en liberté futuristes, 1919.
![Page 18: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/18.jpg)
John H
eart
fiel
d,
Jeder
man
n s
ein e
igner
fuss
bal
l, 1
919.
![Page 19: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/19.jpg)
Dad
a (D
adap
hone)
, re
vue
éditée
par
Trist
an T
zara
, 1920.
![Page 20: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/20.jpg)
Theo van Doesburg & Kurt Schwitters, Kleine Dada Soirée, 1922.
![Page 21: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/21.jpg)
El Li
ssitzk
y, V
yesh
ch,
nos.
1-2
, Ber
lin,
1922.
![Page 22: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/22.jpg)
Joost
Sch
mid
t, B
auhau
s post
er,
1923.
![Page 26: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/26.jpg)
Rao
ul H
ausm
ann,
ABCD
, 1923-1
924.
![Page 27: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/27.jpg)
Herbert Mayer, Projet pour une écriture universelle, 1925.
![Page 28: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/28.jpg)
László Moholy-Nagy & Theo Van Doesburg, Grundbegriffe... , 1925.
![Page 29: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/29.jpg)
Hei
nz
Sch
ulz
-Neu
dam
m,
Met
ropolis
post
er,
1926.
![Page 34: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/34.jpg)
Rudolf Wolf, Memphis, 1930.
![Page 35: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/35.jpg)
Stanley Morison & Victor Lardent, Times New Roman, 1931-1935.
![Page 36: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/36.jpg)
Ott
o B
aum
ber
ger
, M
oto
r Com
pto
ir Z
ürich
post
er,
1932.
![Page 39: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/39.jpg)
Her
ber
t M
atte
r, S
uis
se p
ost
er,
1934.
![Page 42: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/42.jpg)
Lest
er B
eall,
adio
/ R
ura
l Ele
ctrifica
tion A
dm
inis
trat
ion,
1937.
![Page 43: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/43.jpg)
Page suivante : A-M Cassandre, Harper’s Bazaar magazine, 1938.
![Page 44: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/44.jpg)
![Page 47: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/47.jpg)
Hen
ri M
atis
se,
Icar
e, s
érig
raphie
d’a
prè
s gouac
he
déc
oupée
, 1943.
![Page 50: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/50.jpg)
Page suivante :E. McKnight Kauffer, publicité Stetson dans Life magazine, 1947.
![Page 51: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/51.jpg)
![Page 54: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/54.jpg)
Jose
f M
ülle
r-Bro
ckm
ann,
Sch
üzt
das
kin
d p
ost
er,
1955.
![Page 55: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/55.jpg)
Richard Hamilton, Just What Is It That Makes Today’s Home So Different, So Appealing ?, 1956.
![Page 65: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/65.jpg)
Centrum voor Cubische Constructie (Jan Slothouber en William Graatsma), recherche graphique, 1965-1970.
![Page 69: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/69.jpg)
![Page 72: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/72.jpg)
Robert Crumb, Cheap Thrills (Big Brother & the Holding Company), 1968.
![Page 74: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/74.jpg)
Page suivante : George Lois, Esquire cover, mai 1969.
![Page 75: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/75.jpg)
![Page 80: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/80.jpg)
Rom
an C
iesl
ewic
z, Z
oom
contr
e la
pollu
tion d
e l’o
eil, 1
971.
![Page 81: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/81.jpg)
Page suivante : Massimo Vignelli, NYC subway signage & map, 1972.
![Page 82: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/82.jpg)
![Page 96: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/96.jpg)
Shig
eo F
uku
da,
post
er,
1984.
![Page 104: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/104.jpg)
Pau
la S
cher
, The
div
a is
dis
mis
sed (
post
er),
1994.
![Page 105: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/105.jpg)
Mic
hel
Bouve
t, L
es b
onnes
mén
agèr
es,
1994.
![Page 106: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/106.jpg)
Nous travaillons ensemble, signalétique (Festival de Chaumont), 1995.
![Page 108: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/108.jpg)
Page suivante : Ruedi Baur, identité visuelle et signalétique du Centre Pompidou, 1997.
![Page 109: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/109.jpg)
![Page 113: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/113.jpg)
Page suivante : John Maeda, MIT Math Department poster, 1998.
![Page 114: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/114.jpg)
![Page 119: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/119.jpg)
Asymptote (Hani Rashid & Lise Anne Couture), Undestanding USA, 1999.
![Page 123: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/123.jpg)
Martin Wattenberg, A Net Art Idea Line (Java application), 2001.
![Page 129: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/129.jpg)
Büro Destruct Designer (BDD), software (Shockwave application), 2003.
![Page 138: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/138.jpg)
![Page 139: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/139.jpg)
Bibliographie.
Graphic style, from victorian to digitalSeymour Chwast et Steven Heller (Harry N Abrams, NYC, 2001).
Images de marquesPer Mollerup, Phaidon, Paris, 2005).
Graphic Design for the 21st CenturyCharlotte & Peter Fiell (Taschen, Köln, 2003).
Le Design graphiqueAlain Weill (Découvertes Gallimard, Paris, 2003).
Dictionnaire du graphismeAlan & Isabella Livigston (Thames & Hudson, Paris, 2004).
Transgression (Graphisme et postmodernisme)Rick Poynor (Pyramid, Paris, 2003).
La loi du plus fort - la société de l’imageRick Poynor (Pyramid, Paris, 2002). La Typographie expérimentale Teal Triggs (Thames & Hudson, Paris, 2004).
Typographie, du plomb au numériqueFabienne Siegwart & Jean-Luc Dusong (Dessain & Tolra, Paris, 2003)
![Page 141: design graphique - multimedialab (École de … · .introduction L’expression «design graphique» contient l’adjectif «graphique», faci-le à comprendre : il s’agit ici](https://reader031.vdocuments.site/reader031/viewer/2022022612/5b9b139209d3f21b2f8c9b2c/html5/thumbnails/141.jpg)
Quelques ressources en ligne.
http://www.pixelcreation.fr/portail francophone d’arts visuels, de graphisme et de design.
http://paris.blog.lemonde.fr/Le blog de Peter Gabor.
http://www.my-os.net/blog/Le blog de Etienne Mineur.
http://www.underconsideration.com/speakup/Speak Up, blog fondé par Armin Vit.
http://www.designwritingresearch.org/Le site de Ellen Lupton.