{"id":2224,"date":"2016-12-15T13:45:59","date_gmt":"2016-12-15T12:45:59","guid":{"rendered":"http:\/\/www.multimedialab.be\/blog\/?p=2224"},"modified":"2016-12-18T17:59:20","modified_gmt":"2016-12-18T16:59:20","slug":"xs-s-m-l-xl-xxl","status":"publish","type":"post","link":"http:\/\/www.multimedialab.be\/blog\/?p=2224","title":{"rendered":"XS \/ S \/ M \/ L \/ XL \/ XXL"},"content":{"rendered":"<p>HEAJ : visualiser une hi\u00c3\u00a9rarchie de 6 valeurs.<\/p>\n<p><img decoding=\"async\" id=\"image8540\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2016\/12\/xxl_index.jpg\" alt=\"XS \/ S \/ M \/ L \/ XL \/ XXL\" \/><\/p>\n<p><!--more--><\/p>\n<p><em>Ce projet s\u00e2\u20ac\u2122adresse aux \u00c3\u00a9tudiant(e)s de BAC2 (B2G1, B2G2 et B2G3) de la HEAJ (Haute \u00c3\u2030cole Albert Jacquard) \u00c3\u00a0 Namur dans le cadre du cours de  Communication Visuelle (ComVis) de Marc Wathieu (2016-2017).<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p>EXERCICE 3 : XS \/ S \/ M \/ L \/ XL \/ XXL.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p><strong>OBJECTIF.<\/strong><\/p>\n<p>Visualiser une hi\u00c3\u00a9rarchie de 6 valeurs.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p><strong>MOTS-CLE\u00cc\u0081.<\/strong><\/p>\n<p>Comparaison, \u00c3\u00a9chelle de valeurs, \u00c3\u00a9volution, progression, visualisation,<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p><strong>CONSIGNES.<\/strong><\/p>\n<p>\u00c3\u2030tant donn\u00c3\u00a9 les 6 valeurs XS \/ S \/ M \/ L \/ XL \/ XXL (soit : Extra Small \/ Small \/ Medium \/ Large \/ Extra Large \/ Extra Extra Large), il s&rsquo;agit de les appliquer \u00c3\u00a0 un sujet ou objet familier, de mani\u00c3\u00a8re \u00c3\u00a0 en exprimer une \u00c3\u00a9volution sous forme d&rsquo;\u00c3\u00a9chelle de valeurs. <\/p>\n<p>L&rsquo;image finale r\u00c3\u00a9sultera de la superposition de 6 calques \u00c3\u00a9voquant chacun une valeur du concept choisi.<\/p>\n<p>Les objets ou sujets incarnant chaque valeur seront trait\u00c3\u00a9s en <strong>silhouettes<\/strong> de <strong>couleurs diff\u00c3\u00a9rentes<\/strong>, de mani\u00c3\u00a8re \u00c3\u00a0 cr\u00c3\u00a9er un ensemble compos\u00c3\u00a9 de figures superpos\u00c3\u00a9es et identifiables, en exploitant la transparence des calques. <\/p>\n<p>Le recours \u00c3\u00a0 la typographie est possible, mais pas obligatoire.<\/p>\n<p>Le ton adopt\u00c3\u00a9 peut \u00c3\u00aatre humoristique, po\u00c3\u00a9tique, politique, documentaire, historique, etc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p><strong>MONTAGE.<\/strong><\/p>\n<p>Les 6 images seront mont\u00c3\u00a9es dans un dispositif graphique (diaporama PDF feuilletable ou gif anim\u00c3\u00a9) permettant de comprendre la progression par empilement des composants vers l\u00e2\u20ac\u2122image finale. <\/p>\n<p>La 6e image (valeur XXL) r\u00c3\u00a9v\u00c3\u00a9lera donc la comparaison avec les 5 valeurs pr\u00c3\u00a9c\u00c3\u00a9dentes, gr\u00c3\u00a2ce \u00c3\u00a0 la transparence des silhouettes. <\/p>\n<p>La mise en page sur fond blanc sera con\u00c3\u00a7ue de mani\u00c3\u00a8re \u00c3\u00a0 mettre cette progression en exergue.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p><strong>EXEMPLES.<\/strong><\/p>\n<p>Exemples de concepts :<br \/>\n\u00c3\u00a2ge, force, vitesse, pouvoir, hi\u00c3\u00a9rarchie sociale, chronologie, performances, etc. <\/p>\n<p>Exemple de valeurs, concernant le concept de l\u00e2\u20ac\u2122\u00c3\u00a2ge :<br \/>\nb\u00c3\u00a9b\u00c3\u00a9, enfant, adolescent, adulte, vieux, vieillard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p>\u00e2\u20ac\u00a2 <a href=\"https:\/\/inkscape.org\/fr\/doc\/tutorials\/tracing\/tutorial-tracing.fr.html\" target=\"_blank\">Vectoriser une image bitmap avec Inkscape<\/a><br \/>\n\u00e2\u20ac\u00a2 <a href=\"http:\/\/tv.adobe.com\/fr\/watch\/formations-vid%C3%A9o-pour-concepteurs\/adobe-illustrator-cs6-vectorisation-dune-image\/\" target=\"_blank\">Adobe Illustrator CS6 : Vectorisation d&rsquo;une image<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p><strong>REMISE.<\/strong><\/p>\n<p>Dans un dossier nomm\u00c3\u00a9 &lsquo;Nom_Pr\u00c3\u00a9nom_classe_XS-XXL\u00a0\u00bb :<br \/>\n\u00e2\u20ac\u00a2 remise au choix d&rsquo;un fichier nomm\u00c3\u00a9 \u00e2\u20ac\u0153XS-XXL.pdf\u00e2\u20ac\u0153 (21 X 29,7 cm, 300 DPI) ou \u00e2\u20ac\u0153XS-XXL.gif\u00e2\u20ac\u0153 (482 X 341 px).<br \/>\n\u00e2\u20ac\u00a2 dans un dossier nomm\u00c3\u00a9 \u00ab\u00a0chantier\u00a0\u00bb, remise des diff\u00c3\u00a9rentes images sauv\u00c3\u00a9es individuellement (vectorielles au format .eps et\/ou bitmap en .jpg)  et nomm\u00c3\u00a9es \u00ab\u00a0image_01.eps\/jpg\u00a0\u00bb > \u00ab\u00a0image_06.eps\/jpg\u00a0\u00bb, dans la plus haute d\u00c3\u00a9finition possible.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p><strong>CRITE\u00cc\u20acRES.<\/strong><br \/>\n\u00e2\u20ac\u00a2 Respect des consignes : conformit\u00c3\u00a9 et timing de la remise (4 points).<br \/>\n\u00e2\u20ac\u00a2 Lisibilit\u00c3\u00a9\u00c2\u00a0: compr\u00c3\u00a9hension, clart\u00c3\u00a9 du propos et des images (4 points).<br \/>\n\u00e2\u20ac\u00a2 Coh\u00c3\u00a9rence\u00c2\u00a0: l\u00e2\u20ac\u2122homog\u00c3\u00a9n\u00c3\u00a9it\u00c3\u00a9 du graphisme (4 points).<br \/>\n\u00e2\u20ac\u00a2 Pertinence : ad\u00c3\u00a9quation et exploitation appropri\u00c3\u00a9e de l&rsquo;\u00c3\u00a9nonc\u00c3\u00a9, dans le respect de sa logique (4 points).<br \/>\n\u00e2\u20ac\u00a2 Originalit\u00c3\u00a9 : capacit\u00c3\u00a9 \u00c3\u00a0 se d\u00c3\u00a9marquer, \u00c3\u00a0 prendre des risques, \u00c3\u00a0 se r\u00c3\u00a9approprier l&rsquo;\u00c3\u00a9nonc\u00c3\u00a9 (4 points).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p><strong>DOCUMENTATION DU COURS.<\/strong><br \/>\n\u00e2\u20ac\u00a2 <a href=\"http:\/\/www.multimedialab.be\/doc\/images\/index.php?album=communication\/comparaison\" target=\"_blank\">Comparaison<\/a><br \/>\n\u00e2\u20ac\u00a2 <a href=\"http:\/\/www.multimedialab.be\/doc\/images\/index.php?album=communication%2Fsilhouette\" target=\"_blank\">Silhouette<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p><strong><em>T\u00c3\u00a9l\u00c3\u00a9charger cet \u00c3\u00a9nonc\u00c3\u00a9.<\/em><\/strong><\/p>\n<p><img decoding=\"async\" id=\"image88\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2007\/02\/icon_zip_big.gif\" alt=\"icon_zip_big.gif\" \/><a href=\"http:\/\/www.multimedialab.be\/doc\/heaj\/2016-2017\/ComVis_Ex_03_XS_S_M_L_XL_XXL.zip\">T\u00c3\u00a9l\u00c3\u00a9charger le PDF zipp\u00c3\u00a9 (60 Ko).<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<p><em><a href=\"http:\/\/infographie-sup.be\/\" target=\"_blank\">HEAJ (Haute \u00c3\u2030cole Albert Jacquard, Namur) 2016-2017<\/a><br \/>\nCours de Communication Visuelle BAC 2<br \/>\nProfesseur : Marc Wathieu.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n<blockquote><p>\n<strong>!!! IMPORTANT !!!<\/strong><\/p>\n<p>Pour le cours prochain (lundi 09 janvier 2017) :<\/p>\n<p><strong>MATE\u00cc\u0081RIEL.<\/strong><br \/>\n\u00e2\u20ac\u00a2 Outils de de\u00cc\u0081coupe (cutter, ciseaux, etc) , colle Pritt, tape, pastilles adhe\u00cc\u0081sives Patafix.<\/p>\n<p>\u00e2\u20ac\u00a2 Un sac en plastique rempli de papiers de diffe\u00cc\u0081rentes couleurs et qualite\u00cc\u0081s (papier calque, papier de soie, cartes routie\u00cc\u20acres, affiches, papier journal, papier peint, papier d&#8217;emballage, packaging carton divers, sachets en papier), de reve\u00cc\u201atements, matie\u00cc\u20acres ou tissus divers (linoleum, vinyle, filet a\u00cc\u20ac pommes de terre, loques diverses, tissus, coton, ouate, etc).<\/p>\n<p>\u00e2\u20ac\u00a2 Appareil photo (ou smartphone permettant de re\u00cc\u0081aliser des photos de bonne qualite\u00cc\u0081, voir les pre\u00cc\u0081fe\u00cc\u0081rences de prise de vue).<br \/>\nRappel : 2 appareils Nikon seront disponibles en pr\u00c3\u00aat au labo photo.\n<\/p><\/blockquote>\n<p><a href=\"http:\/\/extranet.infographie-sup.be\/horaire\/\" target=\"_blank\">Voir l&rsquo;horaire sur l&rsquo;extranet.<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"image2451\" src=\"http:\/\/www.multimedialab.be\/blog\/wp-content\/uploads\/2012\/09\/pixel_gris.gif\" alt=\"Grey line\" width=\"482\" height=\"1\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HEAJ : visualiser une hi\u00c3\u00a9rarchie de 6 valeurs.<\/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-2224","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\/2224","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=2224"}],"version-history":[{"count":0,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2224\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2224"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.multimedialab.be\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}