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

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

Bon… vendredi & BON Graphism !

Geoffrey

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

Cliquer ici pour voir la vidéo.

source | source

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

Le résultat :

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

Les candidats regroupés sous forme de logos :

source

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

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

Cliquer ici pour voir la vidéo.

source

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

LiveCodeLab en quelques mots :

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

LiveCodeLab en image :

source

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

Cliquer ici pour voir la vidéo.

source

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

> télécharger la typo Nougatine !

source

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

Cliquer ici pour voir la vidéo.

source | source

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

> Le site chersvoisins.

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

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

Geoffrey