Bonjour à toutes et à tous,

ici Geoffrey pour la nouvelle saison de “Vendredi c’est Graphism” ! Après un mois d’août au calme à ressourcer ses yeux et son cerveau, nous voici repartis pour de bien belles choses à voir, à décortiquer, à scruter, à réfléchir.

Cette semaine, c’est avec le logo d’Emplois d’Avenir que nous commençons !

Avant l’image

Emplois d’Avenir c’est tout d’abord un projet de loi mis en place par le gouvernement Hollande et plus précisément Michel Sapin, le ministre du Travail. Ce projet de loi destiné à la création des emplois d’avenir sera le premier texte soumis aux députés à la fin de septembre. Il vise la création de 150 000 contrats sur trois ans, dont 100 000 en 2013. À la différence des emplois jeunes créés en 1997 sous le gouvernement socialiste de Lionel Jospin, les emplois d’avenir cibleront uniquement, via des contrats aidés, de jeunes chômeurs sans qualification et dans des zones défavorisées.

Ainsi, comme pour tout plan de com’ qui se respecte, le gouvernement a sorti deux beaux kakémonos – une sorte d’affiche ou un panneau imprimé sur un support souple et pouvant être déroulé – avec… un beau logo !

image

Un logo simple, très simple, rose, très rose. Pour le présenter rapidement, il a été fait en interne, on ne sait pas encore combien  il a coûté et servira à tous les supports de communication d’”emplois d’avenir”. Le projet de loi devient donc une marque, mais j’y reviendrai plus tard. Pour la typographie, allez, je vous le donne en mille, il s’agit du caractère Avenir, un caractère dessiné par le typographe Adrian Frutiger, présenté en 1988 et disponible pour une quaraintaine d’euros chez la fonderie Linotype.

L’Avenir est un beau caractère, parfaitement dessiné et utilisé par de grandes marques comme LG Electronics, la Japan Airline, l’Eurovision, AT&T ou encore Apple!

image

La référence Ooops !

Ce logo, regardons le de plus près. Deux “e”, du rose, du violet, du texte… hmmm, cela ne vous fait penser à rien ? Allez, je vous aide. Du rose, des rencontres… Oui, je vous le donne en mille, ce logo évoque celui de Meetic, le site de rencontres et je ne suis pas le seul à l’avoir remarqué. Manque de références visuelles de la part du graphiste ou réelle volonté de jouer sur les codes graphiques d’un site de rencontres, en tous les cas, ce logo est connoté par le rose, la couleur du désir, ainsi que par ces deux “e” qui s’embrassent ou forment la soixante neuvième position du Kâmasûtra, allez savoir ;-)

Pepsi

Auparavant, un autre logo pour surmonter la crise de l’emploi avait fait couler beaucoup d’encre. Souvenez-vous, en 2008, le logo de Pôle Emploi naissait de la fusion entre les Assedics et l’ANPE. Le chantier revint à l’agence Nomen qui avait réussi à vendre cette prestation 500 000 euros pour Pôle Emploi. Mais le logo avait créé la polémique à cause de sa ressemblance avec le logo de Pepsi.

Et j’en profite au passage, pour vous présenter cette vidéo de Geoffroy Roux de Bézieux (président de l’Unedic) qui s’exprimait à propos du logo, et des travaux d’une commission qui mènerait l’enquête afin de faire baisser le prix de cette dépense. Quatre années plus tard, je serais curieux de savoir ce que cette commission a donné ou… si elle a eu lieu.

Cliquer ici pour voir la vidéo.

Références visuelles

Pour revenir à notre logo, il s’avère assez intéressant que, dans sa forme, deux “e” (dont un à l’envers) s’embrassent, s’épousent. En effet, le premier “e” signifie “emploi” et le second “avenir”… enfin, le second “e” est à l’envers et doit donc être lu comme un “a”, le fameux “a” de avenir ! Voilà qui est mieux. Cependant, comment faire tenir, deux “e” sous une forme graphique intéressante (autrement que pour le logo de Meetic) ? J’ai rassemblé pour vous quelques exemples.

Culture graphique

Tout n’est pas sombre cependant au royaume de la commande publique . Je profite de ce “Vendredi c’est Graphism” pour souligner l’existence de projets assez passionnants proposés par les différents gouvernements qui se sont succédés à commencer par ce site internet dédié intégralement au typographe Garamont !

source

Pour finir, une belle vidéo sur l’investissement de l’État français dans la culture. C’est simple, didactique, de quoi nous faire oublier tous les vilains logos organisés pour promouvoir des projets de lois.

Cliquer ici pour voir la vidéo.

Geoffrey

Sources :

• Le logo d’emplois d’avenir
• En France, un logo, combien ça coûte ?
• Le logo du Pôle Emploi
• À propos du logo du Pôle Emploi
• Garamond
• la culture et l’Etat
• Ministère des affaires étrangères

Hello les ami(e)s,

vous voici à bord du dernier “Vendredi c’est Graphism” avant ma retraite spirituelle et typographique annuelle. Heureusement, les designers, graphistes et artistes ne s’arrêtent jamais de créer et voici donc un numéro assez complet, de “Vendredi c’est Graphism” !

Au programme de la semaine, de la visualisation de données sur les OVNI (oui, avec un “V” !), un court métrage dessiné qui vous emmènera dans un tout autre univers, une boule de typo, un chimpanzé assez étrange, une dataviz’ sur les réseaux sociaux et des fossiles du futur (si si c’est possible!). On terminera sur un WTF orienté Mario mais avec des gens tristes… vous allez voir !

Excellente lecture et bon “Vendredi c’est Graphism !”

Geoffrey

On commence la semaine avec un clin d’oeil pour Owni grâce à cette datavisualisation sur les “OVNI”, en anglais les UFO pour Unidentified Flying Object. Des études ont établi que la majorité des observations d’ovnis sont mal identifiées car ils s’avèrent être des objets classiques ou des phénomènes naturels, la plus commune étant les ballons météorologiques dans le ciel. Souvent, un nuage noctulescent nacré ou encore un météore feront également désordre et sera malgré tout rapportés aux autorités. Il est également reconnu que, entre 5% et 20% des observations signalées demeurent inexpliquées.

Les partisans de l’hypothèse extraterrestre ont donc décortiqué ces rapports d’objets non identifiés afin de réaliser une visualisation de données des observations de ces fameux rapports qui ont eu lieu entre 1962 et 2012.

[ Voir l'image en grand ]

Belly est un court métrage réalisé par Julia Pott…

D’une certaine manière, il est aussi surréaliste, un peu abstrait, et par moment un peu sanglant, drôlement sanglant. C’est une histoire de passage à l’âge adulte, un changement, une évolution aussi. Et à certains égards, ce film est aussi un film apaisant, contemplatif. Bref, vous n’aurez rien vu de tel avant, tant dans la narration que dans liberté d’action, de créativité… J’apprécie énormément.

L’histoire :

« Oscar est devenu adulte et s’en rend compte. Ce faisant, il doit vivre ce mal nécessaire et inévitable et laisser quelque chose derrière lui. Cependant, il ne peut pas se sentir tranquille au fond de lui, dans le creux de son estomac. Il va donc essayer, simplement, de s’en sortir. »

Le film :

Cliquer ici pour voir la vidéo.

source

On continue avec la sortie du premier livre d’artiste d’Eric Calderon, un créateur né à Göteborg, en Suède en 1983. Cette sphère typographique, il l’a considère comme un livre et comme une œuvre d’art. Il déclare ainsi que nous devrions façonner notre vision artistique directement sous la forme d’une œuvre d’art. Inspiré par les arts typographiques, l’artisanat ainsi que le fonctionnalisme du Bauhaus, il a ainsi créé son propre “outil à créer de l’art typographique”. Le peintre a son pinceau, le charpentier son marteau, lui a sa balle typographique.

À noter que cette oeuvre est le début d’un projet beaucoup plus vaste où sera construite une série de sphères typographiques utilisées pour faire des livres uniques.

source

Lorsque Ozo, une étrange créature qui ressemble a un chimpanzé, souhaite récupérer son précieux oeuf dérobé par une autruche nommée NéNé, c’est l’aventure qui commence !  Cette animation  a vraiment beaucoup de style, de finesse et a été réalisé par Alex Vial, Martin Brunet, Leslie Martin & Matthieu Garcia. Ces jeunes gens sont quatre étudiants de Supinfocom, une école d’animation 2D/3D basée en France.

Pour les pros, sachez que tout est réalisé principalement avec Photoshop, 3dsmax, After Effects et Premiere Pro.

Cliquer ici pour voir la vidéo.

source

Hop hop, on continue notre revue de la semaine avec cette belle visualisation ! De nombreux sites que vous fréquentez quotidiennement sont toujours très heureux de recueillir des informations vous concernant. Bon, pas sur Graphism.fr évidemment. La montée en puissance des sites de partage sociaux comme Facebook, Pinterest, Google, Pandora, ou encore  Twitter sont basés sur la collecte d’informations et offrent de nouvelles problématiques intéressantes sur la façon dont nos données sont utilisées. Les réseaux sociaux font le pari d’un avenir construit sur un web personnalisé à partager avec ses contacts ou des gens similaires à notre profil mais tout cela a évidemment un coût, comme les publicités qui s’affichent en fonction de vos préférences, de vos goûts, ou comme les bases de données qui sont revendues…

Voici donc une visualisation de données qui présente les grands sites sociaux et les types de données qui sont collectées. Intéressant !

source

Allez, on continue encore avec les découvertes archéologiques de l’année 12 000 ! Oui oui, je sais que vous faites preuve d’imagination tout comme les deux designers Jeff Klarin et Rebecca Johnson de l’entreprise Bughouse, un studio de design qui tâche de porter un regard large sur l’avenir. Dans cette optique, ils ont créé des versions fossilisés de platines, manettes de jeu Atari ou encore d’appareils photos…

Cela pourrait également être ce que trouverait notre arrière-arrière-arrière-arrière-arrière-arrière-arrière-arrière-petit-fils dans un chantier de construction. On se retrouve avec une sensation assez étrange, un peu comme s’ils avaient été découverts lors de fouilles dans un avenir lointain :)

source

Et c’est le site de la semaine, que j’ai conçu avec mes petits mains !

Il est encore en version de test et va évoluer, mais son petit nom est Graphisme.TV ! Il s’agit d’un site créé pour les designers, graphistes, penseurs et pour tous les curieux qui souhaitent apprendre et écouter des conférences, des interviews, des reportages sur des acteurs du monde du design, du graphisme, etc. Graphisme.tv n’est pas le YouTube du graphisme ou le Vimeo du design, c’est simplement ma sélection personnelle et arbitraire des vidéos que je trouve pertinentes sur le sujet du design, du graphisme. Le but de ce projet est de trouver la réflexion, la pensée design et la résonance des idées au travers des mots, des projets.

Le site :

source

J’avais promis à certain(e)s d’entre vous, un WTF bien beau, bien ouf, bien décalé avant l’été… et j’en suis assez fier. Vous allez le voir, c’est du grand art avec Mario et des gens qui pleurent ! Attention âmes sensibles pour la fin de la vidéo, ne pas regarder.

Cliquer ici pour voir la vidéo.

Pour notre petit mot de la fin, je voulais tout d’abord vous souhaiter un très eté, vous remercier aussi d’être toujours aussi nombreuses et nombreux à me partager vos liens, à lire “Vendredi c’est Graphism” (VCG pour les intimes !). Je compte sur vous pour acheter de belles cartes postales typographiques, pour faire de jolies images, créatives et décalées, et surtout, pour m’envoyer vos actualités de vacances !

À très bientôt, ici ou sur une autre planète,

Geoffrey

Allez, on commence la semaine avec un peu de poésie qui va sûrement adoucir les moeurs ! Pour beaucoup, la poésie est un peu démodée alors que c’est une immense part de la culture, notamment de la culture orale.  Mais pour l’ensemble de nos satellites, du progrès ou des prouesses de la biotechnologie, c’est une chose qui n’a que peu d’importance. Heureusement, le Conseil des arts anglais et la BBC ont publié un nouveau projet appelé 60 ans en 60 poèmes. Conçu par « Faber & Faber » et « Somethin ‘Else », cette plate-forme multimédia en  HTML5 saura, je l’espère, vous faire apprécier le dernier demi-siècle en matière de poésie.

Ici, la poésie est présentée sous forme d’un texte en ligne, de photos, de visualisation graphique du son, et de lecture. Beau et riche en données, on appréciera également la forme d’onde circulaire avec ce bouton de lecture en son centre. Vous allez ainsi pouvoir explorer année par année, ou thématique par thématique, l’ensemble sera beaucoup plus moderne que les textes présentés mais le tout est fait avec goût.

source

On continue avec cette animation étonnante réalisée par Joshua Catalano, un talentueux motion designer de Nantes ! Voici donc son illustration animée et musicale d’un lamento. Un lamento est un morceau de musique à caractère plaintif. De même, on parle de lamento tragique pour un texte littéraire mêlant les registres tragique et pathétique. Joshua retranscrit ainsi ces émotions planantes..

Cliquer ici pour voir la vidéo.

Merci Jérémy

Et voici sous vos yeux ébahis… le kit de survie du designer !

Le symbolisme des couleurs , celui des formes, le design d’une carte de visite et même les idées qu’il faut avoir, tout a été mis dan ce «Kit de Survie du designer » ! Cet élégant kit dans sa boîte en bois a été conçu par une équipe de designer à l’école Massey de l’Université d’Auckland. Réalisé par Josephine Ross, étudiante en design et son professeur Eric Thompson, le kit a notamment été créé pour les designers néo-zélandais qui souhaitent voyager en Asie afin de les familiariser avec certaines coutumes.

source

En français, il y 28% des lettres utilisées à l’écrit qui ne se prononcent pas. Mais comment représenter ces lettres muettes? Quelle forme prennent-elles quand vous les sortez du silence ? Peut-on utiliser le code informatique comme un outil pour répondre à ces questions? “Silenc” essaye de donner un sens à ces lettres muettes et d’offrir une visualisation de ces lettres muettes en danois, anglais et français.

Ce projet, réalisé par les étudiants Momo Miyazaki, Manas Karambelkar et Kenneth Aleksander Robertsen est assez simple mais efficace. Ces étudiants ont imprimé des textes dont les lettres “silencieuses” apparaissent en rouge et, lorsque vous regardez ce texte avec un film rouge, les lettres disparaissent. C’est sur les oeuvres de Hans Christian Andersen que le travail a été réalisé lors d’un cours de design d’interaction à l’Institut de design d’interaction à Copenhague.

Cliquer ici pour voir la vidéo.

source

Ceci aura été l’excellente nouvelle de la semaine, il s’agit de “Pop Labs graphique” qui au travers d’un voyage éducatif, nous enseigne tout ce que nous avons besoin de savoir sur la typographie ! L’ensemble est présenté sur une affiche très élégante et qui met en avant ​​la structure alphabétique dans toute sa splendeur. Cette amorce alphabétique sur les merveilles de la typographie nous ouvrira les yeux sur les empattements, les crochets, les signes diacritiques, les ligatures, et plus encore.

À noter que chaque tirage est numéroté et signé par les artistes. Précieux !

source

On termine avec une petite vidéo pleine de couleurs et de mouvements ! Vous connaissez peut-être ma passion pour la science et pour les sciences en général. Oui, il m’arrive de sourire quand je tombe sur un cycle de krebs ou des équations. L’imaginaire de la science me plait beaucoup également et c’est ce qui m’a touché dans le travail Tony Zagoraios pour le documentaire sur « l’Academic and Scientific Excellence ». Cette séquence d’ouverture très agréable à regarder, tout est fluide s’enchaîne bien et rempli de détails généreux à observer.

À noter que Tony Zagoraios est un motion designer de Grèce et il travaille en freelance à Athènes. Ses projets ont été sélectionnés et primés dans de nombreux festivals à travers le monde. Pour ce projet là, Tony Zagoraios a travaillé avec l’illustrateur Stavros Kypraios, le réalisateur Apostolos Nikolaidis et Ted Reglis ainsi que Renos Papastavros pour le design sonore ! Un travail d’équipe qui contentera nos yeux.

Cliquer ici pour voir la vidéo.

source

Par avance… désolé ! Voici LA vidéo WTF de la semaine avec un chat, un univers tout rose et une modélisation 3D à faire pâlir les graphistes ;-) Le travail est signé par caviar.ws, Takumi Shiga et Toru Sasaki pour la musique. C’est félin, c’est chic, mais c’est surtout terriblement WTF !

Cliquer ici pour voir la vidéo.

Et oui, c’est terminé pour cette semaine, mais je vous invite, pour cet été, à vous rendre à Lyon pour découvrir Géographie parallèle par Marc Jurt et Michel Butor ! À Paris, chez Colette, vous pourrez aussi voir le travail de dessin de Clo’e Floirat, une artiste française qui se veut à la fois architecte, dessinatrice et critique d’art, ou encore si vous passez en Suisse, à Genève, rendez-vous absolument à la HEAD, la Haute Ecole d’Art et de Design de Genève pour voir cette expositions de jeux conçus par des jeunes développeurs suisses et des étudiants de master Media Design.

Allez, bonne route graphique et bon week-end !

Geoffrey

Bonjour et bienvenue sur Vendredi c’est Graphism !

Geoffrey

Allez, on commence la semaine avec cette animation, vous allez adorez ces droïdes, qui, comme seule façon de résoudre leurs désaccords, se mettent à danser sur de la musique dubstep. Ce court métrage d’animation 3D a été réalisé sur le logiciel 3D de Luxology. Leur travail a consisté à la modélisation, le surfaçage, le texturage, l’animation, le rendu et les effets tels que la physique et l’éclairage volumétrique. Les personnages et l’environnement ne sont pas trop complexes à créer, mais conserver la qualité et la finesse des lumières et des textures en synchronisant tout ce petit monde avec la piste musicale a dû être une autre paire de manches !

Cliquer ici pour voir la vidéo.

Le making off en images :

source

On continue avec Geospire qui est une exposition interactive présentée au Musée géologique d’Oslo. L’exposition est conçue et construite par Voy et a été développée en collaboration avec le Musée d’histoire naturelle d’Oslo et la section inter-media de l’Université d’Oslo. L’exposition vise à sensibiliser les écoliers sur ​​les roches et les paysages typiques d’Oslo. Entre des ateliers, des objets et des films, le musée géologique est rempli d’objets merveilleux avec une collection de plus de 2 millions de fossiles, des spécimens de roches et de minéraux. Cependant, les visiteurs ne sont pas autorisés à toucher ces éléments généralement conservés derrière une vitre. Geospire permet ainsi de créer de nouvelles activités éducatives pour les groupes d’écoliers afin d’apprendre la géologie par le toucher au travers d’objets physiques tels que des maquettes de paysages et des échantillons de roches.

En images :

En vidéo :

Cliquer ici pour voir la vidéo.

source

Hop, voici une infographie qui nous raconte l’histoire du html5 et notamment son but qui vise à parfaire le langage précédent par l’amélioration de la programmation et ses nouveautés tout en étant compatible et compréhensible par les dispositifs actuels et les navigateurs Web. Cette infographie explique ainsi la compatibilité avec les différents navigateurs existants mais également les enjeux pour la téléphonie mobile.

source

On continue avec une petite vidéo de Google qui est passée inaperçue. Elle présente une nouvelle façon de pouvoir communiquer avec des amis ou en famille dans votre propre langue. C’est désormais à portée de main avec Google Input Tools.. Disponible dans les services de Google, sur Chrome ou sur les téléphones Android et Windows…. Un beau projet, très prometteur pour lequel il vous faudra rester à l’écoute pour l’arrivée des nouvelles langues sur de nombreuses plateformes.

Cliquer ici pour voir la vidéo.

source

Les étudiants d’aujourd’hui sont de plus en plus en contact avec leur téléphone haute technologie. Et avec la montée rapide de l’accès Internet mobile, beaucoup sont en mesure d’accéder à des ressources dont ils ont besoin pour étudier. Mais voilà, selon les études que la graphiste Jen Rhee a mis en avant, cet accès facile pourrait très bien être à la fois une bénédiction et une malédiction :

Des conversations bruyantes à des moments inopportuns, des SMS désagréables à un moment délicat, aux toilettes, au lit, en voiture… Bref, cette infographie nous présente donc l’absence de « bonnes manières mobiles ».

source

Hine Mizushima est né et a grandi à Tokyo, au Japon où il a travaillé en tant qu’artiste et illustrateur. Il n’y est pas resté longtemps et a voyagé à Rome, Paris ou New York. Il réalise ainsi des marionnettes, du stop-motion, le tout avec des petits personnages, monstres, animaux, paysages en feutre. Un univers coloré, simple et onirique :)

source

C’est le mini-buzz de cette semaine, le site préféré de tous les français vient de changer de design. Et oui, sncf.fr a été refait ! Un nouveau design, une grille, une belle typo… Mais… voilà qu’une radio démarre (parfois!) tout seule quand on arrive sur le site. On a cette drôle de sensation d’être transporté de son ordinateur vers une gare. Curieux !

Le nouveau site :

Le WTF !!

Pour découvrir cette superbe radio ça se passe sur le site de la SNCF.

source

Pour le mot de la fin, je vous invite à Bordeaux pour cette superbe expo d’architecture, à Londres, au Fashion and Textile Museum,  ou encore au Point Ephémère pour voir ce collectif d’artistes ! Côté dataviz, le Guardian a publié les droits des homosexuels aux Etats-Unis, Etats par Etats et en attendant vendredi prochain, moi je retourne célébrer la fin de l’ACTA ! ;-)

Bonne fin de semaine et gardez l’oeil ouvert !

Geoffrey

Hello :)

Aujourd’hui c’est un numéro de Vendredi c’est Graphism tout ensoleillé que je vous propose avec une balade sonore dans la ville, avec un vêtement qui va vous permettre de faire des gestes…précis ou encore avec une vidéo graphique et ludique, sur le Sénat ! Et oui tout arrive ;-) On continuera sur de la visualisation de données et de la musique 8-bit et en conclusion, un doux WTF en extérieur mélangeant de la signalétique ET des animaux.

Bref, c’est Vendredi et c’est… Graphism !

Hop, on commence notre rendez-vous de la semaine avec un concept assez intéressant qui permet d’explorer la ville d’une façon différente. Loin des plans, des magasins, des photos et autres informations classiques, là c’est grâce au son que vous allez découvrir la ville. Le concept repose donc sur une solution interactive explorée à l’aide d’un stéthoscope, qui est en fait un lecteur RFID, afin de détecter des lieux, des emplacements. En termes simples, la carte est synchronisée avec des micros placés autour de la ville. Lorsque le stéthoscope est déplacé sur la position d’un de ces micros, l’utilisateur peut entendre ce qui se passe à cet endroit à ce moment-là.

En vidéo :

Cliquer ici pour voir la vidéo.

source

Je vous présente aujourd’hui : “Move”, un vêtement technologique conçu par Electricfoxy et qui tente d’améliorer la performance et la précision de vos mouvements. Des activités quotidiennes aux activités sportives ou encore à la danse, ce vêtement propose une approche plus douce, poétique, et plus personnelle. L’idée des designers qui ont travaillé sur ce projet étant également d’éviter la douleur chronique ou même à long terme un mauvais geste ou une mauvaise posture.

Le vêtement comprend quatre capteurs d’étirement et de pliage situés à l’avant, à l’arrière et sur les côtés. Ensemble, ils informent de la position de votre corps et du mouvement musculaire afin de déterminer si ils sont corrects. Le tout est relié à un téléphone mobile ou une tablette et vous permet d’évaluer, de gérer et de personnaliser votre expérience physique.

Bienvenue dans le futur ! :-)

Cliquer ici pour voir la vidéo.

source

On enchaîne avec un sujet un peu lourd mais présenté sous forme d’émulsion de noisette, de chantilly, de crème fouettée 0%, bref, un sujet au final traité en toute légère grâce au graphisme, à l’animation, au design. Son titre ? « Commission d’enquête, mission d’information : comment ça marche? ». Son commanditaire ? Le Sénat. Grâce à cette vidéo, vous allez comprendre comment fonctionnent ces outils indispensables à la fonction de contrôle exercée par les sénateurs et vous approprier toutes les réponses grâce à cette vidéo pédagogique.

Cliquer ici pour voir la vidéo.

source

Je vous présente LE site qui a fait le tour du web la semaine dernière… il s’agit d’infogr.am, un site assez formidable ; application en ligne qui met à notre disposition plusieurs modèles (templates) d’infographies ou de diagrammes, dont on peut modifier les données à la volée. Le site comprend plusieurs styles différents et il vous suffira de générer l’infographie en déplaçant les éléments.

Comme les infographies sont de plus en plus nombreuses sur internet, je me doutais bien que ce genre d’outils allait exploser et, en effet, j’en vois de plus en plus. J’attends l’application mobile qui puisse me permettre de créer et de mettre en ligne mon infographie !

Infogr.am en images :

source

Cette semaine nous avons eu droit à LA découverte 8-bits ! Plusieurs albums de Radiohead ont été mis à la moulinette de la musique 8-bits et voici celui-ci qui est mon préféré :)  L’artiste QuintonSung a pris à la fois le rythme et la mélodie et l’a et complètement transformée en sonorités 8-bits. De quoi nous rappeler notre jeunesse et nos jeux vidéo !

Les morceaux de musique de Radiohead :

• 0:00 – Everything in its Right Place
• 4:15 – Kid A
• 8:44 – The National Anthem
• 14:20 – How to Disappear Completely
• 20:06 – Treefingers
• 23:27 – Optimistic
• 28:06 – In Limbo
• 31:10 – Idioteque
• 36:25 – Morning Bell
• 41:18 – Motion Picture Soundtrack

L’album complet en 8-bit :

Cliquer ici pour voir la vidéo.

source

On termine sur un WTF animalier ET signalétique avec cette série de photos publiée sur un blog qui recense les animaux qui enfreignent les panneaux et la signalétique des espaces publics ! Amis & collègues designers… et si vous conceviez de la signalétique pour animaux, à quoi cela ressemblerait-il ? Pas à ces panneaux en tous cas ;-)

source

Pour le mot de la fin, c’est la fête aux liens, avec la dernière version de la musique du jeu “Sword and Sworcery”, avec les “Designer’s days“, avec une nouvelle façon d’attendre dans les hôpitaux, ou encore avec le Festival d’affiches de Chaumont !

Oh et…si vous passez au WIF de Limoges la semaine prochaine, n’hésitez pas à venir me saluer :)

Geoffrey

Bien le bonjour chères lectrices et chers lecteurs, amateurs d’arts visuels ou professionnels de la courbe de bézier, je vous invite sur “Vendredi c’est Graphism” ! Aujourd’hui, je vais vous présenter le projet de bandes dessinées “17 mai”, une interface signée Microsoft, un tutoriel pour faire vos cartes pop-up 8-bit ou encore un court métrage qui se passe dans une forêt de papier. On ira également jeter un oeil du côté d’un jeu en ligne et d’une belle paire de fesses robotisée !

Bref, c’est Vendredi et c’est Graphism ! ;-)

Geoffrey

Allez hop, on démarre notre “Vendredi c’est Graphism!” avec un projet qui me tient à coeur et que j’ai pu découvrir cette semaine. Intitulé “17 mai”, ce projet présente une riche variété, tant sur le fond que sur la forme, d’histoires et d’illustrations. Chaque auteur, garçon ou fille, hétéro, homo ou autre, aborde à sa manière le thème du rejet. Usant d’un ton grave, d’humour, voire d’auto-dérision, chacun a puisé dans son expérience personnelle ou dans ses constats… Le discours s’étend bien entendu au-delà de la seule journée du 17 mai, le site est ouvert et ne demande qu’à s’enrichir de nouvelles contributions pour prolonger le débat. L’idée est ainsi de démontrer que rien n’est jamais acquis et que cette lutte se fait au quotidien et dans son entourage proche.

Quelques extraits :

source

Merci Christian !

On continue avec une interface numérique assez intéressante signée Microsoft ! Et s’il y a bien quelque chose que j’aime chez Microsoft c‘est la capacité qu’a cette société à ne jamais arrêter d’essayer d’innover, de penser le futur et le futur proche. Présentée au TechFest de Microsoft Research en 2012, ce dispositif intitulé IllumiShare permet aux personnes éloignées de partager n’importe quel objet physique ou numérique sur n’importe quelle surface. Pour ce faire, IllumiShare utilise une paire de caméras & projecteurs et la caméra capture la vidéo de l’espace de travail de l’un pour l’envoyer à l’espace distant de l’autre. Ainsi le projecteur vidéo représente à distance les deux espaces mélangés pour créer… un espace partagé !

Cliquer ici pour voir la vidéo.

source

Cette semaine, on va se pencher sur un petit tutoriel qui est devenu très populaire sur le web : Comment réaliser un “Space Invaders Popup” et “Crâne en pixel en popup” ? Ce cartes sont vraiment minimalistes et très faciles à concevoir, une fois que vous avez le coup de main ;-). Il vous faudra donc vous armer d’un chouilla de patience, d’une pincée de papier, d’une once de cutter mais également d’une pointe comme une aiguille ou un compas ;-).

> suivre le tutoriel

On avance avec LE court-métrage qu’il ne fallait pas rater cette semaine. Signé par Yves Geleyn, “Colosse” vous offre un merveilleux mélange entre forêt, robot, papier et poésie… Une histoire simple dans un monde fantastique, parfait pour réveiller votre âme d’enfant non ? ;-)

Cliquer ici pour voir la vidéo.

Merci Garry

Je vous propose de découvrir “The Eyes Have It”, un jeu plutôt drôle et créé par Yoni Alter, Sean Dekkers, et Patrick Wolleb. Le principe du jeu est de faire correspondre les yeux d’un personnage de dessin animé à son corps. Le corps du personnage apparaîtra à l’écran et vous devrez ensuite deviner quelle paire d’yeux lui appartient. Essayez de deviner tous les personnages dans le meilleur temps possible et ensuite, comme d’habitude, vous en vanter sur Twitter ou Facebook ;-) Le jeu comporte trois niveaux de difficulté… attention donc à commencer doucement car la complexité augmente vite !

> amusez-vous bien !

Vous savez, je ne suis plus vraiment surpris par l’imagination de nos voisins japonais…. Cependant, leur appétence au WTF, elle, n’a d’égal que la mienne pour la typographie. Ce WTF s’appelle Shiri et s’avère être un fessier artificiel qui répond au contact humain en fléchissant ses “muscles” électromécaniques et en émettant un bruit de pompe hydraulique. Sexy non ? WTF, oui ! ;-)

Cliquer ici pour voir la vidéo.

source

On termine notre “Vendredi c’est Graphism” avec un rendez-vous Nantais où Daito Manabe (un génie de l’électronique) exprime son talent, avec Monumenta à Paris, avec cette enquête policière amusante à Bordeaux, de dames nues sous l’oeil de Newton au Grand Palais, ou encore avec cet iPhone habité, !

Et en attendant, la semaine prochaine, vous pouvez toujours me retrouver sur mon blog, mon twitter ou mon Instagram !

À la semaine prochaine et gardez l’oeil ! ;-)

Geoffrey

Hey ! :)

Bonjour et bienvenue à bord de la soucoupe pour ce 91e numéro de Vendredi c’est Graphism ! Les projets avancent, les idées aussi… Au programme de la semaine, je vous propose des cartes des planètes, des robot vengeurs, de la typo, du temps réel avec Google map, du pixel art photographique et un bon gros WTF pour les développeurs et autres amoureux du code informatique.

Bref, c’est vendredi et c’est.. Graphism !

Geoffrey

On démarre notre revue de la semaine avec ces images qui peuvent ressembler à de l’art abstrait et coloré… Mais ces images sont en réalité les cartes des planètes, des lunes et des astéroïdes de notre système solaire créé à partir d’informations recueillies par des satellites et des télescopes. La variété de couleurs renvoie aux différentes structures et topographies enregistrées, telles que bassins, cratères, montagnes et autres plaines….

C’est une façon de représenter la réalité avec un angle graphique, artistique et visuel qui me plait énormément.

source

Cette semaine, vous aurez peut-être vu cette vidéo, drôle décalée mais vraiment bien réalisée :) Daniel H. Wilson est l’auteur de Robopocalypse, un ouvrage dans lequel il nous donne quelques menus conseils afin de résister et de survivre aux invasions de robots ! Entre leur développement et leur auto-réplication intelligente des nano-robots… Allez, n’ayez pas peur, il faut juste que vous soyez prêts ! ;-)

Cliquer ici pour voir la vidéo.

merci Tania

Dans la foulée, je tenais à vous présenter Tetra, une toute nouvelle tout belle typographie sans serif gratuite et dessinée par Alexey Frolov. Tetra nous apporte une certaine touche “old style” et ce sentiment est adouci dans les courbes contemporaines rendant cette police d’écriture applicable pour des mises en page rétros et modernes.

> télécharger la typo

Vous savez, je croise encore parfois des personnes qui imaginent que Google Map est en temps réel ! Drôle d’idée quand on sait que les photos satellites datent parfois de plus d’un an. Cependant, l’idée est plaisante, fait rêver ou inquiète parfois ! Comme partout dans nos vies, dès que le paysage numérique prend vie, cela laisse place à la fascination et mettre cet espace dans les mains de tous est le plus beau cadeau que l’on puisse faire aux curieux

Ce film de Roel Wouters offre une approche créative en réinventant Google Maps en temps réel ! Cette carte virtuelle de notre monde joue avec l’idée de l’espace public comme une danse chorégraphiée… jolie et qui me laisse rêveur !

Cliquer ici pour voir la vidéo.

source

Dans ce monde réel, l’artiste et photographe Jamie Sneddon et son acolyte Kevin Rozario-Johnson, nous offrent une vision nouvelle du pixel dans l’espace. Ces clichés, réalisés dans la ville de Cologne mélange Sonic, Link, ou des objets issus du monde de Mario Bros de manière délicate et bien sentie. Le tout donne un regard tourné vers le rêve et l’on imagine un instant croiser notre hérisson bleu à travers la ville. Un beau projet…

On termine sur un WTF spécialement conçu pour les développeurs et les gens qui programment. Lorsque l’on code, il est possible de se retrouver dans des situations vraiment délicates, complexes où des enjeux minimes prennent une grande importance. C’est donc avec beaucoup de dérision  que le blog “lesjoiesducode.tumblr.com” a été conçu… je vous laisse avec ces exemples :)

Quand je poste une question sur stack overflow :

Quand j’ai perdu une heure a cause d’une parenthèse oubliee dans une requête sql :

Quand je dois modifier du code auquel je n’ai plus touche depuis 3 mois :

Quand je pense avoir trouve une solution :

Quand j’ai decouvert les regex :

Par ici pour lire plus de joies du code ;-) Ou alors, pendant ce temps, il est toujours possible de se battre contre des oies avec un sabre laser… ;-)

Et voilà, pour le mot de la fin, je laisse la parole aux designers Joolz et à Elroy !

Cliquer ici pour voir la vidéo.

Cliquer ici pour voir la vidéo.

À la semaine prochaine! :-)

Geoffrey

Hello :)

C’est vendredi et entre deux rayons de soleil, je vous invite à prendre un bain de zombies, un verre de poke sexuel, une lampée de plan de métro en HTML5, une douche d’installation audiovisuelle, une cuillerée d’application iPad et un grand bol de logos et de marques ! Sacrée programme ! Oh et… pour vous détendre, le WTF de cette semaine s’intéresse à la sexualité et la politique… oulala ! ;-)

Bon vendredi et… bon “graphism” !

Geoffrey

Allez hop, on commence le début de notre semaine avec ces superbes dessins à l’aquarelle de… morts-vivants ! Nous imaginons souvent que les zombies et autres créatures de ce genre sont des êtres sans amour, et bien détrompez-vous, car Kelly DiPucchio a écrit un livre pour enfants qui raconte l’histoire de l’aimable Mortimer qui va faire tout ce qu’il peut pour rencontrer la femme de sa vie. Malheureusement, les femmes ne sont pas vraiment réceptives à ses attentions très… “zombiesques” ! Heureusement, Mortimer a plus d’un tour dans son sac… ;-) À noter que c’est l’artiste Scott Campbell qui a réalisé les illustrations… des aquarelles douces et amères comme on les aime :)

Bon sinon… il reste des zombies qui font peur ;-)

source

On continue avec un drôle de projet que celui que je vais vous présenter… mais rassurez-vous, il est tout à fait « correct » ! Le « LikeBelt » est la manifestation tangible de Facebook. Avec la technologie sans contact NFC (Near Field Communication), il vous suffira d’avoir votre téléphone NFC Android, ainsi qu’une puce RFID et vous êtes libre pour poker les lieux physiques, réels ! Oui, vous pourrez communiquer l’amour numérique que vous portez à vos amis Facebook tout en leur montrant… physiquement !

Cliquer ici pour voir la vidéo.

source

Cette semaine est également est sorti un projet tout simple, que j’ai réalisé avec Barbara Chabriw ! Le site s’appelle SubLyn et a pour point de départ que les sites de transports en commun sont tout en Flash ou avec des PDF et beaucoup de choses parfois pas très pratiques et parfois un peu longues et complexes à manipuler, ou à charger. Comme, je passais mon temps sur Google Images à chercher un plan de métro d’assez bon format pour me repérer rapidement… j’ai décidé que j’allais me créer un site plus pratique… quitte à ce qu’il serve à d’autres.

Ainsi, SubLyn est né.

SubLyn souhaite donc proposer un plan du métro parisien géographiquement plus exact que le plan officiel de la RATP et relié  en temps réel aux tweets sur chaque ligne de métro. Par exemple, je souhaite rapidement partir à Gare du Nord depuis chez moi, je vois que je dois prendre la ligne 1 jusqu’à Châtelet puis le RER B jusqu’à la Gare du Nord, j’en profite par la même occasion pour regarder un peu l’activité de ces lignes avec Twitter en cliquant sur la petite icône « Ligne 1 » puis la petite icône « RER B ». Des contrôleurs par-ci, des problèmes de rames par-là, un chanteur à telle station ou encore une jolie fille dans une autre, bref, la vraie vie du métro.

À noter que l’idée n’est donc pas du tout de faire de la concurrence au site de la RATP, mais plutôt d’offrir un petit site pratique avec le pouls du métro… c’est donc sans prétention, et si ça peut vous être utile, j’en suis le premier ravi !

Sublyn en images :

Découvrez SubLyn mais attention, le site est encore en bêta ! | source

Avec certaines installations audiovisuelles, on apprécie la simplicité… Et tel est le cas avec le premier chapitre de ce travail réalisé avec Squeaky Lobster et Romain Tardy membre d’AntiVJ. Cette installation polyvalente s’intitule “Battleships” et utilise une grille de lumières et de la vidéoprojection en noir et blanc… Ici, pas de couleurs flashy mais juste une forme minimaliste et  deux couleurs contrastées qui vont faire rougir certains experts en cartographie. Apparemment, c’est un travail en cours et la structure va changer pour chaque nouvelle étape. Le tout restera construit avec les mêmes modules carrés.

Cliquer ici pour voir la vidéo.

source

Voici une application iPad qui fait honneur à l’esprit des mathématiques modernes ! Cette histoire interactive des mathématiques couvre une période allant de l’an 1000 à 1950, et présente le lien profond entre IBM et l’équipe de designers légendaires Charles et Ray Eames. En 1950 lorsque les Eames ont été appelés par l’ex-PDG d’IBM, Thomas Watson, pour un film, leur passion commune pour les mathématiques et les sciences a pu être révélée au grand jour et ainsi évoluer en une relation rare entre IBM, les mathématiques et le design. Parfait donc pour les amoureux des chiffres, des sciences et du design.

En vidéo :

Cliquer ici pour voir la vidéo.

source

Toujours cette semaine, j’ai découvert cette immersion dans l’univers des identités visuelles et notamment la possibilité de remonter aux origines des noms des marques ! En effet, combien de logos voyons-nous chaque jour et dont nous ignorons les origines, le sens profond lié à la marque ? Même au sein des grandes entreprises, combien d’employés ignorent ce que le logo et le nom de leur entreprise signifient ? Afin d’apprendre, de découvrir et de comprendre l’histoire qui se cache derrière de nombreuses sociétés, voici cette liste visuelle des plus célèbres entreprises au monde.

source

Le WTF de cette semaine est un étrange mélange entre politique et sexe ! Bouh ! Cette infographie vidéo animée, réalisée par 2FACTORY Agency, reprend les chiffres publiés dans l’enquête sur les mœurs des Français et leurs orientations politiques, réalisée par Ifop pour Hot vidéo du 24 février au 1^er mars 2012 auprès d’un échantillon de 1 411 personnes représentatif de la population française âgée de 18 ans et plus…

On en apprend des vertes et des pas mûres sur les gens de gauche, de droite, du centre, les écolos, etc. ;-) Attention toutefois, cette vidéo est quand même #NSFW et pas pour les enfants ! C’est dit.

Cliquer ici pour voir la vidéo.

Merci Julie

Oui, ‘dredi c’est Graphism est terminé pour aujourd’hui, mais rassurez-vous je vous laisse en bonne compagnie avec ce kit pour la fin du monde, avec cette œuvre réalisée sur Mac OS, ou encore avec ce Yo Mamma version designer !

En attendant la semaine prochaine, soyez bien sage, allez voter, et réservez votre train pour le web2day de Nantes ! :)

Geoffrey

Hello les ptits loups !

Aaah, c’est vendredi, oui, vendredi 13 mais rassurez-vous, “Vendredi c’est Graphism” aura été épargné par le mauvais oeil pour vous offrir, encore cette semaine, un petit aperçu de ma semaine graphique, visuelle, expérimentale, bref, tous ces ingrédients créatifs qui font que chaque jour nous pouvons êtres inspirés par de nouvelles choses. Ainsi, au programme de cette semaine, je vous propose :

• - une caméra très ancienne pour votre iPhone dernière génération
• - des conseils pour la création sur téléphone mobile
• - des robes issues de sites internet
• - un débat sur les jeux vidéo et la bande dessinée
• - une application pour faire de la musique électronique en… 3 minutes
• - une expérience tangible et sensorielle pour Issey Miyake
• - et… un WTF déformant ;-)

Bon vendredi… et bon Graphism !

Geoffrey

On commence notre semaine avec “1-Bit camera”, une bien drôle application iPhone qui va capter merveilleusement votre environnement sous forme de photo et les transformer en noir et blanc et en image 1bit. Et oui, vos photos prises avec cette application transformeront votre dernier iPhone4S top moumoute de la technologie en photos originales de ce que l’on pouvait trouver sur l’OS d’Apple en 1984 ou encore sur la célèbre caméra Gameboy, une caméra très prisée des collectionneurs.

Au programme donc :

• un affichage temps réel de l’image en 1-bit
• des photos légères, aux alentours de 150ko
• un algorithme de tramage précis
• le partage en ligne sur twitter, facebook…
• etc.

Hello !

Bienvenue pour ce nouvel épisode de “Vendredi c’est Graphism”, un numéro complet avec la fabrication traditionnelle d’un livre, avec notre ami le tampographe Sardon, avec un film numérique reconstituant Fenêtre sur Cour, avec les puces typographiques, avec un oscilloscope ou encore des boîtes de Nintendo ! On terminera sur un WTF où superman est quelque peu sociopathe ;-)

C’est vendredi et c’est… Graphism !

On démarre en douceur notre revue de la semaine avec cet instant arrêté, intemporel et si simple. Ce très beau film court réalisé par Glen Milner pour le compte du Daily Telegraph nous présente, au travers de son objectif, la création d’un livre fabriqué avec les méthodes d’impression traditionnelles, et ce, à l’imprimerie de Smith-Settle à Leeds dans le nord de l’Angleterre. Glen Milner travaille à Londres et réalise souvent desdocumentaires c’est également à lui que l’on doit “Justice on the Grass”, “Iranian, Gay & Seeking Asylum” ou encore “Streets & Sports: A Trinidad Teen”. Il est également vidéo-journaliste pour le Telegraph.

Cliquer ici pour voir la vidéo.

source

Cette semaine a également été l’occasion de voir la sortie du livre du Tampographe  Vincent Sardon ! Ce monsieur et amusant dessine et crée des tampons depuis des années. Ces tampons ont la particularité d’être grossiers, étranges, drôles, politiquement incorrectes, cinglants, satiriques, décalés, morbides… Bref, vous l’aurez compris, il ne fait rien comme les autres tampons ;-)

Présentation de son livre :

“Il n’y a qu’un seul tampographe. C’est une des particularités de cette profession. C’est comme pour le Pape, ou le Père Noël, ou le monstre du Loch Ness. Il n’y a qu’un seul poste à pourvoir. Vincent Sardon est tampographe. Il crée des tampons et il rouspète. C’est ce qu’il fait de mieux. tampons sont des jeux graphiques qui renouvellent de fond en comble le genre moribond et ringard de la gravure. ses poussées de haine sont le prétexte à des textes autobiographiques hilarants qui traitent de la vie d’artiste en milieu hostile. L’Association a la fierté d’annoncer qu’elle publiera en janvier le journal de création du Tampographe Sardon, qui raconte quatre années de production artistique. de mauvaises vibrations et de vie d’atelier.”

source

Le passage d’un film au numérique permet d’éviter qu’il ne se détruise trop rapidement mais, encore mieux, cela permet de manipuler ce film avec un ordinateur ! C’est donc chose faite avec le travail de Jeff Desom qui a revisité Fenêtre sur cour, le célèbre film d’Alfred Hitchcock. Sorti en 1954,  ce film met en scène James Stewart dans le rôle d’un photographe en chaise roulante qui passe son temps à observer ses voisins. Il observe ainsi, à sa fenêtre, le comportement suspect et se met à enquêter depuis sa fenêtre pour suivre ses voisins suspects.

Jeff Desom a ainsi récupéré et assemblé des parties spécifiques du décor pour créer un plan d’ensemble depuis la vue de l’appartement de James Stewart. Une autre perception du lieu, de l’intrigue donc, à découvrir ci-dessous :)

Cliquer ici pour voir la vidéo.

J’ai appris aussi une bonne nouvelle cette semaine, les Puces Typographiques sont de retour ! L’an dernier, souvenez-vous, je vous avais présenté l’évènement auquel j’avais participé. Et bien cette année, c’est toujours à Bagnolet, et ce sera le 5 mai de 11h à 19h. Les Rencontres internationales de Lure et la Fonderie de l’Image se sont réassociées pour vous proposer un marché de la typo (et autres objets graphiques associés). Une journée printanière pour vider ses étagères et/ou remplir sa besace. Entrée libre pour les curieux de tous horizons.

Au programme:

• Rencontres avec les éditeurs, graphistes, créateurs et typographes indépendants.
• Présentation en avant-première de la semaine d’été des Rencontres de Lure 2012 : « Corps Neuf ».
• Surprises et bonnes affaires pour tous les goûts et toutes les bourses
• Gâteau de maman et snack-bar sur place, terrasse ensoleillée !
• Grande tombola de clôture
• Pour avoir votre espace d’objets graphiques et vider vos placards (beaux ! les livres mais encombrants, matériel informatique, collection de revue, papier de création, collection de feutres) tout en faisant des heureux

source | images

Allez zou, on continue notre semaine créative avec cet oscilloscope… numérique ! Oui, il est totalement factice car construit avec VVVV, un environnement de programmation graphique hybride & textuelle pour le prototypage rapide et le développement. Il est conçu pour faciliter la manipulation et la création d’interfaces avec des animations graphiques en temps réel, que ce soit audio ou vidéo.  Et avec VVVV,  notre bien-aimé oscilloscope, si vintage, prend une forme nouvelle qui permet de visualiser du son. À noter que ce travail a été pour le Flatpack festival à Birmingham, en 2012.

Cliquer ici pour voir la vidéo.

“Gallery 1988″ est LE lieu à Los Angeles pour des expositions d’art. Récemment, une version des principaux films d’Alfred Hitchcock (et oui, encore lui!) y a été exposée avec un style pixel art des années 80 en présentant ces films comme s’ils étaient des jeux vidéo. D’ailleurs, si Hitchcock avait vécu dans les années 80 et 90, je suis presque sûr que Nintendo aurait sauté sur l’occasion de faire des adaptations en jeux vidéo de certains de ses films les plus emblématiques. Voici donc ces quelques affiches :

source

La semaine dernière on parlait super-héro, cette semaine on continue notre lancée avec ce WTF dans lequel Superman est.. un sociopathe ! Petit rappel de ce qu’est une personne sociopathe, c’est quelqu’un qui a un trouble de la personnalité caractérisé par une tendance générale à l’indifférence vis-à-vis des normes sociales, des émotions et droits d’autrui ainsi que par un comportement impulsif.

Bref, avec ces bandes dessinées des années 60 c’est Superman qui devient fou !

source

Et oui, “Vendredi c’est Graphism” est terminé, mais je vous laisse en compagnie avec cette application pour faire du pixel art, avec ces pictogrammes pour délinquants, ou encore tous ces logos et leur histoire, sans compter cette sélection de sérigraphies ;-) Je vous remercie aussi d’être toujours aussi nombreux & nombreuses

À la semaine prochaine :)

Geoffrey