{"id":1054,"date":"2014-05-20T11:00:59","date_gmt":"2014-05-20T10:00:59","guid":{"rendered":"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/?p=1054"},"modified":"2015-02-24T16:31:18","modified_gmt":"2015-02-24T15:31:18","slug":"dessine-moi-le-carrefour-numerique%c2%b2","status":"publish","type":"post","link":"https:\/\/cyberweb.cite-sciences.fr\/blog\/dessine-moi-le-carrefour-numerique%c2%b2\/","title":{"rendered":"Dessine-moi le Carrefour num\u00e9rique\u00b2"},"content":{"rendered":"<p><b>Vous l\u2019avez peut-\u00eatre crois\u00e9 au Fab Lab, sur un escabeau d\u00e9posant un <span lang=\"en\">sticker<\/span> ou au Living Lab pour un <span lang=\"en\">focus group<\/span> sp\u00e9cial graphisme\u00a0? Si vous lisez cet article ou que vous \u00eates abonn\u00e9s au compte <a href=\"https:\/\/twitter.com\/CarrNum\">Twitter<\/a> du Carrefour Num\u00e9rique\u00b2, vous avez d\u00e9j\u00e0 vu son travail, car le <span lang=\"en\">design<\/span> est \u00e0 chaque fois de lui\u00a0! J\u00e9r\u00e9mie Cousin, jeune graphiste-<span lang=\"en\">designer<\/span> arriv\u00e9 chez Universcience depuis quelques mois, nous parle de son travail marqu\u00e9 par l\u2019exp\u00e9rimentation et le \u00ab\u00a0faites-le vous-m\u00eame\u00a0\u00bb.<\/b><\/p>\n<p><!--more--><\/p>\n<h2>Un crayon \u00e0 la place de la main<\/h2>\n<p><img decoding=\"async\" class=\"alignleft\" alt=\"\" src=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/wp-content\/uploads\/2014\/04\/graphiste-designer-650x975.jpg\" width=\"250\" \/><\/p>\n<p>J\u00e9r\u00e9mie a toujours\u00a0 dessin\u00e9, depuis tout petit et durant toute sa scolarit\u00e9. Ses notes de cours \u00e9taient de v\u00e9ritables carnets de croquis o\u00f9 son imagination se lib\u00e9rait (et m\u00eame encore lors de nos r\u00e9unions internes il ne parvient pas \u00e0 maitriser sa main\u2026. mais chuuut\u00a0!). C\u2019est passionnel\u00a0: <q>je n\u2019arr\u00eate jamais de dessiner, \u00e7a ne me quittera jamais<\/q>.<\/p>\n<p>Il consacre son temps libre \u00e0 voir des expositions, dessiner, peindre ou faire de la photographie argentique. J\u00e9r\u00e9mie a donc transform\u00e9 son appartement parisien en laboratoire pour faire ses propres tirages. Bien qu\u2019il ait fait un bac scientifique, c\u2019\u00e9tait une \u00e9vidence pour lui de s\u2019orienter vers les arts.<\/p>\n<p>Apr\u00e8s une formation dans une \u00e9cole d\u2019arts appliqu\u00e9s de Rennes (LISAA) et un stage de fin d\u2019\u00e9tudes pour la post-production (chez Publicis), il a d\u00e9cid\u00e9 de compl\u00e9ter sa formation de graphiste par le volet \u00ab\u00a0Web\u00a0\u00bb qui lui manquait\u00a0 en reprenant une formation en alternance. C\u2019est ainsi que ce graphiste, avec un crayon \u00e0 la place de la main,\u00a0 est arriv\u00e9 chez Universcience sur un poste d\u2019infographiste-multim\u00e9dia, \u00e0 la grande joie de toute l\u2019\u00e9quipe du Carrefour Num\u00e9rique\u00b2.<\/p>\n<h2>Un graphisme en coh\u00e9rence avec l\u2019esprit du lieu<\/h2>\n<p>J\u00e9r\u00e9mie r\u00e9alise les \u00e9l\u00e9ments graphiques du Carrefour Num\u00e9rique\u00b2,\u00a0 jusqu\u2019\u00e0 pr\u00e9sent disparates ou inexistants. Il cherche \u00e0 faire <q>quelque chose de coh\u00e9rent, reflet des activit\u00e9s du Carrefour Num\u00e9rique\u00b2 et qui peut s\u2019exporter sur plusieurs supports<\/q>. Il a entre autre cr\u00e9\u00e9 le graphisme du dernier programme papier origami ou des <span lang=\"en\">stickers<\/span> et <span lang=\"en\">goodies<\/span> sp\u00e9cifiques pour des \u00e9v\u00e9nements, et c\u2019est aussi lui qui se cache derni\u00e8re le design de ce blog ou qui r\u00e9alise le graphisme d\u2019un futur jeu vid\u00e9o sur la d\u00e9marche Living Lab.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/wp-content\/uploads\/2014\/04\/stickers_carrefour_numerique-650x487.jpg\" width=\"651\" \/><\/p>\n<p>Fin observateur, il est parti des pratiques des personnes (plut\u00f4t jeunes) qui fr\u00e9quentent le lieu, des mots-clefs associ\u00e9s aux projets <a href=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/le-jargon#Fab%20Lab\">Fab Lab<\/a> et <a href=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/le-jargon#Living%20Lab\">Living Lab<\/a> et a fait des recherches d\u2019images s\u2019y rapportant. Il voulait <q>quelque chose d\u2019industriel un peu comme les sch\u00e9mas de machine, quelque chose de math\u00e9matique et qui\u00a0 fasse penser au jeu vid\u00e9o, l\u2019un des axes du Living Lab<\/q>. Il a donc d\u00e9cid\u00e9 de partir sur une base isom\u00e9trique qui permet de faire des choses en 2D comme en 3D. <q>Cette base isom\u00e9trique permet de faire autant des typos que des illustrations. \u00c7a peut clairement faire penser au pixel art ou aux jeux \u00e0 l\u2019ancienne en 8 bits sur <span lang=\"en\">Gameboy<\/span><\/q>. Il a d\u00e9fini un code de trois couleurs pour garder une coh\u00e9rence \u00e0 l\u2019ensemble de ses productions, le rouge <q>de la Cit\u00e9 des sciences<\/q>, le vert <q>pour le num\u00e9rique<\/q> et le jaune <q>pour \u00e9gayer le tout<\/q>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/wp-content\/uploads\/2014\/04\/stickers-650x487.jpg\" width=\"651\" \/><\/p>\n<p>Apr\u00e8s avoir lu dans\u00a0 un texte de pr\u00e9sentation du Carrefour Num\u00e9rique\u00b2 ces trois piliers\u00a0: \u00ab\u00a0<span lang=\"en\">User Experience, Do It Yourself<\/span>, Intelligence\u00a0collective\u00a0\u00bb, il a propos\u00e9 \u00e0 l\u2019\u00e9quipe de donner un visage au Carrefour Num\u00e9rique\u00b2 en r\u00e9alisant trois personnages correspondants.\u00a0Ces derniers vivent d\u00e9sormais sur diff\u00e9rents supports, ils sont coll\u00e9s dans le lieu en format g\u00e9ant, illustrent le site, se d\u00e9clinent en <span lang=\"en\">goodies<\/span>, apparaissent dans le programme\u2026<\/p>\n<h2>Le Fab Lab et le Living Lab pour un graphiste, \u00e7a ouvre des possibilit\u00e9s\u00a0!<\/h2>\n<p>Ses productions sont empreintes du lieu. Selon J\u00e9r\u00e9mie, la particularit\u00e9 en travaillant ici est d\u2019avoir \u00e0 disposition les machines du Fab Lab et de pouvoir avoir le retour d\u2019utilisateurs sur ses propositions graphiques au Living Lab. Tr\u00e8s ouvert \u00e0 la critique, il a d\u2019ailleurs accept\u00e9 de soumettre \u00e0 des futurs utilisateurs les graphismes qu\u2019il r\u00e9alise actuellement pour un jeu vid\u00e9o. Le but\u00a0 de ces <span lang=\"en\">focus groups<\/span> est de s\u2019assurer la reconnaissance des personnages car le jeu sera <q>sans consignes textuelles<\/q>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/wp-content\/uploads\/2014\/04\/jeu_video-650x487.jpg\" width=\"651\" \/><\/p>\n<p>D\u00e9brouillard, J\u00e9r\u00e9mie appr\u00e9cie aussi de pouvoir r\u00e9aliser de A \u00e0 Z, du dessin \u00e0 la fabrication, ses cr\u00e9ations. <q>Le programme origami a \u00e9t\u00e9 fabriqu\u00e9 maison avec des imprimantes lambda A3 et la d\u00e9coupeuse laser. Celle-ci a permis de perforer les feuilles, faire un pr\u00e9-pliage pour la boite.<\/q><\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" alt=\"\" src=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/wp-content\/uploads\/2014\/04\/goodies_carrefour_numerique-650x487.jpg\" width=\"651\" \/><\/p>\n<p>Utilisateur du lieu, au m\u00eame titre qu\u2019un\u00b7e\u00a0autre utilisateur\u00b7trice, il trouve aussi <q>int\u00e9ressant de montrer aux autres comment on a produit telle ou telle chose et de donner envie de faire<\/q>. Il aime l\u2019entraide et l\u2019ambiance du lieu et quitte souvent son bureau pour y travailler. <q>Le Fab Lab permet\u00a0de faire des choses jamais faites, ouvre des possibilit\u00e9s que l\u2019on n\u2019a pas dans une agence de pub par exemple ou une imprimerie\u2026 on peut ici exp\u00e9rimenter.<\/q><\/p>\n<p>Il aime donc le c\u00f4t\u00e9 laboratoire et l\u2019esprit <a href=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/le-jargon#Open%20source\"><span lang=\"en\">open source<\/span><\/a> qu\u2019il a d\u00e9couvert ici. Il a d\u2019ailleurs d\u00e9cid\u00e9 de partager les fichiers ci-dessous pour ces raisons <q>Partager ces trois personnages, \u00e7a leur permet de vivre et de ne pas rester exclusivement dans le Carrefour Num\u00e9rique\u00b2, \u00e7a permet de diffuser mon travail mais aussi l\u2019image du Carrefour Num\u00e9rique\u00b2<\/q>. Il tient, comme un appel \u00e0 lib\u00e9rer la cr\u00e9ativit\u00e9, \u00e0 pr\u00e9ciser pour celles et ceux qui souhaiterait les imprimer pour r\u00e9aliser des <span lang=\"en\">stickers<\/span> <q>qu\u2019il y a un fichier avec les contours en magenta pr\u00eat \u00e0 \u00eatre imprim\u00e9s<\/q>.<\/p>\n<p>Alors \u00e0 vos imprimantes\u00a0!<\/p>\n<p style=\"text-align: right;\"><b>Laurence Battais<\/b><\/p>\n<p>[Fichiers] Licence CC BY-NC-ND (pas d&rsquo;usage commercial, pas de modification) &#8211; J\u00e9r\u00e9mie Cousin\u00a0:<\/p>\n<ul>\n<li><a href=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/wp-content\/uploads\/2014\/05\/Fond_\u00e9cran_Carrefour-numerique\u00b2.jpg\">Fond d&rsquo;\u00e9cran<\/a> [JPG]<\/li>\n<li><a href=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/wp-content\/uploads\/2014\/05\/UX_Carrefour-numerique\u00b2.pdf\"><span lang=\"en\">User experience<\/span><\/a> [PDF]<\/li>\n<li><a href=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/wp-content\/uploads\/2014\/05\/DIY_Carrefour-numerique\u00b2.pdf\"><span lang=\"en\">Do It Yourself<\/span><\/a> [PDF]<\/li>\n<li><a href=\"http:\/\/carrefour-numerique.cite-sciences.fr\/blog\/wp-content\/uploads\/2014\/05\/CI_Carrefour-numerique\u00b2.pdf\">Intelligence collective<\/a> [PDF]<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Vous l\u2019avez peut-\u00eatre crois\u00e9 au Fab Lab, sur un escabeau d\u00e9posant un sticker ou au Living Lab pour un focus&#8230;<\/p>\n","protected":false},"author":4,"featured_media":1056,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,2],"tags":[28,15,109,12,35,21,27],"_links":{"self":[{"href":"https:\/\/cyberweb.cite-sciences.fr\/blog\/wp-json\/wp\/v2\/posts\/1054"}],"collection":[{"href":"https:\/\/cyberweb.cite-sciences.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cyberweb.cite-sciences.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cyberweb.cite-sciences.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/cyberweb.cite-sciences.fr\/blog\/wp-json\/wp\/v2\/comments?post=1054"}],"version-history":[{"count":70,"href":"https:\/\/cyberweb.cite-sciences.fr\/blog\/wp-json\/wp\/v2\/posts\/1054\/revisions"}],"predecessor-version":[{"id":1366,"href":"https:\/\/cyberweb.cite-sciences.fr\/blog\/wp-json\/wp\/v2\/posts\/1054\/revisions\/1366"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cyberweb.cite-sciences.fr\/blog\/wp-json\/wp\/v2\/media\/1056"}],"wp:attachment":[{"href":"https:\/\/cyberweb.cite-sciences.fr\/blog\/wp-json\/wp\/v2\/media?parent=1054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cyberweb.cite-sciences.fr\/blog\/wp-json\/wp\/v2\/categories?post=1054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cyberweb.cite-sciences.fr\/blog\/wp-json\/wp\/v2\/tags?post=1054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}