Bonjour :)

Ici Geoffrey pour votre chronique “Vendredi c’est Graphism” ! Cette semaine, c’est France 3 qui s’illustre grâce à l’agence Australie et en présentant leur première collaboration matérialisée autour de cette campagne d’affichage mais aussi dans la presse, à la radio et sur le web. Retour sur ces affiches qui ont fait parler d’elles, chose rare pour une chaîne de télévision.

Une campagne de com’ ciblée

Changer le regard porté sur France 3 en valorisant les valeurs de proximité de la chaîne, en phase avec son époque.

France 3, coupé décalé

L’image de France 3 est, vous le savez, assez réservée et sérieuse, cependant, elle offre un contenu riche et varié avec des programmes spécifiques à la chaîne comme “Thalassa”, “Des Racines et des Ailes” ou encore la célèbre série “Plus belle la vie”. Le défi de changer cette image sérieuse et parfois un peu “vieille” était de taille. Cependant, France 3 faisant partie du groupe France Télévisions, ne pouvait pas se permettre tout et n’importe quoi, d’où l’idée de définir une direction claire dans leur statégie de communication :

Ancrée et active sur le terrain, concernée par l’actualité, la culture populaire, son environnement et son époque, France 3 est la chaîne grand public qui nous ressemble, qui nous concerne. Plus que jamais, France 3 est un repère ; Elle n’offre pas seulement une proximité géographique, mais une proximité de valeurs avec les téléspectateurs qui ne se reconnaissent pas dans les excès de la télévision actuelle.

Nous sommes au bon endroit

Cette campagne commence donc avec un spot vidéo très calme, sans musique avec une voix off et l’apparition fluide des éléments typographiques et iconographiques. Le spot, très certainement réalisé avec le logiciel After Effect, utilise très peu d’effets et contrebalance donc leur discours très provocateur qui est “Chez nous, c’est différent de chez les autres”, comprenez que France 3 ne fait pas de télé-réalité, de télé-sensation ou de films pour adultes, etc.

Cliquer ici pour voir la vidéo.

Les affiches

La campagne se décline également en affiches, les mêmes que sur le spot, et qui s’imposent par leur discours vraiment décalé. La finesse de ces affiches se situe (comme souvent pour les affiches réussies) dans le fait qu’elles font appel à l’intelligence du lecteur. En effet, en ne citant pas directement le type d’émission qu’il critique, le texte de l’affiche est tourné dans sa forme négative. Ainsi, pour le lecteur, il est très simple d’inverser le processus et de comprendre que France 3 parle de l’émission “Déco”, de “Secret Story”, des séries américaines ou des télé-achats.

(source)

Décrypter l’image

Les affiches sont simples et sont toutes composées :

• d’un fond coloré avec un dégradé
• d’une phrase en grand, en gros
• d’une image d’une émission dans une télévision
• du logo de France 3
• de leur nouveau slogan “Vous êtes au bon endroit”

La récurrence d’un système graphique permet la cohérence et créé ainsi l’identité de la “marque” ou plus précisément, de la campagne de communication. La plupart des séries d’affiches fonctionne ainsi et joue sur ce système de répétition. Étrangement, ces affiches n’ont pas l’allure d’affiches publicitaires.

Un IMPACT typographique ?

Côté typographie, une drôle de surprise : le caractère “Impact” a été utilisé ! Oui, Impact est une typographie sans-serif conçue par Geoffrey Lee en 1965 et publié par la fonderie Stephenson Blake. Ses traits ultra-épais, son interlettre très serré, sa grande hauteur de x, ses contreformes réduites font son aspect et son identité. Comme son nom le laisse à deviner, la typo “Impact” est dessinée à l’origine pour les titres de journaux. L’impact est l’une des polices de base pour le Web et est distribuée avec Microsoft Windows depuis de nombreuses années.

À l’heure de la culture web, la typo Impact est surtout utilisée pour réaliser des images de mèmes, des images de lolcats, etc. Elle a donc une image assez mauvaise dans la culture de l’imprimé et sera considérée comme ringarde ou un peu kitsch.

(source)

Un graphiste aux manettes ?

Côté graphisme, ces affiches me donnent un drôle de sentiment. En effet, leur composition est propre, tous les éléments sont bien calés sur une grille, les textes sont à peu près bien calés aussi… mais ! Car oui, il y a ce “mais” qui m’ennuie.

• Les couleurs sont des couleurs qui ressemblent à des couleurs RVB (rouge vert bleu, des couleurs pour l’affichage sur écran), plutôt que des couleurs CMJN (cyan, magenta, jaune noir, des couleurs pour l’impression). Je me demande donc quelle sera la qualité du rendu une fois ces affiches imprimées ?

• La typographie, j’en parlais précédemment, n’est pas une typographie très élégante, très intéressante graphiquement et c’est une typographie installée par défaut sur les ordinateurs. L’impression qu’il n’y a pas eu vraiment de recherche en ce sens est forte. Cependant, j’en parlais également plus haut, c’est une typographie très utilisée sur des images produites pour le web. A-t-elle été choisie dans ce but ? Allez savoir.

• Le dégradé sur l’affiche n’a pas grand intérêt, et surtout, la télévision avec le câble qui pend n’est pas très élégante et ne fait pas “corps” avec le reste d’ l’affiche. Elle semble avoir été posée par hasard.

La stratégie de marque

Sur le site de l’agence Australie, on y découvre la stratégie de marque proposée pour France 3.

• Une nouvelle signature pour la chaîne. “France 3, vous êtes au bon endroit”, une manière d’affirmer la solidité et la singularité de la chaîne : ancrée et active sur le terrain à travers l’information et les offres régionales, passionnée et enrichissante dans son offre de programmes (culture, découverte, évasion, arts de vivre, fictions familiales et historiques, décryptage et pédagogie de ses magazines et documentaires), naturelle et bienveillante dans le ton et la diversité des points de vues qui s’expriment.
• Une nouvelle campagne que l’agence Australie a voulu drôle et décalée pour marquer les esprits, conforter son public et donner envie de la redécouvrir pour d’autres.
• Selon Valérie Manzic, directrice de la communication externe de France 3,“l’ambition de cette campagne est bien de valoriser l’image de la chaine. France 3 assume ainsi fortement sa place originale et revendique sa solidité dans le paysage audiovisuel français : une offre différente, claire et positive qui n’a de cesse d’évoluer. L’humour renforce la proximité avec notre public et incitera le public à la redécouvrir”

L’accueil sur Twitter

L’accueil de cette campagne sur les différents réseaux sociaux ne s’est pas fait attendre et s’avère être plutôt bon auprès du public, je constate donc que c’est une petite réussite pour un ensemble d’affiches destinées à modifier l’image de France 3.

Délicieusement irrévérencieuse, cette nouvelle campagne pub de France3 facebook.com/media/set/?set…

— P_Deshayes (@P_Deshayes) Octobre 1, 2012

Autant j’avoue que c’était pas ma chaîne préférée, autant je trouve cette campagne depub géniale ! #France3 graphism.fr/les-affiches-d… — Cheshire Sonyan (@cheshire_sonyan) Octobre 3, 2012

La campagne de #France3 se veut drôle & décalée pour marquer les esprits et conforter son public. Autre affiche #humour twitter.com/ThomBertin/sta…

— Thomas Bertin (@ThomBertin) Octobre 1, 2012

France 3 et l’agence Australie taclent la télé en 7 accroches | golem13 | #marketing #Affiche bit.ly/QAcMyf — Mika (@chocomilka) Octobre 2, 2012

Aller, une dernière affiche de la campagne de @france3tv (“trash” mais très drôle). France 3, vous êtes au bon endroit. twitter.com/ThomBertin/sta…

— Thomas Bertin (@ThomBertin) Octobre 1, 2012

Honnêtement, cette affiche est moyenne non? #France3 strategies.fr/creations/1960…

— Valentin Planche (@Wing_11) Octobre 2, 2012

L’exemple Canal+

Il y a quelques temps déjà apparaissaient dans les transports en commun des affiches minimalistes, drôles et intelligentes pour mettre en avant des films connus. Aux manettes ? La chaîne de télévision Canal+ qui réalisait cette campagne à succès dont beaucoup partageaient les images sur Facebook ou Twitter. La qualité graphique était également au rendez-vous, à mi-chemin entre le dessin, l’affiche de propagande et la typographie très bien exécutée.

Retour en images.

source

Conclusion

Pour conclure simplement sur cette campagne qui semble réussie, il est vrai que les accroches sont bien pensées, surprennent de par leur côté décalé pour cette chaîne de télévision parfois timorée. Cependant, il ne faut pas oublier le graphisme et la qualité visuelle des affiches. La typographie, les couleurs, la composition et le choix des images auraient pu avoir un traitement encore plus méticuleux, plus audacieux et auraient eu, j’en suis sûr, un impact (sans jeu de mots), encore plus fort.

Je reste très curieux de voir si les autres chaînes du groupe France Télévisions vont s’aligner dans cet esprit graphique et décalé ou si la campagne de France 3 restera une exception.

En tous les cas, je vous dis à la semaine prochaine pour un nouvel épisode de Vendredi c’est Graphism !

Geoffrey

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

Allez hop, on commence notre belle et grande revue de la semaine avec un tout nouveau projet d’artiste sur… les tatouages !Je n’ai pas de tatouages mais pourtant, cet art me fascine étrangement. En effet, un tatouage c’est avant tout une histoire, un passé, une pensée, une façon de s’exprimer par l’esthétique d’un dessin et l’esthétique d’un corps. Ainsi, j’ai été ravi de découvrir « Pen & Ink », un tout nouveau blog sur les tatouages ​​et les histoires qui se cachent derrières. Créé par Isaac Fitzgerald et Wendy McNaughton, chaque article dispose de l’illustration d’un tatouage accompagné de son histoire… manuscrite !

Un résultat très intéressant s’en dégage.

source

On continue avec une vidéo très intéressante ! Il s’agit du SENSEable City Lab qui a conclu un partenariat avec la division SNCF pour la recherche et l’innovation afin de présenter de nouvelles façons de mieux comprendre comment les gens accèdent aux différentes parties de la France en utilisant le système ferroviaire à grande vitesse. Les réseaux de transport sont aujourd’hui très denses et sont munis de capteurs et des systèmes numériques pour faciliter les opérations de routine.

La vidéo ci-dessous combine ainsi plusieurs ensembles de données générées par ces systèmes pour fournir de nouvelles perspectives sur la façon dont la France se déplace sur le rail jusque parfois très tard ! L’idée est aussi de comprendre d’une meilleure façon comment les passagers sont affectés par les retards des trains et pourquoi pas, limiter le retard par passager tout en augmentant la satisfaction des passagers en général.

Cliquer ici pour voir la vidéo.

On enchaîne avec le logo de la semaine ! Dans la grande famille des « rebranding », je vous présente le nouveau logo de Twitter ! Twitter est un oiseau bleu… et l’oiseau bleu est Twitter ! En effet, l’image de Twitter a su s’imposer rapidement et facilement en quelques années auprès du grand public. Ce nouveau logo est en fait un « rebranding », une nouvelle version du même logo de marque. Twitter nous propose donc une version simplifiée du petit oiseau bleu qui prend son envol.

Le directeur de la création de la société, Doug Bowman, en a fait l’annonce hier sur le blog de Twitter, en déclarant:

« À partir de maintenant, cet oiseau est le symbole universellement reconnaissable de Twitter. Notre nouvel oiseau naît de l’amour pour l’ornithologie, du design et de la créativité et de la géométrie simple. Cet oiseau est conçu uniquement à partir de trois séries de cercles qui se chevauchent – semblable à la façon dont les réseaux, les intérêts et les idées se connectent et se croisent. Ainsi, un oiseau en vol est la représentation ultime de possibilité de liberté et de l’espoir sans limites. »

Le logo :

Cliquer ici pour voir la vidéo.

source

Allez hop on continue notre revue de la semaine avec la vidéo de mon talk que j’ai eu la chance de faire pendant TEDxParis Université. En tant que designer, j’étais invité à parler librement autour du design et de la thématique de TEDx Paris Université (TEDxPU pour les intimes) : “Sortir de la Caverne”. J’en ai donc profité pour présenter ma vision personnelle de la posture du designer et ma façon de partager. Evidemment, le format de TED est particulier, c’est un exercice de style dans lequel on vient raconter un parcours, une histoire, une expérience de vie, etc.

Cliquer ici pour voir la vidéo.

source

J’ai toujours été un grand fan des livres, des affiches et des cartes en pop-up . C’est donc avec plaisir que je vous présente une découverte de la semaine avec le graphiste Mengyu Chen qui a créé une magnifique collection d’animations sur des feuilles de papier. Ce graphiste & directeur artistique de Portland s’appelle Mengyu Chen et travaille actuellement sur une nouvelle bande dessinée. En attendant, ses idées et l’exécution de ses affiches / cartes pop-up sont vraiment très spectaculaires !

source

On termine avec Konstantinos Frantzis, Kat Zorina et Ruben van der Vleuten qui ont construit un mélangeur à cocktails relié à… Twitter évidemment ! Un peu comme le piano cocktail de notre ami Boris Vian, cette installation est un prototype qui, selon les “trending topics” de Twitter, viendra choisir les ingrédients puis mélanger.

Tweets Tasty, c’est son petit nom, est donc une expérience de visualisation de données qui permet aux utilisateurs d’explorer les tendances actuelles à travers le “goût de twitter”. Ils utilissent l’API de Twitter et recueille les tweets contenant les noms des fruits spécifiques tels que les ananas, les pommes ou encore la carotte… le tout crée un cocktail ou un smoothie. Drôle d’idée non ?

Cliquer ici pour voir la vidéo.

source

Le WTF de cette semaine est signé par la Moselle avec son nouveau logo de “Moselle Tourisme”. Un WTF graphique donc car la Moselle reprend donc son logo “officiel” et crée un logo mashup dans lequel on retrouve l’ancien logo de Twitter (dont les droits sont déposés), le petit pouce de Facebook (pareil) ainsi qu’une icône de flux rss et un grand + pour rappeler Google+… le tout ressemble à une icône d’application iPhone. Gloups !

source & source

Pour le mot de la fin, je voulais vous proposer de hacker l’autisme, de vous plonger dans un drôle d’univers avec ce clip, de télécharger ce joli caractère intitulé Metropolis ou encore d’apprécier la finesse du dessin de meuble… en 3D !

Bon week-end et… à la semaine prochaine pour de nouvelles aventures ;-)

Geoffrey

Bonjour à toutes et à tous et bienvenue à bord de Vendredi c’est Graphism !

Au programme de la semaine, je vous invite à observer des appareils photos en pixel-art, des logos de candidats, le Social Graph ENFIN expliqué, de la programmation graphique en temps réel, un touchant court métrage illustré. On ira également faire un tour du côté du Titanic, de la typo Nougatine et l’on terminera avec un WTF spécial “rapport de voisinage”, rien que ça !

Bon… vendredi & BON Graphism !

Geoffrey

On commence la semaine avec une actu qui a fait le tour du web ! Si vous aimez les appareils photos, vous tomberez en amour avec cette animation très bien réalisée par le brésilien Antonio Vicentini. Ce jeune homme a récupéré le travail de Billy Brown, un autre jeune homme qui a dessiné 100 illustrations de la d’appareils photos à la mode “pixel”. Billy les a ensuite pris soin de les mettre ligne sous licence Creative Commons Attribution, permettant à quiconque d’utiliser, de réutiliser et de modifier ses images à condition de le citer.  La beauté du partage, que demander de plus  ? :-)

Cliquer ici pour voir la vidéo.

source | source

À l’heure où la campagne bat son plein, la politique ressemble de plus en plus à un combat d’image, d’opinion, mais pas d’idée, pas de fond. Alors quitte à jouer le jeu de l’image,  l’agence Landor a demandé à des familles de dresser le portrait chinois marketing de six candidats. Nicolas Sarkozy renvoie ainsi à Chanel, Nespresso ou TF1 tandis que François Hollande évoque Zara, Carte Noire ou les chaînes du service public.

Le résultat :

« Si Nicolas Sarkozy était une griffe de mode, ce serait Chanel tandis que les Français voient plutôt François Hollande en Zara. Pour le café, le premier est lié à Nespresso, le second à Carte Noire. L’un est plutôt Hilton, l’autre Pierre & Vacances. Selon Landor, celui qui représente l’UMP est associé à des « marques leaders et statutaires ». Tandis que le candidat du PS est une « marque de qualité tout en étant accessible, familiale et/ou populaire ». Mais Nicolas Sarkozy et François Hollande partagent visiblement certaines valeurs. Leurs deux noms se voient attachés à ceux de Coca-Cola ou de la Peugeot 508. »

Les candidats regroupés sous forme de logos :

source

On continue avec des explications… Popularisé par Mark Zuckerberg le « Social Graph » désigne le réseau de connexions et de relations entre les gens et les objets du monde réel (les produits, les lieux, les entreprises, les articles d’un site web…). Cette forme de modélisation des données via Facebook permet la diffusion rapide et simple et le filtrage efficace de l’information. Cela permet également -en théorie- d’améliorer le classement des ressources sur le web via un système de recommandations sociales.

Pierre Bellet a ainsi réalisé une vidéo très intéressante et assez didactique sur ce système… En espérant que cela simplifie les choses !

Cliquer ici pour voir la vidéo.

source

Toujours cette semaine, voici, pour les amoureux des belles images, de l’indentation syntaxique, des voxels et autres courbes de gausse… cette après-midi on parle code, mais pas n’importe quel code, on parle code en ligne et en live ! En effet, il existe de nombreux outils pour coder de cette façon mais je tenais surtout à vous présenter LiveCodeLab. Ce petit dernier sert principalement à réaliser des images, des animations, des effets visuels, mais il sera une bonne initiation au code.

LiveCodeLab en quelques mots :

Livecodelab est un endroit spécial où vous pouvez faire du code « à la volée » afin de générer des effets visuels 3D et jouer des sons assez décalés Le code « à la volée » prend tout son sens sur ce site car, pendant que vous tapez, vous obtenez le rendu immédiatement. Tapez seulement les trois lettres suivantes : « box », et boum, une boîte apparaîtra. Pas de choses compliquées, pas d’attente, rien du tout. Le site possède également de nombreux exemples à essayer, à modifier.

LiveCodeLab en image :

source

Hop, une bouffée d’oxygène à nos yeux avec le travail  graphique et magique d’Eusong Lee qui a créé ce court métrage d’animation. Cette touchante petite fille se souvient de son père qui est décédé pendant les attentats du 11 Septembre… rien à rajouter, ça s’observe, s’écoute, se ressent.

Cliquer ici pour voir la vidéo.

source

Comme c’est vendredi, c’est aussi typographie avec Nougatine, une fonte de titrage inspirée par la saveur des cookies sortants du four. Elle possède 380 glyphes, de nombreuses ligatures et toute une panoplie de lettres alternatives pour vous permettre les meilleures combinaisons possibles. Étant gratuite, Nougatine est sous licence Creative Commons à usage non-commercial, excepté sous l’autorisation de son auteur.

> télécharger la typo Nougatine !

source

En ce moment, il y a trop de choses autour du film Titanic qui est ressorti en 3D au cinéma (quelle drôle d’idée au passage!). Cependant, voici une animation datavisualisée assez géniale sur le sujet. Réalisée par AfterThe Flood, pour la BBC, cette vidéo sur le Titanic sert à expliquer aux téléspectateurs quelques rudiments historiques. Le tout est graphique, simple, narratif et bien réalisé.

Cliquer ici pour voir la vidéo.

source | source

Le WTF de cette semaine s’appelle “Chers voisins” et sélectionne avec talent les petits messages que les voisins s’affichent par post-it et autres feuilles interposées… ;-)

> Le site chersvoisins.

Et voilà, notre revue de la semaine est terminée pour aujourd’hui, mais je vous laisse avec des affiches pour parasiter la politique sur le site parasites2012, des images “lol” avec trollcadero, et aussi avec cette superbe cartographie du lit d’un couple ! ;-)

Zou à la semaine prochaine et en attendant… gardez l’oeil ouvert !

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

Aujourd’hui est un jour très spécial : c’est le premier “Vendredi c’est Graphism” de l’année 2012 et que, par conséquent nous sommes à la 3e saison. Cerise sur la soucoupe, la troisième version d’Owni a été mise en ligne mercredi et je suis d’autant plus content de pouvoir vous parler design et graphisme sur un site qui sait ce que cela signifie !

Bref, c’est ravi que je démarre cette nouvelle saison !

Bon vendredi et… bon “Graphism” !

Geoffrey

On commence la semaine avec cette série d’images qui m’a tapé dans l’œil hier. Il s’agit d’un travail critique de Viktor Hertz, graphiste, qui pose la question du logo d’Apple et du slogan “Think Different”. Il a ainsi détourné le célébrissime logo d’Apple que l’on connait tous et il l’a retourné, trituré, hachuré, déformé, déplacé… En précisant ses intentions par ce texte :

Cher Apple,

Ceci n’est pas une atteinte à votre entreprise ni logo. Ceci est mon hommage à Apple et à toute la créativité qui entoure votre entreprise et vos produits. Si vous voulez que je retire ces images, s’il vous plaît contactez-moi et je le ferai. J’ai beaucoup d’autres idées. J’ai fait ces logos en moins de 48 heures, donnez-moi une semaine et je vous en ferai une centaine. Je pense différemment.

Là où, je pense que Viktor se trompe, c’est qu’Apple vise la qualité et pas la quantité. À voir s’il se fera remarquer par la firme à la pomme… En attendant, voici son travail graphique :

source

La chaîne de télévision latino-américaine “AXN” a réalisé une vidéo typographique pour la promotion d’une de leur série intitulée Criminal Minds, série dans laquelle les principaux personnages sont une équipe de profilers du FBI qui analysent les esprits des criminels pour déduire leurs prochaines actions. L’équipe de créatifs raconte que l’idée de cette vidéo était de filmer le corps de l’un des ces criminels et d’y tracer ses pensées, sa psychologie, etc.

Le résultat est à mi-chemin entre le tatouage, la peinture, le numérique et le sensible.

Cliquer ici pour voir la vidéo.

source

On continue notre revue de la semaine avec la suite du “Projet Milo”,un projet de street-art dans les rues de Paris. Ce projet met en scène la ville, la rue et crée des situation comme ces personnages qui semblent défier les lois de la gravité, comme ces flèches dans les murs, comme ces interrupteurs sortis de nulle part. À la frontière du concret et de l’onirique, ce projet nous interroge sur le réenchantement du quotidien et de ses règles : “Pourquoi ne pourrais- je pas marcher sur le plafond ?”… la question est posée, la réponse, la voici :

La vidéo de 2010 :

Cliquer ici pour voir la vidéo.

Les photos de 2012 :

source

Cette semaine, j’ai également découvert une toute petite vidéo qui m’a bien fait rire et dédicacée à toutes ces personnes qui klaxonnent comme des fous sur la route sur la route. Réalisée par Nick Khoo, c’est simple, graphique et il s’est fait plaisir ;-) Côté technique, Nick n’a utilisé uniquement que l’outil “Formes” du logiciel After Effects, c’est tout. À partir de là, il a utilisé le script Duik (un script vous permettant d’animer un personnage dans After Effects).

Cliquer ici pour voir la vidéo.

source | source

L’éternel débat entre “Nerd” et “Geek” fait toujours rage et souvent, on tend à confondre les deux mots. Pourtant, il y a tellement de différences entre les deux, le geek n’a pas le même téléphone que le nerd, il ne va pas non plus voir les mêmes films au cinéma, il ne lit pas les mêmes livres… Vous l’aurez compris, nous sommes dans la caricature et cette infographie reflète parfaitement ce côté caricatural tout en essayant de résumer les arguments qui différencient bien nos deux amis, monsieur geek et monsieur nerd.

Le WTF de cette semaine est un doux mélange entre gothique & nature… “grrraaaou” ! Réunis sur le site “Goths up threes”, ce Tumblr répertorie tous les clichés de ces amis de la nature et immortalise leur retour à la terre. Ça se passe de commentaires, par contre ça se regarde avec délectation ! Un grand moment de WTF et de poésie !

source

“Vendredi c’est Graphism” est déjà terminé, mais rassurez-vous, vous pouvez toujours aller voir les dessins sur le site d’Anne Martelote, en faire vous-même avec cette application iPad encore vous défouler avec ce jeu vidéo en noir et blanc intitulé Parallax.

Bon week-end et à la semaine prochaine pour de nouvelles aventures ;-)

Oh ! ET meilleurs vœux à tous ! Et si jamais vous voulez de mes nouvelles …

Geoffrey

Hello, bonjour et bienvenue !

Cette semaine, l’actu tech, geek, et design est bien triste avec la disparition d’un des plus grands designers de notre époque, Steve Jobs. Alors, je vous arrête tout de suite, je ne vais pas sortir ni les iViolons ni les iLamentations. Je vous propose juste, d’un point de vue graphique, design, artistique et vivant, un petit détour par la planète Steve Jobs !

Au programme, un aperçu visuel de “l’esprit Steve Jobs”, une floppées de page d’accueil, le rapport entre la typo & Apple, un petit tour par la scénographie d’un Apple Store, le mauvais côté d’Apple, la une de Libé et le discours de Steve Jobs lors de la cérémonie de remise des diplômes de Stanford… :-)

Bon vendredi… et bon “graphism” !

Geoffrey

Allez hop, on commence avec cette intéressante visualisation publiée hier et qui nous plonge à l’intérieur de la “pensée Jobs”. En effet, au travers de mots simples, l’image nous retrace le parcours d’une pensée, d’une façon de voir le design produit, le design d’interface et la conception orientée vers l’innovation.

source

On continue avec une revue graphique des gros sites américains qui ont décidé de rendre hommage à Steve Jobs. D’une façon très sobre comme pour Google ou plus visuelle comme Wired ou Apple, on sera également surpris de voir Amazon afficher un petit cadre ou encore Boing Boing emprunter le thème des premiers Macintosh sur l’intégralité de son site ! Bref, c’est très inhabituel alors voici ce que ça donne…

Dans l’ordre : Apple.com, BoingBoing.net, Amazon.fr, Google.com, Wired.com (s’il y en a d’autres, n’hésitez pas à les partager dans les commentaires)

Vous le savez peut-être, Steve Jobs avait suivi des cours de calligraphie à l’université… C’est donc pour cela qu’au royaume des Macintosh, la typo est reine et qu’une exigence a toujours été faite sur la typographie employée dans les produits Apple  ! Susan Kare a ainsi été la première à créer les Police Apple : Monaco, Geneva, New York, Chicago… elle est également à l’origine des premières icônes Macintosh. Quelques exemples.

sources

Je tenais également à vous inviter dans ce retour en 2001, avec une vidéo d’archive où Steve Jobs présentait les premiers Apple Store. Une visite de pré-lancement de l’un des premiers magasins Apple en 2001. Les ingrédients sont là et c’est ce sur quoi j’aimerais attirer votre attention : internet sur chaque ordinateur, le téléphone rouge pour appeler Cupertino, le Genius Bar où, très finement, Steve Jobs se place en précisant « I’m not a genius ». Tout est dans l’art de la mise en scène et Apple nous rappelle donc qu’ils savent assembler de la technologie, qu’ils savent créer de l’expérience dans leurs produits… mais également dans leurs magasins. En tout cas, l’idée de l’Apple Store n’a toujours pas changé en dix ans et elle restera certainement brillante encore longtemps.

Cliquer ici pour voir la vidéo.

source

Comme tout n’est pas noir ou blanc, je vous invite à lire également ce que Michel Rabagliati dessinait il y a encore quelques temps au travers d’un roman graphique dans lequel il met en scène son personnage Paul. Ainsi, ses ouvrages comme « Paul à la campagne », « Paul a un travail d’été », « Paul en appartement », « Paul dans le métro » racontent du vécu, de l’histoire vraie teintée d’émotion. Dans « Paul à la pèche », Clément avait scanné ce strip qui parle de l’arrivée d’Apple et plus précisément du Macintosh dans le domaine des arts graphiques. Une bande-dessinée qui présente un point de vue intéressant pour compléter également l’image de la marque Apple mais aussi ce à quoi Steve Jobs devait, je pense, se retrouver parfois confronté.

source

Côté graphisme toujours, je tenais à vous signaler cette superbe Une sortie aujourd’hui et signée Libération… ça se passe de commentaire mais le résultat est très élégant, visuel et graphique !

Allez on termine avec une vidéo (sous-titrée en français) filmée en 2005 où Steve Jobs réalise un de ses plus beaux discours devant les étudiants de Stanford. Outre le côté historique, je pense qu’un tel discours peut en laisser rêveur certains et certaines !

Cliquer ici pour voir la vidéo.

source

Pour finir ce numéro un peu spécial, je tenais à signaler que, loin des guerres de chapelles entre Apple, Microsoft, Mac et PC (je bosse sur PC et pourtant j’utilise les produits Apple tous les jours…), je souhaitais souligner que Steve Jobs était avant tout un designer, avec une démarche, une vision et une approche particulière et que l’hommage qui lui est rendu aujourd’hui est peu comparé à ce qu’il a apporté au monde du design.

Bref, si vous voulez aller plus loin avec Apple & Steve Jobs et garder une belle image de tout ceci, je vous invite à jeter un oeil sur cet article ou encore à rire avec ces parodies, ces caricatures, et autres infographies décalées…

Un excellent week-end et… à la semaine prochaine !

Geoffrey

source | source

—

Billet initialement publié sur Graphism.fr sous le titre [logos] « Et si Facebook devenait Twitter et Google devenait Yahoo ? »

Bonjour toutes & tous et… bon vendredi 1^er avril :-)

Comme pour toutes nos éditions de Vendredi c’est Graphism, la semaine a été riche en actualités graphiques et visuelles. J’ai fait ma sélection, pour la mettre à bord de la soucoupe d’OWNI. Au programme de la semaine, l’identité visuelle d’Eurostar, un jeu vidéo sur Jeff Koons, des peintures mélangeant casques de robot et des enfants. On parlera aussi des Restos du Coeur, de retrogaming et d’un monsieur un peu fou qui a la machette facile ;-)

Bonne lecture !

Geoffrey

Allez, on commence notre revue de la semaine avec LA news graphique qui aura fait parler d’elle… il s’agit de la nouvelle identité visuelle d’Eurostar ! Vous vous souvenez peut-être de cet article sur le nouveau logo d’Eurostar du 21 juillet 2010 où je vous présentais ce nouveau logo en exclusivité 8 mois avant sa sortie ? Suite à cette news, j’avais été contacté par Eurostar pour retirer le logo, ils n’étaient pas prêts…

Mais aujourd’hui, ça y est, le logo est sorti officiellement ! Après un an et demi de travail avec leur agence anglaise SomeOne [en] et de nombreuses phases d’études approfondies avec leurs clients, Eurostar change d’identité visuelle ! Un logo assez intéressant mais tout en 3D qui aura l’audace d’être appliqué sur tous les supports de communication, trains, affiches, sculptures, et même les buissons.

Comme vous pourrez le constater, ce n’est pas un logo qui a été conçu, mais véritablement un objet 3D, une sculpture mise en image sur les supports. C’est assez étrange comme concept mais pourquoi pas ? (oui, je suis assez ouvert pour imaginer que ça soit possible) Le tout est quand même soutenu par un ensemble pictogrammes et typographie assez plaisant.

source

On enchaîne avec une actualité assez provocatrice et qui vous propose de vous défouler avec un jeu vidéo intitulé « Jeff Koons Must Die ! » (Jeff Koons doit mourir!). Ce jeu vidéo est réalisé  par Hunter Jonakin, jeune diplômé de l’Université de Floride. Le jeu est constitué d’une galerie d’œuvres de Jeff Koons, cet artiste américain, anciennement courtier et aujourd’hui artiste richissime & reconnu en ayant entre autres renouvelé le pop art avec une vision post-moderne. Bref, ça dégomme, ça tire, ça détruit ses œuvres pour le plus grand plaisir des agents de sécurité du musée ;-)

Cliquer ici pour voir la vidéo.

source

Allez, on reste dans le jeu vidéo avec la vidéo retrogaming de la semaine ! Il s’agit d’une compilation des morts dans les jeux vidéo dits « rétros ». Tout y passe, de l’explosion pixellisée, du sang ultra rouge, de la chute ou du « rayon de la mort », je vous laisse découvrir ces mille et une morts et, certainement retrouver de vieux souvenirs… *soupir* :-)

Cliquer ici pour voir la vidéo.

source

Toujours cette semaine (avant-hier plus précisément), nous avons pu découvrir le travail de Benjamin F. Guy qui réalise des enfants avec des casques de géant. Drôle d’idée en effet, mais ses peintures sont vraiment belles et pleines d’émotion. Cet artiste venu d’Australie réfléchit donc à l’enfance et soulève la question du rapport à l’imaginaire du dessin animé et aux personnages comme Mask, Transformers, Star Wars ou encore G.I.Joe…

source

On continue avec une vidéo que Hanna Baranes de la Netscouade m’a envoyé. La Netscouade a réalisé cette vidéo de visualisation d’informations sur les Restos du Cœur afin de faire parler de la richesse de leurs activités et engagements. La forme pourrait sembler classique et connue, cependant, le sujet est tout autre. En effet, nous avons l’habitude de voir des animations de visualisation de données pour des choses technologiques, mais là, pour les Restos du Cœur, c’est assez rare pour être souligné ! :-)

Cliquer ici pour voir la vidéo.

source

Le WTF de cette semaine, c’est avec cet Allemand qui n’a pas froid aux yeux ni à la machette ! Peut-être s’est-il inspiré du film du même nom pour concevoir ce lance-pierre géant qui permet de lancer à très grande vitesse, une machette bien affûtée. Et non, il n’a même pas peur ! ;-)

Cliquer ici pour voir la vidéo.

Pour finir notre revue de la semaine, je vous invite à faire deux bonnes actions. La première envers le Japon avec cette image que le graphiste Frankie Doguet a réalisé et commercialise (dont tous les bénéfices sont envoyés en soutien pour le Japon). L’autre bonne action est la campagne de soutien pour la Quadrature du Net, (qui combat activement les lois Hadopi, Loppsi ou encore l’ACTA…). Par ailleurs, je vous remercie encore à toutes et tous d’être là, de m’envoyer des mails ou des tweets pour partager vos actualités, c’est un grand plaisir !

Geoffrey

Bonjour et bon vendredi !

Et oui, aujourd’hui un numéro spécial “à la main”, où je vous présente le compte rendu de la semaine en design, en illustration, en typographie… mais sous l’angle du “fait-main” avec la patte de l’artiste, le coup de crayon du designer, la fluidité du calligraphe, le coup de gomme du dessinateur de BD, j’en passe ;-) Au programme cette semaine, je vous invite donc à découvrir le travail de croquis de logos de Matt Braun,  les illustrations de Tobias Lunchbreath, la typo calligraphiée de Frank Ortmann, le journal fait-main de Aleksey Belyalov, le parapluie de Leen Sadder et un petit WTF signé par Cham du Collectif 404 !

Bonne lecture :-)

Geoffrey

Je sais que je vous montre souvent les logos terminés, finalisés… mais pour ce numéro spécial de Vendredi c’est Graphism, je vous propose de découvrir les croquis de Matt Braun, un talentueux designer qui a eu le courage et le plaisir de montrer l’envers du décors, les étapes préliminaires de ses logos. On appréciera les marques de gomme, les imperfections, les détails, les ratés… Et ce qui est agréable aussi, c’est d’imaginer comment ces croquis pourront prendre forme, prendre vie et être vectorisés par exemple :-)

source | Merci Tobias

Cette semaine, j’ai aussi eu le plaisir de découvrir un dessin réalisé par l’artiste Tobias Lunchbreath qui a illustré d’autres utilisations pour votre poignet ! En effet, il constate que nos vieilles montres sont obsolètes aujourd’hui et se demande bien ce qu’il est possible d’attacher à son poignet !

source

On a eu le plaisir aussi de découvrir le travail typographique de la couverture pour le dossier “Max Goldt” par le graphiste et calligraphe Frank Ortmann ! On y découvre les étapes de la création de cette couverture, la précision, la patience, le talent et le savoir-faire sont en parfaite harmonie pour un résultat impressionnant. Le geste est également incroyable de finesse et de liberté.. bref, je ne m’en lasse pas !

Cliquer ici pour voir la vidéo.

Cela faisait quelque jours que je souhaitais vous présenter le Journal La Nouvelle ! Il est intégralement fait à la main par Aleksey Belyalov qui s’applique talentueusement pour réaliser un bel ouvrage avec tout simplement des stylos et il colorise ensuite sur l’ensemble Photoshop. Chaque numéro est très élégant et mesure 470×315 mm, et n’a pas de périodicité régulière, voici donc ce à quoi il ressemble

source

Toujours dans notre thématique sur le “à la main”, voici un parapluie calligraphié par Leen Sadder, qui est le fruit d’un projet pour la classe de Stefan Sagmeister. L’idée est de de toucher le cœur des New-Yorkais, même un jour de pluie avec un parapluie digne de Mary Poppins, d’où son nom “Spoon of sugar”, comme la chanson de Marry Poppins :-)

source

Le WTF de cette semaine est une bande dessinée sur l’origine du logo de Wikipedia ! Dessinée par Cham du très très bon Collectif404 (où l’on retrouve quand même du beau monde comme : Aurélien, Avétis, Cheap, Jeanne, Juliette, Léob, Manu, Melek, Ragondin, Sans-arcidet et la très talentueuse Skeene), cette BD humanise le petit Wikipedia, un petit garçon bien sage mais qui déprime terriblement… mais WTF quoi ;-)

source