Download pdf - Doc Design Graphique

5/27/2018 Doc Design Graphique

1/141

.design

graphique


2/141

Une chronologie.

Erg (cole de Recherche Graphique) - Bruxelles.Atelier pluridisciplinaire Graphisme - 1e anne.Professeur: Marc Wathieu.

HEAJ (Haute cole Albert Jacquard) - Namur.Communication Visuelle 2e anne.Professeur: Marc Wathieu.

Mise jour: 04 fvrier 2007.

http://www.multimedialab.be

Ce livret PDF a t conu comme un diaporama destin tre projet et comment.Pour un affichage optimis, je vous recommande une rsolution 1024 X 768,une visualisation avec Acrobat Readeret le raccourci ctrl+l (Windows) ou pomme+l (Mac OSX).

Tlcharger ici Acrobat Reader.
http://www.multimedialab.be/http://www.adobe.fr/products/acrobat/readstep2.htmlhttp://www.adobe.fr/products/acrobat/readstep2.htmlhttp://www.multimedialab.be/


3/141

.introduction

Lexpression design graphique contient ladjectif graphique, le comprendre : il sagit ici de graphisme, dindustrie graphique et dece qui sy rapporte. Le domaine du graphisme englobe toutes les techniqde visualisation ayant pour fonction de transcrire un message en signe

en images travers un mdia ou un moyen de communication. Par contre, le mot design, hrit du vocabulaire anglo-saxonquant lui gnralement peru de manire confuse par les nophytes, ebnficie daucune traduction littrale. Design pourrait nanmoins traduit par conception. Le design est souvent associ un domaine sign numrique, webdesign, design industriel, design sonore. Cependle design dans sa globalit est plus important que nimporte quel domisol auquel il se rapporte. Le design est une faon de penser. Cest aune faon de se situer, dexplorer un problme objectif, et de dtermdes approches pour concevoir et valuer des solutions ingnieuses et ates ce problme. Le designer tablit aussi des mthodes et des prosus pour communiquer les solutions et les mettre en application.

Ainsi, parler de design graphique au lieu de graphisme incette notion de mthodologie de conceptualisation qui, pour fonctiondoit salimenter dautres sources : les langages artistiques, scientifi

ou lis certaines technologies, notamment numriques. Sans oublier ce qui a trait plus directement aux systmes de communication et de vilisation de linformation.

Dans le champ de la communication visuelle, le designer graphserait donc une sorte d ingnieur de limage, se posant des questionsens et de structure de limage (mtaphore, symbole, concept, code, sihirarchie de linformation, traitement de donnes complexes...) et m

pulant notamment la typographie, la couleur, limage, le rapport enttexte et limage, la mise en page ou en cran, les supports, les matriles rseaux, les donnes...


4/141

.introduction

Le design graphique se nourrit des avant-gardes : artistiques et tnologiques, mais aussi sociologiques et politiques. Il volue selon les liles rseaux de communication et leurs supports respectifs (livre, affipresse, tlvision, espace public, internet/intranet, applications inter

ves, logiciels, etc...). Il tmoigne de lesprit dune poque.Ce parcours en image tente den rendre compte travers des ex

ples reprsentatifs.


5/141


6/141


7/141Gnter Gerhard Lange, Akzidenz-Grotesk, 1896.
http://en.wikipedia.org/wiki/Akzidenz_Groteskhttp://en.wikipedia.org/wiki/Akzidenz_Grotesk


8/141Alphonse Mucha, JOB poster, 1896.
http://www.muchafoundation.org/http://www.muchafoundation.org/


9/141Beggarstaff Brothers (J. Pryde & W.Nicholson), HARPERS poster, 189
http://www.abbeville.com/Products/InteriorImages/1558595457Interiors.htmhttp://www.abbeville.com/Products/InteriorImages/1558595457Interiors.htm


10/141Morris Fuller Benton, Franklin Gothic, 1902.
http://en.wikipedia.org/wiki/Franklin_gothichttp://en.wikipedia.org/wiki/Franklin_gothic


11/141Peter Behrens, AEG poster, 1907.
http://fr.wikipedia.org/wiki/Peter_Behrenshttp://fr.wikipedia.org/wiki/Peter_Behrens


12/141


13/141Peter Behrens, AEG logo, 1914.

1898

1908

1914

1969
http://www.goodlogo.com/cases/aeg/http://www.goodlogo.com/cases/aeg/


14/141Lucian Bernhard, BOSCH poster, 1914.
http://www.aiga.org/content.cfm?contentalias=lucienbernhardhttp://www.aiga.org/content.cfm?contentalias=lucienbernhard


15/141Vilmos Huszar, De Stijl (Revue n 1), 1917.
http://fr.wikipedia.org/wiki/De_Stijlhttp://fr.wikipedia.org/wiki/De_Stijl


16/141James Montgomery Flagg, recruitment poster, 1917.
http://en.wikipedia.org/wiki/James_Montgomery_Flagghttp://en.wikipedia.org/wiki/James_Montgomery_Flagg


17/141Filippo Tommaso Marinetti, Les Mots en libert futuristes, 1919.
http://en.wikipedia.org/wiki/Filippo_Tommaso_Marinettihttp://en.wikipedia.org/wiki/Filippo_Tommaso_Marinetti


18/141


19/141


20/141Theo van Doesburg & Kurt Schwitters, Kleine Dada Soire, 1922.
http://www.moma.org/collection/browse_results.php?object_id=5533http://www.moma.org/collection/browse_results.php?object_id=5533


21/141


22/141


23/141Herbert Bayer, Staatliches Bauhaus, Weimar, 19191923.
http://en.wikipedia.org/wiki/Bauhaushttp://en.wikipedia.org/wiki/Bauhaus


24/141Kurt Schwitters, Mz 601, 1923.
http://en.wikipedia.org/wiki/Kurt_Schwittershttp://en.wikipedia.org/wiki/Kurt_Schwitters


25/141Alexander Rodtchenko, Dobrolet poster, 1923.
http://www.moma.org/exhibitions/1998/rodchenko/http://www.moma.org/exhibitions/1998/rodchenko/


26/141


27/141Herbert Mayer, Projet pour une criture universelle, 1925.


28/141Lszl Moholy-Nagy & Theo Van Doesburg, Grundbegriffe... , 1925


29/141


30/141


31/141


32/141Eric Gill, Gill Sans, 1928-1932.
http://en.wikipedia.org/wiki/Eric_Gillhttp://en.wikipedia.org/wiki/Eric_Gill


33/141


34/141Rudolf Wolf, Memphis, 1930.


35/141Stanley Morison & Victor Lardent, Times New Roman, 1931-1935.
http://en.wikipedia.org/wiki/Times_New_Romanhttp://en.wikipedia.org/wiki/Times_New_Roman


36/141


37/141


38/141Frank Hinman Pierpont, Rockwell, 1934.
http://en.wikipedia.org/wiki/Rockwell_%28typeface%29http://en.wikipedia.org/wiki/Rockwell_%28typeface%29


39/141


40/141Piet Zwart, Bruynzeel Architectural Products, 1935.
http://en.wikipedia.org/wiki/Piet_Zwarthttp://en.wikipedia.org/wiki/Piet_Zwart


41/141A-M Cassandre, Peignot, 1937.
http://en.wikipedia.org/wiki/Peignothttp://en.wikipedia.org/wiki/Peignot


42/141


43/141

Page suivante :A-M Cassandre, Harpers Bazaar magazine, 1938.
http://en.wikipedia.org/wiki/Adolphe_Mouron_Cassandrehttp://en.wikipedia.org/wiki/Adolphe_Mouron_Cassandre


44/141


45/141Herbert Bayer, Fortune magazine, 1939.
http://en.wikipedia.org/wiki/Herbert_Bayerhttp://en.wikipedia.org/wiki/Herbert_Bayer


46/141Piet Mondrian, Broadway Boogie-Woogie, 1942-1943.
http://en.wikipedia.org/wiki/Piet_Mondrianhttp://en.wikipedia.org/wiki/Piet_Mondrian


47/141


48/141Auteur inconnu, Bohn Aluminium, 1944.
http://www.fulltable.com/VTS/f/fut/b.htmhttp://www.fulltable.com/VTS/f/fut/b.htm


49/141Lester Beall, Fortune magazine, 1946.
http://www.aiga.org/content.cfm?ContentID=660http://www.aiga.org/content.cfm?ContentID=660


50/141

Page suivante :E. McKnight Kauffer, publicit Stetson dans Life magazine, 1947.
http://www.aiga.org/content.cfm?contentalias=emcknightkaufferhttp://www.aiga.org/content.cfm?contentalias=emcknightkauffer


51/141


52/141Tom Eckersley, Graphis magazine, 1950.
http://www.rennart.co.uk/eckersley.htmlhttp://www.rennart.co.uk/eckersley.html


53/141Adrian Frutiger, Univers, 1954.
http://fr.wikipedia.org/wiki/Adrian_Frutigerhttp://fr.wikipedia.org/wiki/Adrian_Frutiger


54/141


55/141

Richard Hamilton, Just What Is It That Makes Todays Home So DiffeSo Appealing ?, 1956.
http://en.wikipedia.org/wiki/Richard_Hamilton_(artist)http://en.wikipedia.org/wiki/Richard_Hamilton_(artist)http://en.wikipedia.org/wiki/Richard_Hamilton_(artist)http://en.wikipedia.org/wiki/Richard_Hamilton_(artist)


56/141Reid Miles, Blue Note Records, 1956-1971.
http://en.wikipedia.org/wiki/Blue_Note_Recordshttp://en.wikipedia.org/wiki/Blue_Note_Records


57/141Max Miedinger, Helvetica, 1957.
http://en.wikipedia.org/wiki/Helveticahttp://en.wikipedia.org/wiki/Helvetica


58/141


59/141Victor Vasarely, Beta,1958-1965.
http://fr.wikipedia.org/wiki/Victor_Vasarelyhttp://fr.wikipedia.org/wiki/Victor_Vasarely


60/141Gerald Holtom, Peace symbol, 1958.
http://en.wikipedia.org/wiki/Gerald_Holtomhttp://en.wikipedia.org/wiki/Gerald_Holtom


61/141Helmut Krone, Think small, 1959.
http://www.designobserver.com/archives/016970.htmlhttp://www.designobserver.com/archives/016970.html


62/141Raymond Loewy, logotypes, 60s.
http://www.raymondloewy.com/http://www.raymondloewy.com/


63/141Paul Rand, logos, 50s & 60s.
http://en.wikipedia.org/wiki/Paul_Randhttp://en.wikipedia.org/wiki/Paul_Rand


64/141Andy Warhol & Gerard Malanga, screening process, 1964-65.
http://en.wikipedia.org/wiki/Andy_Warholhttp://en.wikipedia.org/wiki/Andy_Warhol


65/141

Centrum voor Cubische Constructie (Jan Slothouber en William Graatsrecherche graphique, 1965-1970.
http://www.vividvormgeving.nl/pagina/ccc.htmhttp://www.vividvormgeving.nl/pagina/ccc.htmhttp://www.vividvormgeving.nl/pagina/ccc.htmhttp://www.vividvormgeving.nl/pagina/ccc.htm


66/141USA Bureau of Standards & Adrian Frutiger, Ocr-A, 1966.
http://www.linotype.com/221/ocra.htmlhttp://www.linotype.com/221/ocra.html


67/141


68/141

Page suivante :Jim Phillips, The Doors poster, 1967.
http://www.jimphillips.com/http://www.jimphillips.com/


69/141


70/141Wim Crouwel, New Alphabet, 1967.
http://www.vividvormgeving.nl/vormgeverpagina/crouwel.htmhttp://www.vividvormgeving.nl/vormgeverpagina/crouwel.htm


71/141Robert Indiana, Love poster, 1967.
http://en.wikipedia.org/wiki/Robert_Indianahttp://en.wikipedia.org/wiki/Robert_Indiana


72/141Robert Crumb, Cheap Thrills (Big Brother & the Holding Company), 19
http://en.wikipedia.org/wiki/Robert_Crumbhttp://en.wikipedia.org/wiki/Robert_Crumb


73/141Lance Wyman & Eduardo Terrazas, Mexico 68 logo, 1968.
http://www.lancewyman.com/http://www.lancewyman.com/


74/141

Page suivante :George Lois, Esquire cover, mai 1969.
http://www.magazine.org/Editorial/Top_40_Covers/http://www.magazine.org/Editorial/Top_40_Covers/http://www.magazine.org/Editorial/Top_40_Covers/http://www.magazine.org/Editorial/Top_40_Covers/


75/141


76/141Herb Lubalin, ITC Avant Garde Gothic, 1970.
http://en.wikipedia.org/wiki/Herb_Lubalinhttp://en.wikipedia.org/wiki/Herb_Lubalin


77/141


78/141Carolyn Davidson, Nike Swoosh logo, 1971.
http://en.wikipedia.org/wiki/Carolyn_Davidsonhttp://en.wikipedia.org/wiki/Carolyn_Davidson


79/141Herb Lubalin, Money Sworth logo, 1971.
http://en.wikipedia.org/wiki/Herb_Lubalinhttp://en.wikipedia.org/wiki/Herb_Lubalin


80/141


81/141

Page suivante :Massimo Vignelli, NYC subway signage & map, 1972.
http://en.wikipedia.org/wiki/Massimo_Vignellihttp://en.wikipedia.org/wiki/Massimo_Vignellihttp://en.wikipedia.org/wiki/Massimo_Vignellihttp://en.wikipedia.org/wiki/Massimo_Vignelli


82/141


83/141Manfred Mohr, Cubic limit serie, 1972-1976.
http://www.emohr.com/http://www.emohr.com/


84/141


85/141Sol LeWitt, Variations of incomplete open cubes, 1974.
http://www.barbarakrakowgallery.com/http://www.barbarakrakowgallery.com/


86/141


87/141Jamie Reid, Never Mind The Bollocks (Sex Pistols), 1977.
http://www.jamiereid.uk.net/http://www.jamiereid.uk.net/


88/141Tibor Kalman, Remain in light (Talking Heads), 1980.
http://en.wikipedia.org/wiki/Tibor_Kalmanhttp://en.wikipedia.org/wiki/Tibor_Kalman


89/141Rolling Stone, photo : Annie Leibovitz, janvier 1981.
http://www.rollingstone.com/http://www.rollingstone.com/


90/141Peter Saville, Blue Monday (New Order), 1983.
http://www.designmuseum.org/design/peter-savillehttp://www.designmuseum.org/design/peter-saville


91/141Apple Macintosh, 24 janvier 1984.
http://www.digibarn.com/http://www.digibarn.com/


92/141


93/141Zuzana Licko, Lo-Res, 1985.
http://www.emigre.com/EF.php?fid=101http://www.emigre.com/EF.php?fid=101


94/141


95/141Suzan Kare, icnes Apple computer, 1983-1984.
http://www.kare.com/http://www.kare.com/


96/141


97/141Takenobu Igarashi, MoMA calendar, 1984.
http://www.igarashistudio.com/http://www.igarashistudio.com/


98/141


99/141Neville Brody, Industria, 1989.
http://en.wikipedia.org/wiki/Neville_Brodyhttp://en.wikipedia.org/wiki/Neville_Brody


100/141Vaughan Oliver (v23), Doolittle (The Pixies), 1989.
http://fr.wikipedia.org/wiki/Vaughan_Oliverhttp://fr.wikipedia.org/wiki/Vaughan_Oliver


101/141Robin Nicholas & Patricia Saunders, Arial, 1990-1992.
http://en.wikipedia.org/wiki/Arialhttp://en.wikipedia.org/wiki/Arial


102/141David Carson, Raygun covers, 1993-1995.
http://www.davidcarsondesign.com/http://www.davidcarsondesign.com/


103/141


104/141


105/141


106/141Nous travaillons ensemble, signaltique (Festival de Chaumont), 199
http://noustravaillonsensemble.org/http://noustravaillonsensemble.org/


107/141


108/141

Page suivante :Ruedi Baur, identit visuelle et signaltique du Centre Pompidou, 19
http://www.pixelcreation.fr/diaporama/default.asp?Code=537http://www.pixelcreation.fr/diaporama/default.asp?Code=537http://www.pixelcreation.fr/diaporama/default.asp?Code=537http://www.pixelcreation.fr/diaporama/default.asp?Code=537


109/141


110/141Me Company, Bachelorette (Bjrk), 1997.
http://www.mecompany.com/http://www.mecompany.com/


111/141


112/141GTF (Graphic Thought Facility), Digitopolis, 1998.
http://www.graphicthoughtfacility.com/http://www.graphicthoughtfacility.com/


113/141

Page suivante :John Maeda, MIT Math Department poster, 1998.
http://www.maedastudio.com/1998/mathbutterflies/index.phphttp://www.maedastudio.com/1998/mathbutterflies/index.phphttp://www.maedastudio.com/1998/mathbutterflies/index.phphttp://www.maedastudio.com/1998/mathbutterflies/index.php


114/141


115/141Peter Cho, Nutexts (software), 1998.
http://www.typotopo.com/http://www.typotopo.com/


116/141


117/141


118/141Urs & Juerg Lehni et Raphael Koch, Lego font and online application, 1
http://www.lineto.com/http://www.lineto.com/


119/141Asymptote (Hani Rashid & Lise Anne Couture), Undestanding USA, 19
http://www.understandingusa.com/chaptercc=10&cs=210.htmlhttp://www.understandingusa.com/chaptercc=10&cs=210.html


120/141Golan Levin, Floo (software), 1999.
http://www.flong.com/http://www.flong.com/


121/141David Small, Talmud project (software), 2000.
http://www.davidsmall.com/http://www.davidsmall.com/


122/141Jonathan Barnbrook, public offerings (catalog cover), 2001.
http://www.barnbrook.net/http://www.barnbrook.net/


123/141Martin Wattenberg, A Net Art Idea Line (Java application), 2001.
http://artport.whitney.org/commissions/idealine.shtmlhttp://artport.whitney.org/commissions/idealine.shtml


124/141Norm, Sign generator, 2002.
http://www.norm.to/http://www.norm.to/


125/141Norm, Sign generator, 2002.
http://www.norm.to/http://www.norm.to/


126/141Ben Fry, Valence (software), 2002.
http://acg.media.mit.edu/people/fry/valence/http://acg.media.mit.edu/people/fry/valence/


127/141W. Bradford Paley, TextArc (software application), 2002.
http://www.textarc.org/http://www.textarc.org/


128/141


129/141Bro Destruct Designer (BDD), software (Shockwave application), 20
http://www.burodestruct.net/bureaudestruct/bddesigner/index.htmlhttp://www.burodestruct.net/bureaudestruct/bddesigner/index.html


130/141


131/141


132/141Yugo Nakamura, NEC Ecotonoha (software), 2003.
https://www.ecotonoha.com/index_en.htmlhttps://www.ecotonoha.com/index_en.html


133/141


134/141Marcos Weskamp, Newsmap (software), 2004.
http://www.marumushi.com/apps/newsmap/http://www.marumushi.com/apps/newsmap/


135/141


136/141LettError, RoboFab (software), 2004.
http://letterror.com/http://letterror.com/


137/141

Page suivante :eBoy, FooBar poster, 2006.
http://hello.eboy.com/http://hello.eboy.com/


138/141


139/141

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, Kln, 2003).

Le Design graphiqueAlain Weill (Dcouvertes Gallimard, Paris, 2003).

Dictionnaire du graphisme

Alan & Isabella Livigston (Thames & Hudson, Paris, 2004).

Transgression (Graphisme et postmodernisme)Rick Poynor (Pyramid, Paris, 2003).

La loi du plus fort - la socit de limageRick Poynor (Pyramid, Paris, 2002).

La Typographie exprimentaleTeal Triggs (Thames & Hudson, Paris, 2004).

Typographie, du plomb au numriqueFabienne Siegwart & Jean-Luc Dusong (Dessain & Tolra, Paris, 2003)


140/141http://www.multimedialab.be
http://www.multimedialab.be/http://www.multimedialab.be/


141/141

Quelques ressources en ligne.

http://www.pixelcreation.fr/portail francophone darts 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.
http://www.pixelcreation.fr/http://paris.blog.lemonde.fr/http://www.my-os.net/blog/http://www.underconsideration.com/speakup/http://www.designwritingresearch.org/http://www.designwritingresearch.org/http://www.underconsideration.com/speakup/http://www.my-os.net/blog/http://paris.blog.lemonde.fr/http://www.pixelcreation.fr/