OWNI http://owni.fr News, Augmented Tue, 17 Sep 2013 12:04:49 +0000 http://wordpress.org/?v=2.9.2 fr hourly 1 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! S02E35 http://owni.fr/2011/09/23/vendredi-c%e2%80%99est-graphism-s02e35/ http://owni.fr/2011/09/23/vendredi-c%e2%80%99est-graphism-s02e35/#comments Fri, 23 Sep 2011 06:30:22 +0000 Geoffrey Dorne http://owni.fr/?p=80424

Hello :)

Nous y voilà… c’est vendredi ! Et comme toutes les semaines, je vous invite à la danse avec “Vendredi c’est Graphism!“. On commencera par faire valser la dernière vidéo signée par l’Hadopi, on se remuera sur la dernière infographie de Jenica Rhee, on fera du cha-cha-cha avec un lorem ipsum spécial Pulp Fiction, on giguera avec une vidéo typo et un mambo de logos et enfin on terminera sur une farandole de WTF !

Bref, ça swingue, c’est vendredi, et c’est graphism !

Geoffrey

Cela faisait longtemps que ça n’était plus arrivé depuisSuper Crapule” et bien voilà que la Hadopi remet ça avec un spot télévisuel destiné aux enfants. Une approche graphique simple, dessinée au stylo bic, et avec des petits personnages pour expliquer qu’ « être artiste c’est tout de même plus sympa qu’ingénieur ou médecin » et qu’il faut « privilégier une approche durable de la culture ». Bref, comme toujours, il faut bien faire rentrer la loi Hadopi, ou ce qu’il en reste, dans la tête de nos chers enfants.

Voici donc cette nouvelle campagne signée Hadopi que l’on risque de voir apparaître bientôt sur nos petits écrans… Un bon lavage de cerveau !

Cliquer ici pour voir la vidéo.

Source

“Pourriez-vous vivre votre vie, sans jamais quitter la maison?” C’est la drôle de question que s’est posée la charmante graphiste Jenica Rhee au travers de cette infographie qui illustre, comment vous pourriez vous nourrir, dormir, apprendre, travailler, etc. sans jamais quitter votre petit ou grand chez vous ! Une image haute en couleurs, en imagination et en finesse, je vous laisse découvrir.

source

Allez, c’est le petit site de la semaine, il s’agit du « Samuel L ipsum », un générateur de texte de type « lorem ipsum » (pour remplir vos gabarits de sites web, de maquettes print et autres choses graphiques & textuelles). Avec le Samuel L ipsum, vous allez pouvoir générer des citations du film « Pulp Fiction » à grand coups de répliques cultes, de « fuck » et autres « motherfucker »… bref, de la grande poésie !

lorem fuck ...pour les graphistes vulgaires !

Un exemple :

« Look, just because I don’t be givin’ no man a foot massage don’t make it right for Marsellus to throw Antwone into a glass motherfuckin’ house, fuckin’ up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, ’cause I’ll kill the motherfucker, know what I’m sayin’?

Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they’re actually proud of that shit.

The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother’s keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee.

My money’s in that office, right? If she start giving me some bullshit about it ain’t there, and we got to go someplace else and get it, I’m gonna shoot you in the head then and there. Then I’m gonna shoot that bitch in the kneecaps, find out where my goddamn money is. She gonna tell me too. Hey, look at me when I’m talking to you, motherfucker. You listen: we go in there, and that nigga Winston or anybody else is in there, you the first motherfucker to get shot. You understand? »

[pour les répliques en Français : http://cinelog.fr/_pulp_fiction ]

et ça se passe sur : http://slipsum.com

source

On continue notre revue de la semaine avec LA vidéo typographique qui a fait le tour du web en 4 jours. Bien avant l’invention de l’imprimerie, les lettres étaient peintes à la main et le savoir du dessin de lettre se transmettait par l’objet lettre, par son dessin, par sa matière. Ainsi, ce petit film que je vous présente : “The Alphabet” a embarqué avec lui tout un alphabet où chaque lettre représente un mot ! Bref, c’est beau, c’est simple et en même temps très travaillé et ça se laisse regarder avec plaisir.

Cliquer ici pour voir la vidéo.

Voici beaucoup d’humour dans cette série d’images représentant les futurs logos des grandes entreprises de notre siècle. Apple, Google, Microsoft, GAP, Xerox, Nokia, Firefox, tous y passent, s’épurent, changent, et évoluent. Mention spéciale pour le logo de GAP ! Pour celles et ceux qui ne connaissent pas l’histoire, GAP a présenté un nouveau logo qui n’aura pas du tout fait l’adhésion et, 7 jours plus tard, revenait à son… ancien logo. Terrible !

futu des logos Découvrez les futurs logo de Apple, Microsoft, Firefox, IBM, Google, etc.

source

Pour finir, un bon WTF qui puise profondemment son inspiration dans le travail de George Rousse, voici la dernière réalisation de SAM3 qui a réalisé une “création graphique” en apparence abstraite mais… qui une fois vue sous le bon angle, offre en fait un graffiti digne d’un abris bus :-D

Cliquer ici pour voir la vidéo.

source

Comme vendredi ce n’est pas encore fini, je vous invite à vous intéresser… aux détails ! En effet, pour Apple c’est déjà acquis, pour le web on y arrive doucement et pour la macro-typographie sur le web, les outils sont là ! Sinon, il reste toujours les livres ! Bref, je vous invite aussi à vous rendre à Lisbonne et à Besançon et en attendant, je serais à Nantes !

Bref, on voyage, on voyage, et je vous souhaite un excellent week-end graphique !

Geoffrey

]]>
http://owni.fr/2011/09/23/vendredi-c%e2%80%99est-graphism-s02e35/feed/ 5