OWNI http://owni.fr News, Augmented Tue, 17 Sep 2013 12:04:49 +0000 http://wordpress.org/?v=2.9.2 fr hourly 1 France 3 se paie l’affiche ! http://owni.fr/2012/10/05/france-3-se-paie-laffiche/ http://owni.fr/2012/10/05/france-3-se-paie-laffiche/#comments Fri, 05 Oct 2012 08:45:44 +0000 Geoffrey Dorne http://owni.fr/?p=121641 France 3, la chaîne de télévision publique à vocation régionale, veut rafraîchir fortement l'image un peu vieillotte d'un média adulé chaque jour à 20h15. Notre graphiste-maison livre son analyse de professionnel.]]>

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.

affiche Les affiches de France 3: des cochons, des chiennes et des porcs !
(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.

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

]]>
http://owni.fr/2012/10/05/france-3-se-paie-laffiche/feed/ 44
Décoller l’affiche du Festival d’Automne http://owni.fr/2012/09/14/decoller-laffiche-du-festival-dautomne/ http://owni.fr/2012/09/14/decoller-laffiche-du-festival-dautomne/#comments Fri, 14 Sep 2012 09:11:12 +0000 Geoffrey Dorne http://owni.fr/?p=120070

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 :

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

]]>
http://owni.fr/2012/09/14/decoller-laffiche-du-festival-dautomne/feed/ 12
Vendredi c’est Graphism ! http://owni.fr/2012/07/13/vendredi-cest-graphism-typographie-affiche-science/ http://owni.fr/2012/07/13/vendredi-cest-graphism-typographie-affiche-science/#comments Fri, 13 Jul 2012 09:11:06 +0000 Geoffrey Dorne http://owni.fr/?p=116149

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.

poesie La visualisation de la poésie en HTML5 ! :)

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.

survival Le kit de survie du designer !

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

]]>
http://owni.fr/2012/07/13/vendredi-cest-graphism-typographie-affiche-science/feed/ 4
Vendredi c’est Graphism ! http://owni.fr/2012/06/22/vendredi-cest-graphism-5/ http://owni.fr/2012/06/22/vendredi-cest-graphism-5/#comments Fri, 22 Jun 2012 09:11:00 +0000 Geoffrey Dorne http://owni.fr/?p=114108

Bonjour :)

Allez, on commence la semaine avec une prouesse, une performance, une folie visuelle ! L’animation que vous allez voir ci-dessous est faite de 3285 peintures en aquarelle qui, une fois animées, retracent le début du célèbre film de Ridley Scott : Blade Runner, sorti au cinéma en 1982. Le son quant à lu est emprunté au film original et je ne doute pas que si vous avez vu et aimé ce film de Ridley Scott, vous retrouverez l’univers. Cette prouesse graphique a été réalisée par le vidéaste suédois Anders Ramsell qui nous informe que cette vidéo de 13 minutes est en réalité, uniquement un teaser…

Un résultat hypnotique, et un peu déroutant qui renvoie très bien au monde dystopique de Blade Runner.

Cliquer ici pour voir la vidéo.

Merci Mathieu

On continue avec de belles affiches car, le 12 Juin 1972, l’agence de design Pentagram a été fondée à Londres par les designers Alan Fletcher, Colin Forbes, Theo Crosby, Kenneth Grange et Mervyn Kurlansky. L’agence a été formée lorsque le prédécesseur de Pentagram, Crosby Fletcher Forbes, a ajouté deux nouveaux partenaires, Grange et Kurlansky, afin d’élargir ce partenariat multidisciplinaire à cinq personnes… D’où le petit nom de Pentagram.

Pour l’anniversaire de l’agence, et sous la direction créative de Harry Pearce, une série d’affiches a été conçue afin de retracer les 40 ans de Pentagram. Chaque partenaire de l’agence a dessiné une affiche pour deux ou trois années différentes et les seules contraintes ont été l’utilisation du noir, blanc et rouge (le rouge Pentagram, bien-sûr). Les thématiques de ces affiches vont de l’hommage à Paula Scher à la panne d’électricité de New York en 1977, à la chute du mur de Berlin en 1989, etc.

source

Je vous parlais de la fête de la musique au début de ma chronique, et bien la musique peut également être visuelle avec ce tout nouveau projet pour travailler le son avec l’interface dont vous avez besoin et pas celle qui vous a été imposée comme sur de nombreuses applications de musique. Avec cet outil-instrument, il vous suffit de dessiner des lignes, des polygones, des cercles des curseurs directement sur l’écran. À partir de là, vous pouvez modifier la taille, la couleur, l’orientation, la profondeur et ensuite créer des effets sonores, des boucles musicales des morceaux de sons. Le tout est ensuite relié à une console MIDI qui permettra aux DJ, aux VJ et autres musiciens avertis de composer avec son propre instrument :)

Cliquer ici pour voir la vidéo.

Merci Sylvain

Dans “Vendredi c’est Graphism!” je vous parle de tous les types de design qui existent… alors pourquoi ne pas vous parler aujourd’hui de design brodé ? En effet, quand il s’agit de typographie aujourd’hui, on me parle souvent de perfection, de rendu, de qualité technique exceptionnelle… Heureusement, il reste des artisans de la lettre et du délié qui ajoutent de l’aléatoire à cette équation quasi linéaire ! Avec ce texte brodé et coloré, le résultat n’est pas parfait, mais il est très agréable à voir et même à toucher. Ainsi, Mark Briar, un étudiant en design, a récemment expérimenté une série de textes brodés sur du papier pour son projet de diplôme. Vous vous en doutez, cela a demandé un temps considérable pour percer le papier et ensuite coudre l’ensemble. À noter que chacune des lettres a pris environ 30 minutes à broder, ce qui équivaut à une durée totale pour ce résultat… d’environ 37,5 heures !

En images :

arge Demain, je me mets à la broderie... pour lamour de la typographie !

source

Cette semaine, à Paris, dans le XIIIe arrondissement, a été inaugurée une oeuvre impressionnante signée Shepard Fairey. D’une hauteur de 40 mètres de haut, cet artiste californien vous le connaissez tous… en effet, il est l’auteur du célèbre portrait en rouge et bleu de Barack Obama (pour vous rafraîchir la mémoire). Ce portrait de femme accompagné de motifs floraux et autres symboles est comme un appel à la paix, au calme et à l’élégance.

La progression en vidéo :

Cliquer ici pour voir la vidéo.

L’interview de Shepard Fairey :

Cliquer ici pour voir la vidéo.

source

Cette semaine, j’ai découvert une merveilleuse campagne pour les instruments de dessin professionnels de la marque Rotring. Le dessinateur McBess est l’un des quatre illustrateurs qui ont été choisis pour faire ces courts documentaires. Mc Bess, ou de son vrai nom, Matthieu Bessudo, est né à Cannes en 1984 et est devenu illustrateur à Londres en se faisant remarquer notamment pour son travail avec The Mill, une société spécialisée dans la post-production et les effets spéciaux. Le travail de McBess s’oriente vraiment sur l’illustration en noir et blanc et les animations vidéos… :-)

Le petit documentaire :

Cliquer ici pour voir la vidéo.

source

Le WTF de cette semaine est basé sous le signe du livre ! Certains pensent qu’il est possible d’apprendre la vie grâce à des manuels d’instructions. Mais, il y a encore mieux : apprendre que la vie est parfois complètement folle ou WTF ! Comment traumatiser ses enfants, comment faire du yoga sur vos toilettes, comment soigner la dépression avec ses fesses, comment fabriquer des cercueils pour animaux… bref, dans tous ces livres, je ne sais qui sont les plus fous : les auteurs ou les lecteurs ? ;-)

source

Et voilà, “Vendredi c’est Graphism!”, c’est terminé pour aujourd’hui mais je vous propose malgré tout d’aller faire un tour à Paris pour l’Expoviz (pour les amoureux de la visualisation de données), de vous rendre au Typocamp tout week-end, d’aller jeter un oeil à la BNF sur la rétrospective des illustrations de Wolinski, ou alors de passer un peu de temps pour jouer à la Gaîté LyriqueEt si la curiosité vous pousse jusque là, je vous invite également à suivre ma galerie de un dessin par jour que je publie sur Instagram :)

Excellent week-end à vous et… à la semaine prochaine :)

Geoffrey

]]>
http://owni.fr/2012/06/22/vendredi-cest-graphism-5/feed/ 4
Vendredi c’est Graphism ! http://owni.fr/2012/05/04/vendredi-cest-graphism-3/ http://owni.fr/2012/05/04/vendredi-cest-graphism-3/#comments Fri, 04 May 2012 08:11:31 +0000 Geoffrey Dorne http://owni.fr/?p=108961

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 !

Bonvendredi & 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 :

logos Et si les candidats étaient des logos ? des marques ?

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 :

code Designers : codez en ligne et en temps réel !

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

]]>
http://owni.fr/2012/05/04/vendredi-cest-graphism-3/feed/ 9
Vendredi c’est Graphism ! http://owni.fr/2012/04/06/vendredi-cest-graphism-tampon-livre/ http://owni.fr/2012/04/06/vendredi-cest-graphism-tampon-livre/#comments Fri, 06 Apr 2012 09:11:03 +0000 Geoffrey Dorne http://owni.fr/?p=105017

Hello !

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

C’est vendredi et c’est… Graphism !

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

Cliquer ici pour voir la vidéo.

source

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

Présentation de son livre :

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

source

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

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

Cliquer ici pour voir la vidéo.

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

Au programme:

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

source | images

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

Cliquer ici pour voir la vidéo.

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

source

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

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

source

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

À la semaine prochaine :)

Geoffrey

]]>
http://owni.fr/2012/04/06/vendredi-cest-graphism-tampon-livre/feed/ 3
Vendredi c’est Graphism http://owni.fr/2012/03/30/vendredi-cest-graphism-html5-jeu/ http://owni.fr/2012/03/30/vendredi-cest-graphism-html5-jeu/#comments Fri, 30 Mar 2012 08:11:48 +0000 Geoffrey Dorne http://owni.fr/?p=104047 OWNI, et comme OWNI l'avait révélé il y a deux ans, c'est confirmé : aujourd'hui c'est vendredi. Et "Vendredi c'est graphism". Rendez-vous des graphistes et des créateurs de beaux pixels, organisé depuis sa cuisine par un garçon qui sait rendre la toile plus belle, Geoffrey Dorne (même s'il joue encore à Batman malgré son état post-pubère).]]>

Bonjour à toutes et à tous :)

Nous y sommes, c’est la fin de semaine, c’est vendredi et c’est… Graphism ! Aujourd’hui, on ne perd pas une miette de l’actualité graphique, visuelle et artistique avec de la danse & une kinect, un jeu d’aventure en html5, avec des affiches mal conçues, avec un piano à fabriquer soi-même ou encore avec un jeu qui va vous permettre de créer des couples typographiques ! On terminera sur un WTF à la sauce Batman, pour notre plus grand plaisir ;)

Allez, on commence notre semaine, avec les artistes Daniel Franke et Cedric Kiefer qui ont utilisé une Kinect pour enregistrer les mouvements d’un danseur qui réalise une performance corporelle sur une musique électronique (“Machinefabriek”). À partir de cette captation, les deux artistes ont enchaîné les images pour créer un nuage de points en 3D du corps du danseur. Avec ses 22.000 points, ce nuage mouvant ressemble tantôt à une tempête de sable, tantôt à des membres fragiles. Un beau moment, très élégant.

Cliquer ici pour voir la vidéo.

source

Cette semaine, j’ai passé beaucoup de temps sur ce site, ou plutôt sur ce jeu… oui, je l’avoue, je m’y suis immergé ! Mozilla a fait équipe avec les deux compères de LittleWorkshop (que je salue au passage ) pour développer un jeu d’aventure appelé BrowserQuest. Ce jeu est construit uniquement avec des technologies web basées sur des normes html5 et est conçu et notamment les… WebSockets (le protocole WebSocket vise à développer un canal de communication bidirectionnel, client/serveur).

Il y a deux ans, quand je travaillais avec Mozilla, j’avais justement pu expérimenter la puissance de cette technologie pour réaliser des démos assez impressionnantes en terme de rapidité et de synchronicité entre le navigateur Firefox mobile et sa version desktop.

Pour les plus techniques, BrowserQuest est donc codé avec JavaScript et HTML5 et utilise l’élément Canvas HTML5 pour représenter un monde tout en pixels et peuplé de monstres, de chevaliers, de squelettes, etc.

> et ça se passe sur ce site :)

En images :

browserquest BrowserQuest, un fantastique jeu multijoueur en HTML5

En vidéo :

Cliquer ici pour voir la vidéo.

source

Cette semaine fut également l’occasion pour moi de découvrir cette bien drôle galerie Flickr, plus précisément la galerie Flickr de Jason Fried. Jason adore prendre des photos de « signes sur les signes », comprenez de pancartes sur des pancartes. Le fait de sur-signifier quelque chose est le symptôme d’une mauvaise conception, d’un mauvais design. En effet, si le signe est bien pensé et bien conçu il se suffit à lui-même.

Et le pire c’est que j’en croise tous les jours…

bad design La petite galerie du mauvais design daffichage.

sourcesource

Allez on enchaîne avec un bien drôle de piano ! Ce synthétiseur  fonctionne avec du papier et permet de jouer ainsi avec 12 touches, simplemais efficace :) Chacune d’elles déclenche un ton et une petite lumière de type LED. Pour la partie technique, ces touches sont  un ensemble de capteurs capacitifs réalisés en ruban de cuivre et contrôlés par un Arduino.  Le résultat donne un clavier totalement artisanal mais qui fonctionne plutôt bien !

Cliquer ici pour voir la vidéo.

sourcesource

merci Sony

Nous avons eu l’occasion il y a quelque jours, de découvrir la dernière réalisation d’Aura Seltzer, une jeune designer américaine qui étudie actuellement au MICA icon smile La nuit je brise des coeurs, et le jour je crée des couples... des couples typographiques* Son projet de fin d’étude s’intitue « Type Connection » et se présente sous la forme d’un jeu en ligne en html, vraiment bien réalisé. Ce jeu a pour but d’apprendre à optimiser les meilleures combinaisons typographiques possibles. Là où le jeu est décalé, c’est qu’il puise son inspiration dans les sites de rencontre mais d’une façon nettement plus élégante.

type1 La nuit je brise des coeurs, et le jour je crée des couples... des couples typographiques*

source

On termine avec un WTF placé sous le signe de … Batman ! La vie quotidienne n’est pas toujours passionnante, et bien si vous êtes un super-héros, elle l’est tout autant :) L’illustratrice Sarah Johnson a ainsi imaginé les aventures WTF de Batman sous forme de gif animé et l’on constate avec une certaine satisfaction qu’en vérité, être un super-héro, c’est quand même un drôle de problème au quotidien ;-)

source

Pour le mot de la fin, je vous laisse avec un immense graphiste que j’ai eu la chance d’avoir comme professeur il y a quelques années. Rencontre avec Pierre Bernard, fondateur de l’Atelier de Création Graphique, un fabuleux studio de graphisme français :)

Cliquer ici pour voir la vidéo.

Bonne fin de semaine et… à vendredi prochain pour de nouvelles aventures, avec ou sans Batman !

Geoffrey

]]>
http://owni.fr/2012/03/30/vendredi-cest-graphism-html5-jeu/feed/ 6
Vendredi c’est Graphism’ http://owni.fr/2012/03/09/vendredi-cest-graphism-datavisualisation-video/ http://owni.fr/2012/03/09/vendredi-cest-graphism-datavisualisation-video/#comments Fri, 09 Mar 2012 10:11:50 +0000 Geoffrey Dorne http://owni.fr/?p=101261

Hello et bienvenue à bord de a soucoupe pour parler, regarder, débattre et réfléchir autour du design & du graphisme :)

Au programme de la semaine, un doux mélange entre vidéo, soldat & doigts, on se plongera également dans l’histoire de l’affiche “Keep Calm & Carry On”, dans des statistiques avec un chien ou encore avec une application iPhone pour éviter de se faire attraper par ses parents pendant l’acte ! On achèvera notre semaine avec une datavisualisation de folie et un clip en noir & blanc mélangeant musique et vieux films. On terminera sur un WTF qui mélange vie réelle et RAGE Comics ! Flippant !

Bref, c’est vendredi et c’est… Graphism ! :-)

Allez, on commence la semaine avec cette petite découverte du récit d’un soldat représenté avec une simple main, un simple bras. Cette animation, créée par Virgilio Villoresi,  est inspirée par le concept de la peinture à la main, très proche des œuvres de l’artiste italien Mariotti. La musique, l’animation et les éléments représentatifs comme le salut militaire de la dernière scène sont, d’après Virgilio, un hommage au chef d’œuvre de Jiri Trnka “The Hand”.

Cliquer ici pour voir la vidéo.

Ami(e)s de l’image, vous connaissez certainement cette célébrissime affiche “Keep calm & carry on”. Les origines de cette affiche viennent du début de la Seconde Guerre mondiale et elle a été redécouverte dans une librairie en Angleterre en 2000, devenant l’une des images emblématiques du 21ème siècle. Voici donc l’histoire de cette affiche sous forme d’un petit film, réalisé par Temujin Doran.

keep1 Découvrez lhistoire de laffiche Keep Calm and Carry On :)

La petite histoire :

« Keep Calm and Carry On (en français, « Restez calme et continuez ») était une affiche produite par le gouvernement britannique en 1939 au début de la Seconde Guerre mondiale, destinée à relever le moral de l’opinion publique britannique en cas d’invasion. Elle était peu connue et n’a jamais été utilisée. L’affiche a été redécouverte en 2000 et a été réimprimée par un certain nombre d’entreprises privées, et utilisée comme thème de décoration pour toute une gamme de produits. Il subsiste seulement deux exemplaires connus de l’affiche originale, en dehors des archives du gouvernement. »

Cliquer ici pour voir la vidéo.

Quelques exemples de détournements de cette affiche :

keep3 Découvrez lhistoire de laffiche Keep Calm and Carry On :)

source

Comment mieux interpréter des statistiques ? Avec un chien pardi ! ;-)

Ce court métrage d’animation sur les statistiques est produit par TeddyTV pour NRK. L’animation, réalisée par par le norvégien Haga Christoffer Ole, nous présente la relation entre “tendance” et “variation” en statistiques. Expliquée par l’analogie d’un homme qui promène son chien. On observe donc qu’il y a beaucoup plus de variations dans le chemin que le chien prend par rapport à celui de l’homme, mais qu’ils sont tous deux dirigés de la même manière.  C’est simple, illustré de façon assez artisanale, mais tout y est expliqué facilement… :)

L’analogie graphique a du bon quand il s’agit d’expliquer certaines notions ! :)

Cliquer ici pour voir la vidéo.

source

Dans la catégorie “design d’expérience”, je vous propose cette application mobile assez curieuse. Intitulée TipOff, cette application mobile va être utilisée pour pouvoir être « tranquille » lorsque vous vous glissez dans la maison familiale avec votre amoureux/se, la dernière chose que vous voulez, c’est un colocataire ou un parent qui rentre à l’imprévu icon biggrin TipOff, lapplication iPhone qui va vous éviter de vous faire surprendre par vos parents pendant vos rencontres amoureuses ! ; )Et bien Tipoff est un système d’alerte qui empêche ces situations assez simplement. Avec la caméra de votre téléphone allumée devant la porte d’entrée, votre téléphone va se transformer en détecteur de mouvement et si mouvement il y a, cela appellera le téléphone de votre amoureux/se icon wink TipOff, lapplication iPhone qui va vous éviter de vous faire surprendre par vos parents pendant vos rencontres amoureuses ! ; ) Selon les concepteurs de l’application, vous aurez au moins le temps de remettre votre pantalon ! icon biggrin TipOff, lapplication iPhone qui va vous éviter de vous faire surprendre par vos parents pendant vos rencontres amoureuses ! ; )

Je trouve ça très amusant, très bien pensé aussi et la façon dont l’application est présentée est également sur le même ton.

En images :

freedom2 TipOff, lapplication iPhone qui va vous éviter de vous faire surprendre par vos parents pendant vos rencontres amoureuses ! ; )

En vidéo :

Cliquer ici pour voir la vidéo.

source

C’est LA dataviz’ de la semaine, il s’agit du site Airbnb,  qui publié une datavisualisation très belle et très intéressante sur la croissance mondiale d’Airbnb, en partageant leurs propres statistiques au sujet de leur croissance de août 2008 à février 2012.  La site Airbnb a commencé à San Francisco et avait pour but e centraliser les annonces de particuliers désireux de louer une habitation à des voyageurs. Aujourd’hui, plus de cinq millions de nuitées ont été réservées sur Airbnb et même si les racines de Airbnb sont aux Etats-Unis, plus de 75% de toutes ces nuitées se sont faites à l’international.

Je pense qu’une infographie est un excellent moyen pour une entreprise de partager son histoire avec ses dirigeants, ses actionnaires, la presse et le public en général. Une narration visuelle donc, qui permet de raconter une histoire tout en présentant un aspect graphique fort.

source & grand format

On termine notre revue de la semaine avec notre cher Gordie Lachance qui a créé une vidéo pour musique pour le morceau “in da space” de DJ Slade. Ce clip musical a été réalisé avec des images anciennes mais remixées pour coller parfaitement à la musique. Une belle alchimie donc, à déguster par les yeux & les oreilles ! :-)

Cliquer ici pour voir la vidéo.

source

Le WTF de cette semaine est un WTF combo qui associe la figure du Rage Comics et les situations de la vie réelle, le tout sous forme d’un film vraiment étrange ! Pour rappel, voici une définition des Rage Comics (et ça ressemble à cela) :

“Les Rage Comics sont une série de bande dessinées internet avec des caractères, souvent appelés « rage faces » (visages rageux), qui sont souvent créés avec des logiciels de dessins basiques comme MS Paint. Ces Comics (bandes dessinées) sont généralement utilisés pour raconter des anecdotes de la vie quotidienne, avec une base comique. Il est devenu de plus en plus populaire d’utiliser des applications web pour créer ces Rage Comics, telles que « rage comic generators » ou “rage makers” [source]

Cliquer ici pour voir la vidéo.

Merci Freddy

Pour le mot de la fin, je voulais vous partager mon petit compte-rendu du Lift de Genève et également les 4 ans de Graphism.fr ! Sinon, je vous invite à aller jeter un oeil à ce poster très graphique qui se transforme en carte de visites ! :) Pour finir, je voulais avoir une pensée pour Dominique Playoust, co-fondateur des Clics d’or, de “designers interactifs” et commissaire de PechaKucha Paris, qui nous a quitté.

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

Geoffrey

]]>
http://owni.fr/2012/03/09/vendredi-cest-graphism-datavisualisation-video/feed/ 3
Sarkozy détourné de son image http://owni.fr/2012/02/19/sarkozy-detourne-de-son-image/ http://owni.fr/2012/02/19/sarkozy-detourne-de-son-image/#comments Sat, 18 Feb 2012 23:25:34 +0000 André Gunthert http://owni.fr/?p=99004

Selon la formule célèbre du livre Le 18 Brumaire de Louis Bonaparte, de Karl Marx, les grands événements historiques se répètent, “la première fois comme tragédie, la seconde fois comme farce.” Cette fois, c’est sûr, on est dans la farce.

Telle était du moins l’impression que produisait l’accueil de l’annonce de la candidature de Nicolas Sarkozy aux prochaines présidentielles sur les réseaux sociaux. Pendant qu’une grande partie de la presse s’efforçait de nous convaincre que les choses sérieuses allaient enfin commencer, les outils de l’appropriation s’emparaient du slogan et de l’affiche de campagne pour une série de détournements dévastateurs.

Un slogan giscardien, une affiche mitterrandienne: les communicants sarkozystes ne brillent pas par leur imagination. La seule tentative qui sortait de la routine était celle de décliner la métaphore du capitaine courage, utilisée par le candidat lors de son allocution télévisée. Mais l’option du fond marin pour habiller l’image était un choix risqué, véritable appel du pied aux blagues et au second degré après l’échouage du Costa Concordia ou la proximité de la sortie du film La mer à boire.

Ça n’a pas raté. Avec une réactivité significative, les premiers détournements mettaient en scène Sarkozy en capitaine naufrageur (voir ci-dessus), suivis de près par le baigneur naturiste du catalogue La Redoute.

A l’époque mitterrandienne, la présence d’un fond uni ou d’un emplacement vide était un choix visuel sans risque particulier. A l’ère du mème et de la retouche, c’est une provocation à la satire. La simplicité graphique de l’affiche La France forte, composée de 3 éléments nettement distincts – le personnage, le slogan et le fond – se prête admirablement à l’appropriation. Constatant le succès du mème, le mouvement des Jeunes socialistes proposait dès le milieu de la matinée un générateur automatique permettant de modifier le slogan ou d’appliquer diverses variations à l’image.

Outre “la France morte”, on a pu noter le succès récurrent de l’adaptation culinaire du slogan, remixé en “Francfort”, allusion à l’empreinte du modèle germanique qui hante la candidature Sarkozy (voir ci-dessus).

Que le net s’empare d’un contenu politique et le détourne, quoi de plus normal ? Mais on n’a pas constaté pareille explosion satirique à l’endroit de François Hollande, dont la campagne, si elle peine à soulever l’enthousiasme, ne provoque pas non plus d’opposition massive. La rage mordante de la caricature s’adresse bien au président sortant, dont le moindre discours paraît définitivement inaudible, menacé par l’inversion et la raillerie. Révélateur de l’exaspération qu’il suscite, le sarcasme le plus cruel a consisté à mimer l’effacement du candidat sur sa propre affiche, jusqu’à la disparition (voir plus haut).

L’écart est frappant entre cet accueil et le sérieux avec lequel la plupart des grands médias continuent de considérer une campagne menacée par le naufrage avant même d’avoir commencé. Qui, à part Alain Duhamel, croit encore que Sarkozy est capable de rééditer Marengo et de l’emporter in extremis par un retournement inouï ? Mais le storytelling d’un combat gagné d’avance ne fait pas les affaires de la presse, qui attend depuis des mois le pain béni de la présidentielle, et qui fera tout pour donner à des chamailleries de cour de récréation les couleurs d’affrontements homériques.

Pendant ce temps, la France ricane, et s’amuse plus sur Facebook que dans les mornes sujets du JT. Une divergence de perception qui rappelle le traitement de l’affaire DSK – et n’annonce rien de bon pour la suite…


Cet article, que nous rééditons ici, a été initialement publié sur Culture Visuelle

Crédits Photos CC FlickR André Gunthert

]]>
http://owni.fr/2012/02/19/sarkozy-detourne-de-son-image/feed/ 13
Vendredi c’est Graphism S02E44 http://owni.fr/2011/12/02/special-picto-pictogrammes-vendredi-cest-graphism-design/ http://owni.fr/2011/12/02/special-picto-pictogrammes-vendredi-cest-graphism-design/#comments Fri, 02 Dec 2011 07:33:49 +0000 Geoffrey Dorne http://owni.fr/?p=88936

Bonjour à vous les curieuses & curieux du vendredi !

Aujourd’hui, c’est un numéro spécial… pictogrammes ! Dans le graphisme, le design, l’architecture, la décoration, les affiches, l’art, la mode, le pictogramme est un élément qui donne du sens, qui apporte une dimension culturelle et ce, simplement par l’image. Communiquer uniquement avec des symboles, un véritable rêve de graphiste ! Le pictogramme puise ainsi sa force dans sa simplicité, dans la représentation graphique et schématique d’un concept. Ainsi, à l’heure du web où tout va plus vite, où les vidéos et les images sont reines, où les messages se retrouvent dans tous les pays, les pictogrammes se démultiplient…

Petit détour donc cette semaine par la Planète Picto à bord de la soucoupe ! Au programme du voyage, nous allons découvrir les pictogrammes de demain, la vidéo graphique de Google Map Indoors, une infographie sur la façon dont il est possible de mener une vie créative. Nous allons également jeter un oeil du côté d’une version HTML5 de Windows Phone 7 et enfin passer un peu de temps avec Susan Kare, la créatrice des premières icônes d’Apple et des Macintosh ! On finira sur une sélection de sites où l’on peut télécharger des pictogrammes et une salade de pictos WTF !

(bon vendredi et bon “graphism” !)

Geoffrey

Allez, on commence avec un site internet intitulé “A headline day”, dans lequel vous allez pouvoir découvrir les pictogrammes représentant les préoccupations de la vie moderne ! Tout y passe, les actualités, les faits de société, les faits divers, les évènements, etc. Ces pictogrammes réinterprètent par exemple les émeutes au Royaume-Uni, la canicule, la crise, l’Europe, les banques, etc. On appréciera également le soucis du détail, le jeu avec les codes habituels des personnages rigides et des scènes figées, pour des pictogrammes, ces images sont quand même assez vivantes ! Bref, des pictos qui changent de ceux que l’on a l’habitude de voir dans les aéroports et les gares, ouf ! ;-)

source

Et justement, je vous parlais d’aéroport ci-dessus... La toute dernière vidéo de Google sortie cette semaine les évoque ! Vous vous perdez souvent dans les aéroports ? C’est tout à fait normal et Google a la réponse pour vous. En effet, Google Maps pour Android ajoute une nouvelle fonctionnalité pour que les gens perdus dans les grands endroits (comme cela m’arrive très souvent) puissent se repérer. Oui, vous ne vous trompez pas, ce sont des cartes d’intérieur ! Les plans détaillés sont ainsi affichés sur cette version de Google Map. Et comme depuis quelques temps maintenant, la vidéo de Google est très simple, graphique et très schématique.

Cliquer ici pour voir la vidéo.

source

Allez on enchaîne notre revue de la semaine sur une bonne infographie comme on les aime ! Bon, je vous rassure tout de suite, devant cette infographie, vous allez retrouver les grands classiques de l’inspiration comme sortir marcher, lire Shakespeare ou faire des listes… Mais ce qui sera un peu inspirant ce sera les autres conseils, si vous regardez bien, pour mener une vie créative, faire du parachute pourra vous être utile, acheter un béret également ou encore boire beaucoup d’alcool (je ne recommande pas ce dernier point). Bref, du grand délire, comme souvent avec les infographies de FastCompany, mais du délire graphique, et ça, on aime !

large [infographie] Comment mener une vie créative ?

source | l’image en grand format

Encore autour de la thématique du pictogramme, j’ai eu le plaisir de découvrir cette semaine que  Microsoft a enfin mis en ligne une version démo de Windows Phone 7 réalisée intégralement en HTML5 ! Vous allez donc pouvoir, depuis votre iPhone ou votre téléphone Android, tester Windows Phone 7, découvrir la fluidité de l’interface et aussi l’élégance de son rapport typographie / pictogrammes. En effet, l’interface “Metro”, c’est son petit nom, est quand même très différente de ce qui se fait sur les autres plateformes, notamment en matière de graphisme, d’interactivité. J’ai testé ça sur mon Android (SGS2) et la démo est très fluide, les scrolls fonctionnent bien et même si c’est une démo limité, cela donne quand même un très bon aperçu :-)

tester la démosource

Et l’on enchaîne avec un bond intersidéral de Microsoft à… Apple et avec la grande dame du pictogramme… j’ai nommé Susan Kare ! Après avoir pris des cours de peinture et un doctorat de la New York University, Susan Kare a déménagé vers San Francisco, où elle a pris un travail de conservatrice dans le musée des Beaux-Arts . Cependant, elle a vite senti à quel point elle était du  ”mauvais côté de l’équation de créativité”.

Finalement Susan Kare a reçu un appel d’un ami de lycée nommé Andy Hertzfeld, qui fut le développeur en chef pour le système d’exploitation Macintosh et… lui a offert son projet job pour Apple ! Sa première affectation a été le développement des polices pour Mac OS. À l’époque, polices de caractères numériques étaient à espacement fixe – un héritage de la machine à écrire – et Steve Jobs avait été très impressionné par la calligraphie.

Jobs a ainsi souhaité que Susan Kare s’occupe de la typographie et des pictogrammes… Dont voici les croquis originaux.

suzanne1 Apple : aux origines du graphisme avec Suzanne Kare !

source

Et un petit bonus, rien que pour vous ! En effet, les pictogrammes, on en parle, on les regarde, c’est bien… mais et si vous voulez en utilisez,vous faites comment ? Et bien, je vous ai sélectionné 4 petits sites internet aux pictogrammes gratuits et parfois libres, mais toujours très complets et avec une grande finesse dans leur dessin !

Dans l’ordre :

Et l’on arrive, comme tous les vendredis, à notre “What the f*ck” préféré, et ce sera donc un WTF spécial pictogramme, avec cette petite sélection de fails, de wtf, de ratés graphiques… ;-)

En guise de mot de la fin, je vous remercie d’être toujours si nombreux à lire et à diffuser “Vendredi c’est Graphism”, j’ai toujours autant de retours constructifs ! Je vous invite également à jeter un oeil du côté du travail graphique et pictographique (tiens, un mot nouveau!) de Gerd Arntz. S’il vous reste du temps aussi, il y a une journée en pictogrammes, d’autres pictos pour Occupy Wallstreet à télécharger, et… pas forcément grand chose à voir mais PictoPlasma expose à la Gaîté Lyrique ! :-)

À la semaine prochaine pour un prochain épisode !

Bon week-end à vous, et croyez-moi, le mien sera parfait ;-)

Geoffrey

]]>
http://owni.fr/2011/12/02/special-picto-pictogrammes-vendredi-cest-graphism-design/feed/ 11