Aujourd’hui, c’est un témoignage que je souhaite vous proposer. J’ai lancé cette semaine avec mon ami le créateur de communautés Julien Dorra, la “Responsive Museum Week” Le projet est simple : une semaine pour “hacker” et “remixer” les sites Internet existant des musées !

Aux origines…

Il y a quelque temps, j’ai écrit un article qui a suscité quelques émois et créé des questions/réponses passionnantes à propos du tout nouveau site internet du Centre Pompidou Virtuel, un des plus importants musées français. À côté de cela, mon ami Julien Dorra, se posait la question sur Twitter du “responsive web design” (l’adaptatibilité d’un site Internet à un téléphone mobile, à une tablette, etc.) au sujet de ce même musée.

Deux e-mails plus tard nous étions tous les deux d’accord pour affirmer que bon nombre de sites Internet de musées n’étaient absolument pas utilisables sur téléphone mobile et sur tablette et qu’il fallait faire quelque chose ! En effet, en situation de mobilité et dans n’importe quel musée, les visiteurs se servent de leur téléphone pour prendre des photos des oeuvres (même quand cela n’est pas autorisé), pour tweeter, facebooker, mais également pour se rendre sur le site du musée en question afin de retrouver des informations, des références, etc.

Réfléchir et prendre la parole sont une première étape, faire, créer, agir est l’étape suivante.

Trois jours “quick and dirty” pour créer le projet

Ainsi, nous avons imaginé une semaine créative où chacun maîtrisant un peu le code CSS pourrait “hacker”, “bidouiller”, “remixer” le site de son musée préféré afin de le rendre adapté au support mobile, téléphone, tablette, etc. Chaque musée et chaque internaute se verrait alors offrir en ligne et librement cette nouvelle version ergonomique, élégante, lisible et enfin adapté à ces supports actuels. Nous serons d’accord pour dire que cela ne suffit pas, que l’idéal serait de revoir intégralement l’expérience muséale en ligne, son contenu, sa forme, etc.

Mais… commençons déjà par cette toute petite chose qui est de rendre accessible et lisible nos chers sites web de musée sur un simple téléphone ou tablette, dans la rue, au musée.

Extrait du travail réalisé en collaboration avec Julien Dorra

La Responsive Museum Week est lancée

À la sortie c’est un concept, un challenge, un site internet adapté aux supports mobiles, des partenaires que l’on présente à la communauté des musées, des développeurs, des designers et à tous les curieux.

La mission est simple :

• Choisir le site internet d’un musée
• Modifier sa feuille de styles avec le plugin Stylish ou avec Firebug
• Capturez votre travail et partagez-le !
• Chacun pourra ainsi profiter de ce hack et tester le site s’il avait été adapté pour mobile

Les réactions

Les réactions ne se sont pas faites attendre, on ne touche pas aux musées comme ça. Si l’événement “Museomix” qui a lieu en ce moment à Lyon propose de “remixer” le musée sur place pour réinventer des formes de narration muséale, l’événement “Responsive Museum” propose, lui, de “remixer” les sites Internet des musées pour les rendre mobiles. On ne recréé pas l’intégralité du site Internet comme on ne recréé pas le musée, on s’y insère pour l’améliorer, le hacker de l’intérieur.

Sur Twitter, en revanche, l’appel à la créativité aura été bien reçu.

Responsive Museum Week ! Super initiative après la sortie du nouveau site de Beaubourg et les critiques qui ont suivi…

— Agathe Sevegrand (@agathesev) Octobre 15, 2012

tu vas plutôt faire le responsive design du Louvre ou d’Orsay? RT @flomorelResponsive Museum Week, au boulot: responsivemuseum.com

— Audrey le Tiec (@AudreyyLT) Octobre 15, 2012

Les objectifs de la responsive museum week sur @knowtex ça fait du bien par où ça passe ^^ knowtex.tumblr.com/post/337080826…

— Camille Cocaud (@CamilleCocaud) Octobre 16, 2012

Le Palais de Tokyo enfin en Responsive Web Design grâce au Responsive Museum Week ! bit.ly/Qljjwn

— Elise Melanson (@Mirelilise) Octobre 16, 2012

Bon coup de pub pour les musées! Une semaine pour *hacker* les sites web des musées avec la Responsive Museum Week ! graphism.fr/une-semaine-po…

— Batardiere David (@smilidave) Octobre 17, 2012

Une démarche créative et réactive

Ce mode de travail créatif, actif et collaboratif repose sur plusieurs points :

L’observation

En tant que designer, je passe mon temps à observer les usages, les gens, les habitudes, les détournements, les réactions et  de ces observations naissent des “insights”, des éléments intéressants que l’on capture pour venir ensuite créer des ouvertures créatives pour des projets. Ici, ça a été la sortie du site Internet du Centre Pompidou, son positionnement graphique, ergonomique et son accueil auprès du public.

La réactivité

Avec Twitter, quelques e-mails et un Google Document collaboratif, Julien Dorra et moi avons dressé les grandes lignes du projet et nous nous sommes répartis les tâches. J’ai réalisé le design de l’événement et le site Internet (adapté aux tablettes et aux mobiles), Julien a activé sa communauté, rédigé les textes et contacté différents acteurs de la programmation et des musées, notamment.

La collaboration créative

Trois jours après, ce sont déjà cinq musées qui se sont fait “hacker” par cinq bidouilleurs de code et de design. Chacun a pu également aider son camarade de hack et obtenir ainsi de nouvelles compétences. La collaboration créative est, à mon sens, une démarche qui peut être très puissante en termes de résultats, de productivité, d’imagination.

Du web design, orienté pour l’utilisateur mobile

Ci-dessous, voici les premières réalisations des participants. J’ai été très surpris de voir la réactivité et la qualité de ces modifications. En effet, adapter un site Internet au support mobile est une question complexe qui couvre d’une part, l’ergonomie, le design, la lisibilité, le confort de navigation et d’autre part, la programmation orientée mobile. Ici, l’exercice est encore plus périlleux car il est impossible de modifier totalement le code source du site.

À noter que chacun a publié son “hack” sur “Stylish“, un outil qui se rajoute à votre navigateur afin de modifier le site en temps réel lorsque vous y accédez. Tous les “hacks” sont accessibles sur ce tumblr.

• • Le site du Centre Pompidou par @vandyvincent
• • Site : http://www.centrepompidou.fr/
• • CSS user style : Les styles et images sur UserStyles

• • Le musée aquarium de Nancy par Guillaume Demesy
• • Site : http://www.museumaquariumdenancy.eu
• • CSS user style : Les styles et images sur UserStyles

• • Le Palais de Tokyo par Geoffrey Crofte
• • Site : http://www.palaisdetokyo.com
• • CSS user style : Les styles et images sur UserStyles.org

• • Les musées de la ville de Strasbourg par Tom Brehm
• • Site : http://www.musees.strasbourg.eu/
• • CSS user style : http://userstyles.org/styles/76699/mus-es-de-strasbourg

Conclusion

Pour conclure ce “Vendredi c’est Graphism”, j’attire surtout votre attention sur la démarche créative que j’ai souhaité mettre en place avec Julien Dorra. Le fait de se réapproprier et de détourner quelque chose, en l’occurrence les musées, provoque la créativité. De plus, proposer un projet focalisé sur un élément très précis (ici, adapter le site Internet aux supports mobiles), ouvre la discussion sur des choses beaucoup plus larges comme la place du musée sur Internet, comme l’expérience muséale en ligne, etc. L’inverse aurait moins créé de débat. Enfin, “hacker” un site, un produit, une démarche, pour l’améliorer en totale autonomie (comme lorsque j’ai sorti Sublyn sans contacter la RATP) permet d’aller au bout des choses sans considérations stratégiques, politiques, décisionnelles, etc. et donc de se concentrer sur une seule voix, celle du design centré utilisateur.

Des enseignements et une approche “design / hacking” que je réitérerai très certainement sur d’autres projets à l’avenir :)

Excellent week-end à toutes et à tous et… à la semaine prochaine !

Geoffrey

Soucieux de soigner son image de plus grosse régie publicitaire au monde, depuis longtemps Google aide les arts et la culture, avec par exemple le passionnant Google Art Project sorti en 2011 et permettant de visiter virtuellement différents musées comme celui de Versailles, le Metropolitan Museum of Art of New York ou encore la Tate Modern Gallery de Londres. Plus simplement encore avec les Google Doodle, ces logos de Google redessinés et  l’occasion d’un événement et qui font sourire les millions de connectés. Le lancement de son Institut culturel, ce mercredi, s’inscrit dans cette dynamique.

42 histoires

Le site propose donc 42 histoires de 1900 à 2000 à travers une frise chronologique simple et élégante. On y retrouve des sujets historiques comme la déportation pendant la Seconde Guerre Mondiale, Mai 68 ou des personnages comme Nelson Mandela, la Reine Elisabeth II ou encore Anne Frank.

Mark Yoshitaka, responsable du projet explique que le site est structurée par les thématiques pour offrir un contenu qui invite plus facilement à la découverte. De même, la liste des quarante-deux sujets devrait s’agrandir pour compléter ce projet évolutif ! Et il conclu sur : “Le but est d’associer le savoir-faire informatique de Google et les archives des prestigieuses institutions culturelles”. Le meilleur des deux mondes donc.

Arrêtons-nous un instant sur la première page et qu’y voyons-nous ?

Pleine page

L’utilisation de la photo en fond et en plein écran est une énorme tendance de cette année 2012. Trois évolutions l’expliquent : les progrès des technologies web et des standards, les débits Internet élevés qui se banalisent et la démocratisation des appareils photos réflex de bonne qualité. De même, on remarquera que chaque image est sombre sur les bords. Cela s’appelle le “vignettage” et là encore c’est à la mode. Le vignettage est en théorie provoqué par une insuffisance de l’objectif photographique. Sur une image numérique, cet “effet” est là pour créer une impression d’intimité et pour rappeler la “vraie photo en papier”.

Minimaliste

Sur le site, il y a de nombreuses façons d’accéder au contenu. En effet, plus il est riche et dense, plus les angles pour le découvrir sont nombreux. Il vous faudra donc naviguer entre les images très simplement en cliquant sur les flèches de chaque côté de l’écran, ou alors afficher le contenu sous forme de mosaïque. Vous avez aussi la possibilité de naviguer avec une barre de défilement horizontale qui fait office de frise chronologique.

Labeur

Pour la typographie, Google a ses propres outils comme Google Web Font, c’est donc de ce site que la typo de titre (le Oswald pour les intimes) et la typo de labeur (le Merriweather pour les mêmes) proviennent. Tout le travail typo en blanc sur fond de photo est plutôt bien réussi et offre une lecture confortable même sur les petits écrans.

Le Oswald

Le Merriweather

Simple complexité

En design, “less is more” est un adage que j’apprécie dispenser et pratiquer. En effet, un site comme le Google Cultural Institute se retrouve a devoir aller à l’essentiel. Par exemple, avec cette page de recherche, on se retrouve un petit peu dans l’esprit du moteur de recherche de Google et nous gardons ainsi nos repères pour naviguer.

Et pour s’en servir vraiment ?

Comme souvent sur ce genre de projet, je pose la question suivante : “Et est-ce que vous vous en serviriez réellement ?”. Pas au quotidien comme une boîte e-mail ou comme Facebook, mais vraiment aller chercher, creuser l’information, naviguer dans un contenu comme on tourne les pages d’un livre chaque soir où comme on regarde les vidéos des conférences TED avant de s’endormir. Pour cela, Youtube propose sur sa chaîne dédiée au Google Cultural Institute, une vidéo explicative (en anglais sous-titré en français).

Cliquer ici pour voir la vidéo.

Je me demande cependant si, en dehors de l’enseignement (ce qui est déjà une bonne chose!), des utilisateurs continueront d’aller sur le site une fois “l’effet waou” passé.

Rassembler est également une des forces de Google car sous l’égide de son institut se développe en fait des partenariats avec de nombreux acteurs de la culture comme le musée de Auschwitz-Birkenau, la Fondation France Israel, la Anne Frank House ou encore des sociétés comme Getty Images, la collection de photos du magazine LIFE et même la Mairie de Paris.

Pour aller plus loin sur le sujet, je vous invite à pratiquer vous même l’expérience du Google Cultural Institute et également consulter la chaîne Youtube du Google Cultural Institute.

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 et bienvenue sur Vendredi c’est Graphism ! :)

Il y a quelques semaines, cette vidéo a fait beaucoup d’émois avec 107 000 vues. Ironique et pleine d’humour, elle dénonce, critique, provoque les différents médias sociaux que nous utilisons. Ironique ? Oui, je l’ai justement vue publiée sur Facebook et sur Twitter. Ce film et cette peinture (réalisée en cinq jours) ont été réalisés au festival “GALORE”  de Copenhague, au Danemark, et se présente comme un time-lapse composé de plus de 9 000 photos.

#MyLifeSucks

Cliquer ici pour voir la vidéo.

Son auteur témoigne :

Les gens me regardent comme si j’étais sur une autre planète quand je leur dis que je ne suis pas sur les médias sociaux comme Facebook, Twitter ou Instagram. Aux yeux des médias sociaux, je suis fortement dépassé, je suis perdu et pas connecté. En ne prenant pas part aux médias sociaux mentionnés ci-dessus je fais de moi un étranger pour la société qui sacralise ces médias sociaux. Je ne peux pas m’empêcher d’observer les gens autour de moi qui semblent être consommés et accro au fait de se tenir au courant des statuts de leurs amis sur les médias sociaux.

Nous vivons dans une vie au rythme ridiculement rapide où l’information est échangée si rapidement qu’il nous fait nous sentir inadéquat et détruit notre capacité d’attention.

Street-art déconnecté ?

Le street-art semble donc avoir une dent contre les réseaux sociaux ? En effet, la création street art repose sur la rue, sur les murs, le mobilier urbain, les arbres, que sais-je encore, mais se situe en général plutôt loin de l’écran (à quelques exceptions près comme le Graffiti Research Lab). Cependant, le graffiti n’a jamais été aussi reconnu et suivi par le grand public depuis l’avènement des réseaux sociaux. En effet, combien de fois sommes-nous surpris par un beau graff publié sur Instagram ? Une photo “Regarde le ciel” publiée sur Twitter ou encore un panneau détourné publié sur Path ?

En tous cas, les réseaux sociaux influencent le street art et ce ne sont pas les initiatives qui manquent. Par exemple, avec ces collages qui nous racontent Facebook dans la rue.

Facebook est dans ta rue

(source)

Dépendance culturelle

Ne nous voilons pas la face, nous passons peut-être, une deux trois heures – voire toute la journée – sur Facebook, et notre compte Facebook est souvent ouvert, même si la fenêtre est minimisée sur notre ordinateur. Accro à Facebook ? C’est sur ce constat que la street-artiste 2wenty, située à Los Angeles, dépeint graphiquement notre  dépendance culturelle aux médias sociaux. Sur l’affiche ci-dessous, on voit clairement un paquet de cigarettes marqué au doux nom de Facebook et aux couleurs du réseau social.

Je fais des oeuvres sur ce qui me tracasse [...] Les gens sont toujours sur Facebook au travail et même en marchant dans la rue. Je compare Facebook à la cigarette pour attirer l’attention sur nos dépendances culturelles. Mais voulons-nous vraiment cesser de fumer?

Bien que le travail 2wenty dénote d’une attitude pessimiste envers le réseau social, ce n’est pas vraiment la preuve que l’artiste de rue est anti-Facebook, en effet elle-même possède sa propre page Facebook dans laquelle elle publie régulièrement des messages et des liens vers son travail.

Des murs sur Facebook

D’autres oeuvres de rue, souvent anonymes, se présentent sous de nombreuses formes différentes comme des collages, des pochoirs, des graffitis, des autocollants ou encore des peintures. Les supports sont nombreux, les idées pour parler des réseaux sociaux aussi.

Tweet tweet tweet

Enfin, il n’y a pas que Facebook qui inspire les street-artistes. Comme le montre la vidéo du festival GALORE en début d’article, Twitter est également source d’inspiration. Pour le colleur d’images Jilly Ballistic, c’est l’opportunité d’attirer l’attention du citoyen et d’aller contre le trop plein de publicité en faisant “court”, très court. Ci-dessous, il colle donc un tweet publié par lui-même, @JillyBallistic, avec pour simple message: “S’il vous plaît continuez à ignorer cette publicité. Merci.” Ce tweet collé restera affiché pendant plusieurs jours sur l’abribus M15 à St Allen & St Stanton, à New-York.

(source)

Questionmarc

Un autre artiste du nom de “Questionmarc” s’xprime sur les murs les d’un bâtiment en mettant en avant le petit oiseau de Twitter (l’ancienne version, pas la nouvelle). Son tweet ? “Just bombin’ a wall” est très simple et je serais ravi de voir jusqu’où il pourrait aller avec ce petit oiseau et ces tweets.

Et les mèmes dans tout ça ?

Enfin, les réseaux sociaux ne sont pas les seuls à inspirer les street-artistes, en effet la culture Internet n’est pas en reste avec cet exemple ci-dessous réalisé par Thierry Jaspart, en Belgique. Il a décidé de réaliser une fresque mettant en scène nos amis connus d’Internet, j’ai nommé Rage Faces, Pedobear, Long Cat, Keyboard Cat, etc.

Cliquer ici pour voir la vidéo.

Le street-art et les réseaux sociaux font finalement bon ménage

Enfin, pour conclure il se trouve que tant que le street-art existera, il perdurera sur les réseaux sociaux, sur Twitter, Instagram, Path, Facebook, Pinterest, que sais-je encore. Ainsi, j’ai décidé de vous faire une petite liste par réseau, de là où vous pouvez dénicher des oeuvres de street-artistes :-)

Sur Twitter

• _streetart
• graffiti_brazil
• urbanartcore
• _streetart
• banksyprints
• banksynews
• estria

Sur Facebook

• street.art.parietal
• streetartutopia
• artinthestreets
• StreetArtBerlin
• streetartessi
• streetartbcn
• hesmovedtoboston
• The-Real-Art-of-Street-Ar

Sur Pinterest

• street-art
• street-art-a-public-board
• street-street-street-culture
• street-art-board
• street-artist
• street-art
• xps-street-art
• biggaraiji-street-art

Sur Instagram

• Sur statigr.am
• Sur Tumblr
• woes
• dabsmyla
• aarondelacruz
• r_o_n_e
• Graffuturism
• saberawr

Excellente fin de semaine et à la semaine prochaine !

Geoffrey

Cette semaine, on se penche sur la sortie de l’affiche du Festival d’Automne à Paris. Ce festival a lieu tous les ans à Paris et a pour mission de passer commande à des créateurs et de susciter des démarches d’ordre expérimentales pour témoigner de la créativité des cultures non-occidentales.

Comme tous les ans, ce passionnant festival donne lieu à une affiche unique, réalisée par un artiste différent. La qualité graphique est donc souvent au rendez-vous (en témoignent les affiches que vous verrez plus bas). Cependant, cette année, nombreuses ont été les personnes surprises à la vue de l’affiche. Loin des canons de la beauté classique, elle semble avoir été faite en quelque minutes avec très peu d’exigence graphique.

L’affiche 2012 du Festival d’Automne à Paris

(voir l’affiche en grand format à cette adresse)

Dans son ensemble c’est une affiche classique : un titre en grand, des couleurs, des logos plus ou moins alignés en bas et même un code QR (le petit code barre carrée en bas de l’affiche) qui amène vers le site du Festival d’Automne. Mais quand on regarde en détail, on remarque certains points qui attirent l’oeil :

• L’harmonie des couleurs est très délicate, un orange/marron pour la typo (pour rappeler l’automne ?), un dégradé entre trois couleurs (bleu, jaune, violet) en fond de page et des logos en gris.

• La typographie semble avoir été écrite au doigt ou à la souris. Rien de mal en soi mais cela renforce énormément l’aspect négligé et l’absence d’effort.

• La date “2012, 13 sept – 31 déc” a un léger pourtour blanc. En effet, le dégradé rendait difficilement lisible le mot dans le violet, il a fallu trouver une façon de rendre ça lisible.

• En dehors du dégradé qui rappel un coucher de soleil et la couleur du texte, il n’y a aucun rappel du sujet de l’affiche. Elle n’exprime rien. Aucune allusion à l’art, à la créativité, au festival en lui-même.

• Les logos sont en gris ou en noir et ne sont pas vraiment alignés, ils semblent entassés là sans réelle choix graphique.

• Le code QR quant à lui amène l’internaute qui le prend en photo vers le site internet du Festival d’Automne. Un site qui n’est pas optimisé pour les téléphones mobiles !

Avec cette absence flagrante d’exigence dans la qualité de l’affiche, les réactions ne se sont pas faites attendre, notamment sur Twitter :

Ce matin je vous fais saigner des yeux avec cette magnifique affiche du “Festival d’automne à Paris” :

bit.ly/UGtWxv(via @actulogo)

— David Dérus (@DavidDerus) Septembre 11, 2012

Le « festival d’automne à Paris 2012″ une affiche qu’elle est belle ! jonathan-menet.fr/blog/2012/09/1… | C’EST UNE BLAGUE ?!

— Yannick Henrion (@YH) Septembre 11, 2012

Le « festival d’automne à Paris 2012″ : Non mais, c’est quoi cette affiche ??? jonathan-menet.fr/blog/2012/09/1… — laura buathier (@lauraoza) Septembre 11, 2012

OMG mais c’est quoi ce fail ?! L’affiche du festival d’automne à Paris réalisé avec Paint 0.1 ? tin.li/j8c #fail

— David Massiani (@dmassiani) Septembre 11, 2012

L’affiche du festival d’automne à Paris joue s/ les codes de l’affiche de la fête de la musique( graphism.fr/laffiche-de-la…): twitpic.com/at9ae8

— Benjamin Gattet (@RageKit) Septembre 11, 2012

En effet, nombre de personnes ayant vu cette affiche ont tout d’abord été choqués par les couleurs et la lecture de l’affiche. Ensuite, c’est la réflexion qui a pris le pas sur les forums, les blogs, sur Twitter ou encore Facebook. En effet, l’auteur de l’affiche est l’artiste invité du Festival, Urs Fischer, un plasticien suisse dont les sculptures sont exposées dans des expositions et des biennales à travers le monde. En 2012, Urs a été invité à Venise par François Pinault qui, pour la première fois, laissait carte blanche à un artiste afin d’investir le somptueux palais vénitien du milliardaire français.

Efficacité visuelle

Urs Fischer est donc un talentueux plasticien mais pas un graphiste. Cela ne vous rappelle rien ? En 2012, l’affiche de Roland Garros réalisée par l’artiste Hervé Di Rosa avait fait couler beaucoup d’encre. Ce travail artistique sur le thème du tennis s’inscrivait pourtant dans la lignée des affiches de Roland Garros, des affiches graphiques avec une forte liberté artistique. Un artiste n’est pas un graphiste, il va de soi que ce sont deux disciplines proches mais qui poursuivent des objectifs différents. Une affiche réalisée par un graphiste sert un message de façon graphique en se démarquant ; et en utilisant certaines règles comme la lisibilité (ou parfois l’illisibilité volontaire) l’efficacité visuelle, la simplicité du message délivré, l’élégance, etc. Le but est de délivrer le message. Une image réalisée par un artiste échappe naturellement à cette contingence.

(l’affiche de Roland Garros 2012)

Et pourtant, la communication graphique du Festival d’Automne est très souvent maîtrisée, élégante et graphique. En témoigne la plaquette ci-dessous qui est réalisée par l’agence la Vache Noire ou encore quelques affiches des éditions précédentes. Ces affiches ont d’ailleurs un côté artistique très fort mais auront reçu un bien meilleur accueil. Encore aujourd’hui, leurs codes graphiques sont mieux acceptés que notre affiche de 2012.

source

Irrévérencieuse

En y réfléchissant bien, la dernière affiche qui a fait autant parler d’elle est l’affiche de la Fête de la Musique dont je vous avais parlé l’an dernier. Les critiques qui avaient été faites sur cette affiche étaient sur l’absence d’effort et de rigueur graphique et l’horrible dégradé tant remarqué. Une affiche remarquée par la critique négative. En lisant un peu plus sur le personnage d’Urs Fischer on apprend qu’il place son énergie créatrice dans sa “réputation irrévérencieuse qui met à mal les conventions et nos certitudes visuelles” et que l’on peut “reconnaître dans son geste une dimension héroïque, voire romantique, qui n’est pas sans assumer une grande part d’ironie”. [source].

Urs aurait-il donc utilisé volontairement les codes graphiques contemporains tant décriés de ces affiches qui font parler d’elles par leur “laideur” ? Serions-nous tous tombés dans le panneau ? Toujours est-il que les parodies (voir ci-dessous) et les articles sur les blogs fleurissent comme sur John Graphisme.

(l’affiche de la Fête de la Musique 2011)

(source)

Si malgré l’affiche, vous êtes intéressé par le Festival d’Automne, n’hésitez pas à vous rendre sur la programmation où, danse, art plastique, théâtre, musique et cinéma cohabitent brillamment avec des auteurs, artistes et créateurs de renom.

Geoffrey

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

Bonjour et bienvenue sur l’avant-dernier épisode de “Vendredi c’est Graphism” !

Avant la trêve du mois d’août, on va faire le plein de graphisme, de design, avec notamment des arbres qui poussent dans la typo, un clip rock en 3D ou encore un écran électromagnétique. Si le coeur vous en dit, vous pourrez aller faire un tour du côté de cette conférence – table ronde qui a eu lieu lors du Typocamp, et admirer les collages de Jayme McGowan. Enfin, on se penchera sur un WTF calme mais inutile ! ;-)

Oui, vous y êtes, c’est Vendredi et c’est “Graphism” !

Geoffrey

Allez, on commence notre revue de la semaine avec le travail de HeineJones, un designer interdisciplinaire basé à Melbourne ! Il a récemment été approché par le conseil municipal de Footscray afin de concevoir une solution d’interprétation graphique et plastique qui puisse décrire le tout nouveau jardin implanté dans le cadre d’un réaménagement de la rue de Leeds Street. La solution de HeineJones est simple, il a mélangé la fonction et l’intention en réalisant des grilles poétiques découpées au laser dans une plaque d’acier de 10 mm.

Les arbres poussent donc à différentes échelles et sur différentes langues. Ces poèmes urbains comprennent également des mots qui rassemblent des informations sur le jardin. Le fond et la forme sont mêlés élégamment dans une contrainte de départ qui ne semblait pas si évidente.

source

Voici un clip qui est à voir cette semaine ! Créé par par Wildlife et présenté à Los Angeles, cette vidéo tente de donner un visuel intéressant, créatif et audacieux à  ”Gimme Danger” de Iggy & the Stooger. Cette chanson rock en avance sur son temps est donc rattrapée par sa version visuelle d’une grande modernité avec des effets de lumière noire et un style souvent psychédélique. Derrière ce clip, il y a de nombreuses soirées de travail et de passion pure grâce à une équipe qui vient de l’univers de la modélisation et création 3D. Un résultat à découvrir ci-dessous.

Cliquer ici pour voir la vidéo.

source

On continue avec cette découverte de la semaine grâce au groupe Breakfast qui nous éblouit en faisant revivre une technologie d’antan. Leur but est simple : créer une expérience pour enquêter sur les rues de New York grâce à un écran électromagnétique géant d’une résolution de 44 000 pixels. Chaque point est noir/ou blanc et réagit au moindre mouvement. Vous pouvez donc interagir avec lui comme un miroir intelligent et mécanique. Cet afficheur est vraiment très rapide pour un objet de mécanique et permet même ainsi d’afficher une image filmée à partir d’une caméra.

En photos :

En vidéos :

Cliquer ici pour voir la vidéo.

Cliquer ici pour voir la vidéo.

source | source

Allez, on continue notre “Vendredi c’est Graphism” avec la charmante artiste Jayme McGowan qui s’est faite connaître pour ses découpages de papier afin de réaliser des illustrations assez incroyables ! Puis, petit à petit, elle a été chargée d’illustrer des articles rédactionnels dans les magazines, des campagnes publicitaires, des produits, du packaging, etc. Installée en Californie, Jayme développe un imaginaire fantaisiste appuyé par des méthodes de travail assez uniques, tout en papier découpé. Elle a étudié l’art à la California State University à Sacramento où elle a obtenu son diplôme en 2007.

source

Il y a quelques temps, j’ai eu l’honneur d’animer la conférence et la table ronde du TypoCamp qui a eu lieu à Paris. Avec le caustique et drôle David Rault, la charmante et décalée Anne-Sophie Fradier, le passionné Loran Stosskopf et notre ami du libre Jérémy Landes-Nones, nous avons pu aborder des thèmes sur les identités visuelles, la macro typo, la création typographique ou encore les identités visuelles de grandes institutions. Bref, j’étais au coeur de tout ceci, pour mon plus grand plaisir même si l’envie me démangeait très souvent d’intervenir, de donner mon point de vue et mon expérience. Heureusement, tout a été filmé, pour le meilleur et pour le typo-pire ! Voici la soirée en vidéo :

Cliquer ici pour voir la vidéo.

source

Le WTF de la semaine est placé sous le signe de… l’inutile ! Voici comment transformer votre beau Mac Book Pro d’Apple en une simple machine à écrire ! Typer Noisy est un logiciel gratuit qui joue des sons de machine à écrire pendant que vous tapez. Il fonctionne en arrière-plan et avec toutes les applications (email, traitement de texte, etc.). Les sons sont ceux d’une vieille machine à écrire, notamment le son de la barre d’espace qui tintinnabule ;-) C’est inutile donc indispensable !

Cliquer ici pour voir la vidéo.

source

Pour le mot de la fin, sachez qu’il vous reste jusqu’à demain pour gagner un livre sur le métier de graphiste indépendant, que vous pouvez faire avancer la science en jouant avec des formes de vie eucaryotes perchées dans un arbre phylogénétique. Si la Chine vous intéresse, je vous invite à regarder cette interview de Wei Xingyu, alias Weestar réalisée par mon ami Gabriel ! Et si vous êtes assez passionné(e) par les belles lettres, vous pouvez participer à ce stage de gravure lapidaire !

Bonne fin de semaine, reposez-vous bien et… à la semaine prochaine !

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

Bonjour bonjour :)

Comme le soleil n’est toujours pas au rendez-vous, je vous propose un bol d’air graphique, une promenade champêtre dans les arts visuels et interactifs avec ce nouvel épisode de Vendredi c’est Graphism ! Au programme de notre sortie, nous irons faire un petit tour par delà les Lego en ligne, avec un petit garçon fou, le tout sur des maisons volantes ! On sortira également des sentiers battus avec un clip de papier, une typo chromée, et une machine de Turing assez spéciale. Enfin, notre WTF sera dédié à tous ces gens qui prennent des vidéos… à la verticale !

C’est donc bien vendredi et c’est donc bien.. Graphism !

Geoffrey

On commence notre chronique graphique avec un intéressant partenariat entre Google (Chrome) et LEGO (Australie). Avec les dernières technologies Web installées dans Google Chrome, vous allez pouvoir afficher du design 3D directement dans votre navigateur. Ok, mais pourquoi ?

Et bien, pour vous montrer combien cela peut être « fun » (ou « cool » – voire « amazing » pour nos amis de la Silicon Valley - ), Google et Lego ont créé le plus grand LEGO du monde ! Et oui… une co-construction réalisée par tous les internautes, directement depuis leur navigateur. Il vous suffit de construire quelque chose et de le publier sur la carte Google Map… tout simplement.

source

Voici le film de Dan MacKenzie, présentant un jeune scientifique fou qui tente de créer un “monstre de compagnie” puisé depuis un monde parallèle d’un laboratoire imaginaire… qui s’avère être en réalité, la chambre d’un petit garçon. Créée en 6 mois dans sa chambre d’étudiant, cette petite animation est drôle, touchante et extrêmement bien réalisée d’un point de vue technique. Allez, n’ayez pas peur ;-)

Cliquer ici pour voir la vidéo.

source

On continue notre découverte, avec avec les maisons volantes de Laurent Chehere ! Ce photographe passionné a réalisé une série aérienne intitulée « Flying Houses ». Inspiré par ses voyages, Laurent a créé un imaginaire à cheval entre l’architecture, l’onirisme et la narration. Une métaphore dans laquelle se surprend à observer des maisons en apparence « banales » mais en réalité intrigantes, déracinées et voyageuses.

source

Personne ne pouvait le rater avec ses 39 000 vues, et pourtant, ce petit clip est ressorti sur le web cette semaine. Le réalisateur Louis Tardivier a conçu le clip “Square” pour le morceau éponyme de Matt Mendez. Réalisé en papier découpé, plié, et coloré, nous sommes plongés dans un univers futuriste et parfois enfantin. L’animation n’est pas en reste, elle utilise le stop motion et un décor entièrement réalisé par le surprenant Alexis Facca connu également sous le petit nom de Paper Donut. Le tout donne une vidéo originale, légère avec des clins d’oeil à Wall-e ou encore Futurama.

Cliquer ici pour voir la vidéo.

source

On continue notre revue de la semaine avec un petit passage typographique ! En effet, les typos peuvent souvent nous aider à être inspirés, donnant une première approche graphique à nos travaux, à nos créations visuelles. Mais hélas, il va être vraiment difficile de trouver des polices de bonne qualité.  Voici donc “Chrome”, un nouveau caractère (pour l’instant en version “light”). Cette typo sans serif est disponible en deux variantes: le “Chrome” et “Chrome Black”. Avec un jeu complet de lettres, de chiffres et autres signes de ponctuation, son téléchargement est gratuit et peut être utilisé pour tout type de design graphique – impression, web, packaging, etc.

Parfait pour vos titrage, le Chrome aura également un impact assez fort dans les petites tailles.

source | télécharger : Chrome & Chrome Black

Cette semaine, c’était un peu la semaine Lego car en l’honneur du centenaire du célèbre Alan Turing, Jeroen van den Bos et Davy Landman du Wiskunde Centrum & Informatica à Amsterdam ont créé une machine de Turing… en Lego !

“Une machine de Turing est un modèle abstrait du fonctionnement des appareils mécaniques de calcul, tel un ordinateur et sa mémoire, créé par Alan Turing en vue de donner une définition précise au concept d’algorithme ou « procédure mécanique ».” [wikipedia]

Inspirée et inspirante, cette machine de Turing en Lego utilise une technique basée sur une interprétation classique de la mémoire de l’ordinateur : l’interrupteur. En outre, il utilise un capteur de lumière pour déterminer la valeur d’un interrupteur : si le commutateur est activé, le capteur verra la couleur noire. À l’inverse, si elle est désactivée, le capteur verra la couleur blanche. À partir de cela se dessine un langage binaire propre à la machine de Turing.

Cliquer ici pour voir la vidéo.

source

Cette semaine, on va dire “NON” à la vidéo… verticale. En effet, avec nos téléphones, nous avons tendance à filmer verticalement, ce qui et vraiment étrange lorsqu’il s’agit de regarder ensuite. Heureusement, des peluches d’animaux assez WTF nous expliquent pourquoi c’est mal. Mais pourquoi des peluches ?! ;-)

Cliquer ici pour voir la vidéo.

En guise de mot  de la fin, je vous propose un peu d’actualités en plus avec ce clip créatif qui tâche de sensibiliser le citoyen aux “subventions polluantes” données par l’Etat. Si vous êtes curieux de code, de créativité, vous pouvez également vous rendre dans ce lieu très intéressant qu’est la Mutinerie, à Paris, qui propose une une session Processing grâce à Yannick Mathey. On notera également qu’à Noailles se tient un festival de design, et que Le Havre s’intéresse fortement à la création artistique.

Pour le reste, ouvrez en grand les yeux et continuez d’observer le monde, ses images et ce qu’elles veulent dire… en vérité.

À la semaine prochaine !

Geoffrey