{"id":1220,"date":"2009-03-16T20:45:04","date_gmt":"2009-03-16T19:45:04","guid":{"rendered":"http:\/\/www.multimedialab.be\/blog\/?p=1220"},"modified":"2010-03-15T18:38:55","modified_gmt":"2010-03-15T17:38:55","slug":"retro-futur","status":"publish","type":"post","link":"http:\/\/www.multimedialab.be\/blog\/?p=1220","title":{"rendered":"R\u00c3\u00a9tro-futur"},"content":{"rendered":"<p>Exprimer un contenu actuel avec des moyens graphiques dat\u00c3\u00a9s.<\/p>\n<p><img decoding=\"async\" id=\"image1501\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro.jpg\" alt=\"Rapha\u00c3\u00abl Bastide Firefox\" \/><\/p>\n<p><!--more--><\/p>\n<p>Cet article constitue une documentation \u00c3\u00a0 l\u00e2\u20ac\u2122attention des \u00c3\u00a9tudiant(e)s s\u00e2\u20ac\u2122int\u00c3\u00a9ressant au domaine de la communication visuelle et de son histoire. Il s&rsquo;agit ici d&rsquo;un exercice destin\u00c3\u00a9 \u00c3\u00a0 assimiler et \u00c3\u00a0 exprimer les caract\u00c3\u00a9ristiques d&rsquo;un style graphique historique rendu lisible, sous forme de citation ou d&rsquo;hommage.<\/p>\n<p><strong>Objectif.<\/strong><\/p>\n<p>Cr\u00c3\u00a9er l&rsquo;affiche promotionnelle d&rsquo;un logiciel libre dans un style graphique explicitement obsol\u00c3\u00a8te.<\/p>\n<p><strong>Consignes.<\/strong><\/p>\n<p>1. Choisir un logiciel libre connu.<br \/>\nVoir <a href=\"http:\/\/fr.wikipedia.org\/wiki\/Alternatives_libres_aux_logiciels_proprietaires\">la page Wikipedia \u00ab\u00a0Alternatives libres aux logiciels propri\u00c3\u00a9taires\u00a0\u00bb.<\/a><\/p>\n<p>2. Se documenter sur un style graphique clairement marqu\u00c3\u00a9 (exemple : art nouveau, futurisme, constructivisme, De Stijl, Bauhaus, art deco, Dada, r\u00c3\u00a9alisme h\u00c3\u00a9ro\u00c3\u00afque, 50&rsquo;s, 60&rsquo;s, psych\u00c3\u00a9d\u00c3\u00a9lique, etc) AVANT 1980. Un portofolio de 10 images significatives sera constitu\u00c3\u00a9 en fonction du style choisi. Ces images, de grand format et de qualit\u00c3\u00a9, seront d&rsquo;origine connue (auteur, date, contexte). Elles constitueront une documentation sur base de laquelle l&rsquo;affiche sera r\u00c3\u00a9alis\u00c3\u00a9e. Ce portofolio fait partie int\u00c3\u00a9grante du travail.<\/p>\n<p><strong>En toile de fond.<\/strong><\/p>\n<p>Promouvoir un media contemporain avec des moyens graphiques faisant explicitement r\u00c3\u00a9f\u00c3\u00a9rence au pass\u00c3\u00a9 vise \u00c3\u00a0 sous-entendre que ce media a pass\u00c3\u00a9 l&rsquo;\u00c3\u00a9preuve du temps, a convaincu au point de traverser les \u00c3\u00a9poques, a d\u00c3\u00a9montr\u00c3\u00a9 sa fiabilit\u00c3\u00a9.<\/p>\n<p><strong>R\u00c3\u00a9alisation finale.<\/strong><\/p>\n<p>La r\u00c3\u00a9alisation finale sera rendue sous forme d&rsquo;un document .jpg A4 300 dpi. Ce document, ainsi qu&rsquo;un dossier nomm\u00c3\u00a9 \u00ab\u00a0portofolio\u00a0\u00bb contenant la documentation (10 images et un fichier .txt mentionnant pour chaque image l&rsquo;auteur, la date, le contexte et la source de l&rsquo;image), seront eux-m\u00c3\u00aames contenus dans un dossier nomm\u00c3\u00a9 \u00ab\u00a0nom_prenom_classe\u00a0\u00bb.<\/p>\n<p><strong>Crit\u00c3\u00a8res.<\/strong><\/p>\n<p>Respect des consignes. Qualite\u00cc\u0081 et pertinence de la documentation. Cohe\u00cc\u0081rence graphique. Pertinence de l\u00e2\u20ac\u2122interpre\u00cc\u0081tation. Qualite\u00cc\u0081 de la mise en page. Lisibilite\u00cc\u0081. Impact graphique.<\/p>\n<p><strong>Liens.<\/strong><\/p>\n<p><img decoding=\"async\" id=\"image1155\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2008\/04\/icon_zip_small.gif\" alt=\"zip small\" \/><a href=\"http:\/\/www.erg.be\/multimedialab\/doc\/projections\/doc_design_graphique.zip\">T\u00c3\u00a9l\u00c3\u00a9charger une chronologie du design graphique au 20e si\u00c3\u00a8cle (PDF zipp\u00c3\u00a9 &#8211; 6,7 Mo).<\/a><\/p>\n<li><a href=\"http:\/\/www.multimedialab.be\/doc\/images\/index.php?album=communication%2Fretrofutur\">Voir les images \u00ab\u00a0Retrofutur\u00a0\u00bb dans ma documentation en ligne.<\/a><\/li>\n<li><a href=\"http:\/\/library.duke.edu\/digitalcollections\/adaccess\/browse\/\">http:\/\/library.duke.edu\/digitalcollections\/adaccess\/browse\/<\/a><\/li>\n<li><a href=\"http:\/\/www.swissmilk.ch\/fr\/divertissement\/publicite\/100-ans-de-publicite.html\">http:\/\/www.swissmilk.ch\/fr\/divertissement\/publicite\/100-ans-de-publicite.html<\/a><\/li>\n<li><a href=\"http:\/\/www.flickr.com\/photos\/20745656@N00\/sets\/72157594296535170\/\">Swiss Graphic Design History (Flickr).<\/a><\/li>\n<li><a href=\"http:\/\/www.flickr.com\/photos\/thgroh\/sets\/72057594051181073\/\">The dazzling beauty of Horror (Flickr).<\/a><\/li>\n<li><a href=\"http:\/\/www.flickr.com\/photos\/montparnasse\/sets\/810929\/\">History of French Advertisement (Flickr).<\/a><\/li>\n<li><a href=\"http:\/\/www.flickr.com\/photos\/oldtasty\/sets\/38213\/\">Cultural Revolution Clip Art, Circa 1971 (Flickr).<\/a><\/li>\n<li><a href=\"http:\/\/www.flickr.com\/photos\/jbcurio\/sets\/72057594111613034\/\">Vintage ads (Flickr).<\/a><\/li>\n<li><a href=\"http:\/\/www.designhistory.org\/\">http:\/\/www.designhistory.org\/<\/a><\/li>\n<li><a href=\"http:\/\/www.progdesign.de\/\">ProDesign Test.<\/a><\/li>\n<p><strong>Iconographie.<\/strong><\/p>\n<p><img decoding=\"async\" id=\"image1500\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_12.jpg\" alt=\"Sacks by Shepard Fairey\" \/><\/p>\n<li>Auteur : Shepard Fairey<br \/>\nURL de l&rsquo;auteur : <a href=\"http:\/\/obeygiant.com\/\">http:\/\/obeygiant.com\/<\/a><br \/>\nDate : 2009<br \/>\nContexte : campagne pour le magasin new-yorkais \u00ab\u00a0Saks Fifth Avenue\u00a0\u00bb.<br \/>\nLien vers l&rsquo;image : <a href=\"http:\/\/de51gn.com\/design\/saks-fifth-avenue-collaborates-with-artist-shepard-fairey-for-this-seasons-want-it-campaign\/\">http:\/\/de51gn.com\/design\/<\/a><\/li>\n<p><img decoding=\"async\" id=\"image1502\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_01.jpg\" alt=\"Rapha\u00c3\u00abl Bastide Firefox\" \/><\/p>\n<li>Auteur : Rapha\u00c3\u00abl Bastide<br \/>\nURL de l&rsquo;auteur : <a href=\"http:\/\/www.raphaelbastide.com\/\">http:\/\/www.raphaelbastide.com\/<\/a><br \/>\nDate : 2008<br \/>\nContexte : travail personnel, portofolio<br \/>\nLien vers l&rsquo;image : <a href=\"http:\/\/lab.raphaelbastide.com\/cliquez-ici\/\">http:\/\/lab.raphaelbastide.com\/cliquez-ici\/<\/a><\/li>\n<p><img decoding=\"async\" id=\"image1503\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_02.jpg\" alt=\"Retro futur\" \/><\/p>\n<li>Auteur : http:\/\/www.octobercustompublishing.com\/<br \/>\nURL de l&rsquo;auteur : <a href=\"http:\/\/www.octobercustompublishing.com\/\">http:\/\/www.octobercustompublishing.com\/<\/a><br \/>\nDate : 2009<br \/>\nContexte : image promotionnelle pour October custom publishing<br \/>\nLien vers l&rsquo;image : <a href=\"http:\/\/magazinedesign.wordpress.com\/2009\/02\/05\/working-on-some-self-promo-stuff\/\">http:\/\/magazinedesign.wordpress.com\/<\/a><\/li>\n<p><img decoding=\"async\" id=\"image1505\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_09.jpg\" alt=\"Retro futur\" \/><\/p>\n<li>Auteur : David Malki! (concept) &#038; Carly Monardo (illustration)<br \/>\nURL de David Malki! : <a href=\"http:\/\/wondermark.com\/\">http:\/\/wondermark.com\/<\/a><br \/>\nURL de Carly Monardo : <a href=\"http:\/\/www.lasagnachildren.com\/Carly\/\">http:\/\/www.lasagnachildren.com\/Carly\/<\/a><br \/>\nDate : 2008<br \/>\nContexte : poster<br \/>\nLien vers l&rsquo;image : <a href=\"http:\/\/carlymonardo.blogspot.com\/2008\/07\/retro-futurism.html\">http:\/\/carlymonardo.blogspot.com\/2008\/07\/retro-futurism.html<\/a><\/li>\n<p><img decoding=\"async\" id=\"image1511\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_13.jpg\" alt=\"Retro futur\" \/><\/p>\n<li>Auteur : H 57<br \/>\nURL de l\u00e2\u20ac\u2122auteur : <a href=\"http:\/\/www.h-57.com\/\">http:\/\/www.h-57.com\/<\/a><br \/>\nDate : 2009<br \/>\nContexte : travaux auto-promotionnels.<br \/>\nLien vers l\u00e2\u20ac\u2122image : <a href=\"http:\/\/www.ibelieveinadv.com\/2009\/01\/h-57-creative-station-tomorrow-is-now\/\">http:\/\/www.ibelieveinadv.com\/<\/a><\/li>\n<p><img decoding=\"async\" id=\"image1506\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_05.jpg\" alt=\"Retro futur\" \/><\/p>\n<li>Auteur : Indika Entertainment Advertising<br \/>\nURL de l&rsquo;auteur : <a href=\"http:\/\/www.indika.com\/\">http:\/\/www.indika.com\/<\/a><br \/>\nDate : 1994<br \/>\nContexte : affiche du film \u00ab\u00a0Pulp fiction\u00a0\u00bb de Quentin Tarantino<br \/>\nLien vers l&rsquo;image : <a href=\"http:\/\/stalepopcornau.blogspot.com\/2008\/04\/100-greatest-movie-posters-27-pulp.html\">http:\/\/stalepopcornau.blogspot.com\/<\/a><\/li>\n<p><img decoding=\"async\" id=\"image1512\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_14.jpg\" alt=\"Nike\" \/><\/p>\n<li>Auteur : Wieden+Kennedy Amsterdam (illustration : Mauro Gatti)<br \/>\nURL de l\u00e2\u20ac\u2122auteur : http:\/\/www.wk.com\/#\/works\/998\/<br \/>\nDate : 2006<br \/>\nContexte : campagne Nike-Italie pour l&rsquo;\u00c3\u00a9quipe nationale de football.<br \/>\nLien vers l\u00e2\u20ac\u2122image : <a href=\"http:\/\/www.ibelieveinadv.com\/2006\/09\/nike-italy\/\">http:\/\/www.ibelieveinadv.com\/2006\/09\/nike-italy\/<\/a><\/li>\n<p><img decoding=\"async\" id=\"image1507\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_06.jpg\" alt=\"Retro futur\" \/><\/p>\n<li>Auteur : BLT &#038; Associates<br \/>\nURL de l&rsquo;auteur : <a href=\"http:\/\/www.bltomato.com\/\">http:\/\/www.bltomato.com\/<\/a><br \/>\nDate : 2007<br \/>\nContexte : affiche du film \u00ab\u00a0Death proof\u00a0\u00bb de Quentin Tarantino<br \/>\nLien vers l&rsquo;image : <a href=\"http:\/\/www.allmoviephoto.com\/photo\/2007_grindhouse_dp_poster_001.html\">http:\/\/www.allmoviephoto.com\/<\/a><\/li>\n<p><img decoding=\"async\" id=\"image1508\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_07.jpg\" alt=\"Retro futur\" \/><\/p>\n<li>Auteur : Mojo, LLC (Creative Director : Andrew Percival)<br \/>\nURL de l&rsquo;auteur : <a href=\"http:\/\/www.mojohouse.com\/\">http:\/\/www.mojohouse.com\/<\/a><br \/>\nDate : 2008<br \/>\nContexte : affiche du film \u00ab\u00a0Burn after reading\u00a0\u00bb de Joel &#038; Ethan Coen<br \/>\nLien vers l&rsquo;image : <a href=\"http:\/\/www.celebritywonder.com\/movie\/2008_Burn_After_Reading.html\">http:\/\/www.celebritywonder.com\/<\/a><\/li>\n<p><img decoding=\"async\" id=\"image1509\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_08.gif\" alt=\"Kraftwerk\" \/><\/p>\n<li>Auteur : Karl Klefisch<br \/>\nURL de l&rsquo;auteur : &#8211;<br \/>\nDate : 1978<br \/>\nContexte : pochette de l&rsquo;album \u00ab\u00a0The man machine\u00a0\u00bb de Kraftwerk<br \/>\nLien vers l&rsquo;image : <a href=\"http:\/\/music-intelligence.tistory.com\/entry\/Kraftwerk-The-Man-Machine-1978\">http:\/\/music-intelligence.tistory.com\/<\/a><\/li>\n<p><img decoding=\"async\" id=\"image1511\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_11.jpg\" alt=\"War Reporter 3D\" \/><\/p>\n<li>Auteur : Agence Christophe (illustration : Paul Chan)<br \/>\nURL de l&rsquo;auteur : <a href=\"http:\/\/www.agencechristophe.com\/Paul-CHAN-artiste-1-44-1.html\">http:\/\/www.agencechristophe.com\/<\/a><br \/>\nDate : 2009<br \/>\nContexte : \u00ab\u00a0War Reporter 3D\u00a0\u00bb, campagne d&rsquo;information sur la censure et le contr\u00c3\u00b4le des images de guerre en moyen-orient par les services d&rsquo;information militaires.<br \/>\nLien vers l&rsquo;image : <a href=\"http:\/\/adsoftheworld.com\/media\/dm\/reporters_without_borders_war_reporter_3d\">http:\/\/adsoftheworld.com\/<\/a><\/li>\n<p><img decoding=\"async\" id=\"image1510\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2009\/05\/retro_10.jpg\" alt=\"The Good German\" \/><\/p>\n<li>Auteur : BLT &#038; Associates<br \/>\nURL de l&rsquo;auteur : <a href=\"http:\/\/www.bltomato.com\/\">http:\/\/www.bltomato.com\/<\/a><br \/>\nDate : 2006<br \/>\nContexte : affiche du film \u00ab\u00a0The Good German\u00a0\u00bb de Steven Soderbergh<br \/>\nLien vers l&rsquo;image : <a href=\"http:\/\/www.celebritywonder.com\/movie\/2006_The_Good_German.html\">http:\/\/www.celebritywonder.com\/<\/a><\/li>\n<p><em>Variante possible de cet exercice : r\u00c3\u00a9aliser 3 affiches d&rsquo;un m\u00c3\u00aame concept d\u00c3\u00a9clin\u00c3\u00a9 sous trois styles graphiques issus de trois \u00c3\u00a9poques diff\u00c3\u00a9rentes. Voir <a href=\"http:\/\/www.ibelieveinadv.com\/2009\/01\/h-57-creative-station-tomorrow-is-now\/\">cette s\u00c3\u00a9rie de travaux auto-promotionnel<\/a> par l&rsquo;agence italienne <a href=\"http:\/\/www.h-57.com\/\">H57<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Exprimer un contenu actuel avec des moyens graphiques dat\u00c3\u00a9s.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,45],"tags":[],"class_list":["post-1220","post","type-post","status-publish","format-standard","hentry","category-heaj","category-communication-visuelle"],"_links":{"self":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1220"}],"version-history":[{"count":0,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1220\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1220"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}