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! S02E39 http://owni.fr/2011/10/21/vendredi-c%e2%80%99est-graphism-s02e39/ http://owni.fr/2011/10/21/vendredi-c%e2%80%99est-graphism-s02e39/#comments Fri, 21 Oct 2011 06:30:44 +0000 Geoffrey Dorne http://owni.fr/?p=84226

Bonjour… et bienvenue pour un numéro de “Vendredi c’est Graphism” d’hiver !

Et oui, la nuit va commencer à tomber plus tôt et les gens à s’enrhumer. Je vous conseille de rester bien au chaud et de lire “Vendredi c’est Graphism” ;-). Surtout qu’au programme de cette semaine, je vous propose de l’expérimentation HTML5 “Lights”, une dataviz signée Facebook, de la musique.. mais sous forme de livre ou un clip dessiné 100% à la main, image par image ! On continuera notre revue de la semaine avec du pixel art et un gros WTF à base de porte ! N’importe quoi ;-)

C’est bon, vous y êtes, c’est Vendredi et c’est… Graphism ! :-)

Geoffrey

Allez, on commence tout de suite avec le site de la semaine. Je suis tombé il y a quelques jours sur cette expérience visuelle, musicale et interactive pour le dernier morceau « Lights », de Ellie Goulding. Les effets et les possibilités interactives de cette expérience musicale sont assez impressionnantes, personnellement, (et c’est rare), j’ai regardé et écouté le site jusqu’au bout. Le geek qui se cache en nous reconnaîtra également les possibilités du webGL… un sacré travail signé par l’agence HelloEnjoy!

> Le site se visite par ici

Et en attendant, voilà quelques écrans clefs du site, c’est bluffant !

lights Lights, de Ellie Goulding, une expérience musicale & interactive utilisant webGL !

source


Pour la grand conférence des développeurs de Facebook, les designers de l’agence “Obscura Digital” se sont livrés à la création d’une installation de visualisation de données in situ, qui reliait physiquement les personnes entre elles. Les gens pouvaient ainsi se connecter à leur profil Facebook et voir comment ils pouvaient être liés à d’autres personnes au travers d’une visualisation circulaire projetée sur le sol.

Une fois “connectés” à d’autres personnes, cette visualisation radiale présentait ce que l’on appelle un “graphe social”. Les amis communs, les intérêts, les lieux de travail, les écoles, les lieux de vie, etc. servaient donc d’information pour relier les gens entre eux. Un jeu amusant, inquiétant ou alors une prouesse technologique ? En tout cas, l’interface radiale, ça en jette ! ;-)

Cliquer ici pour voir la vidéo.

Merci Fabrice

Allez hop, on passe  de l’expérience visuelle à l’expérience sonore avec le travail vraiment intéressant d’Emmanuel Martinet, un étudiant diplômé de l’Esad de Strasbourg. Emmanuel a ainsi réalisé quatre livres contenant chacun des effets sonores, le volume général de la musique, des boucles, etc. Grâce à une caméra qui filme l’ensemble par dessus, les pages des livres sont reconnues puis traitées de façon informatique afin de jouer des sons, de la musique.

Un beau mariage entre livre et musique qui vient réenchanter la relation de ces deux médiums.

Cliquer ici pour voir la vidéo.

volume Faire de la musique électronique avec un livre ? Voici Volume dEmmanuel Martinet.

source

On continue et on s’arrête sur un petit moment d’émotion visuelle avec un clip dessiné tout à la main, image par image, pour le dernier morceau de “We Cut Corners” : Pirate’s Life. Ce clip s’inscrit vraiment dans une tendance du retour à la main, au tracé, à la ligne claire et au final… au dessin. Bref, ce n’est pas pour me déplaire, mais je me tais et je vous laisse apprécier.

Cliquer ici pour voir la vidéo.

source

Aaaah, les amoureux des jeux vidéos 8 et 16 bits vont être ravis aujourd’hui ! Je viens en effet de dénicher un site intitulé “Title Scream” et je vous avoue que depuis tout à l’heure mon enfance défile devant mes yeux ! En effet, ce site regroupe un nombre impressionnant de “Title screen”, les écrans de démarrage des vieux jeux vidéo à l’époque des premières consoles. D’un point de vue graphique c’est assez bluffant car avec des couleurs et une taille restreintes et du dessin en “pixel art” (pixel par pixel), on retrouve parfois des scènes et des images incroyables !

> visiter titlescream.com

On termine avec le WTF de la semaine et avec un homme qui nous explique, étape par étape, comment passer une porte… WTF ! Chaque élément est précis et mesuré, il ne vous faudra donc pas se tromper lorsque l’on reproduira le geste. Une vidéo qui n’est certes pas dans notre langue mais, rassurez-vous, tout se passe dans le visuel, le geste, l’expérience… un vrai travail de designer en quelque sorte ! ;-)

Cliquer ici pour voir la vidéo.

Pour ce petit mot de la fin pour vous remercier de l’accueil qui a été fait la semaine dernière pour le numéro spécial “HTML5″ de Vendredi c’est Graphism, et également pour la nouvelle version de Graphism.Fr, mon blog. Et pour celles et ceux qui seraient encore un peu curieux après cette lecture, je vous invite à imaginer ce que l’avenir (le présent ?) nous réserve en matière d’interface tactile, en matière de téléphone mobile, ou en matière de HTML5 ;-)

Bon week-end et… à la semaine prochaine !

Geoffrey

]]>
http://owni.fr/2011/10/21/vendredi-c%e2%80%99est-graphism-s02e39/feed/ 3
VENDREDI C’EST GRAPHISM S02E02 ! http://owni.fr/2011/01/14/vendredi-c%e2%80%99est-graphism-s02e02/ http://owni.fr/2011/01/14/vendredi-c%e2%80%99est-graphism-s02e02/#comments Fri, 14 Jan 2011 09:00:30 +0000 Geoffrey Dorne http://owni.fr/?p=42177 Hello et heureux vendredi à vous :-)

Le mois de Janvier a vu fleurir son lot de nouveaux projets, de bonnes résolutions (gare à celui qui me dira que sa bonne résolution est 1024×768!) et d’actualités plutôt fraîches. Cette semaine j’ai donc pris un peu le temps de faire une large revue afin de vous présenter les dessins animés de Guillermo Vasquez,  les personnages de papier de Terada Design ou encore la vidéo “Mums of Death” ! On ira faire aussi un tour du côté des logos et de leur contreforme, de la conférence de David Rault, et l’on terminera sur un WTF de super héros ;-)

Allez, on commence notre revue de la semaine avec une étonnante vidéo d’animation réalisée avec les illustrations de l’artiste et designer Guillermo Vasquez, également connu sous le nom de Dame Pistachos. Cette animation nous montre son désir de changement et la vitesse à laquelle les choses se passent dans notre vie au cours d’une année. Une vidéo qui incite à commencer 2011 d’une bien joyeuse façon !

Cliquer ici pour voir la vidéo.

Toujours dans le talent, voici quelque chose de très pratique pour les apprentis architectes ou si vous faites des petites maquettes. Cet ensemble de personnages et autres éléments au 1/100e sont réalisés par Terada Design. Ils sont faits uniquement de papier, et sont livrés avec un assortiment de personnes, de chiens, de chats, d’oiseaux, de fleurs, de chaises, de canapés, de tables, de lampes, de vélos, d’herbe et bien plus encore…

source

On passe du blanc aux couleurs et du papier au pixel art avec une équation simple : “Rums Of Death + Mumdance = MUMS OF DEATH”, le titre de cette vidéo. MUMS of Death est une.. je cite “entité composite encapsulant les rêveries musicales de Mumdance & Drums of Death”. Rien que ça ! En tout cas, cette belle histoire nous guide, nous transporte dans un univers très particulier… À découvrir !

Cliquer ici pour voir la vidéo.

Cette semaine aussi, j’ai publié sur Graphism.fr une suite de logos qui existent par leur contreforme. Cette série n’est pas nouvelle mais c’est toujours un plaisir de redécouvrir ces logos qui utilisent le « vide » pour exister. En effet, vous connaissez très certainement toutes et tous ce fabuleux logo « Carrefour » avec son « C » qui apparaît grâce à son inexistance et surtout grâce au dessin des deux formes autour de ce « C »… Et bien, voici une bonne source d’inspiration si un jour vous voulez vous lancer dans un tel défi !

source

Je suis très content aussi de pouvoir vous présenter cette vidéo car je regrettais de ne pouvoir vous partager cette conférence de David Rault à laquelle j’ai pu assister lors de Paris Web (souvenez-vous!). David Rault est consultant typographe et parle de la typographie comme d’un bon vieil ami, avec chaleur, simplicité et beaucoup d’affection.

Au programme de sa conférence :

  • la typo, vecteur de la communication écrite
  • l’historique, le background de chaque typographie
  • Futura, Gill Sans, Bodoni, Garamond, le kit de survie du typographe ?
  • La classification vox-atypi
  • Des exemples typographiques dans la publicité
  • Un peu de macrotypographie
  • Un peu de typographie numérique
  • etc.

Cliquer ici pour voir la vidéo.

source

Cette semaine fût également pour moi l’occasion de découvrir (et donc de vous partager!) le travail d’Eirik Solheim qui a créé une merveilleuse vidéo time-lapse d’un an… en 2 minutes !  Créé en 2010 à l’aide d’un Canon 400D qui a shooté 16000 photos prises toutes au même endroit, Eirik a trié et selectionné 35000 photos pour créer cette année en 2 minutes. Bluffant de voir la naissance, la mort et la renaissance de la nature…

Cliquer ici pour voir la vidéo.

source

Et pour finir, ce sera le WTF de la semaine avec les supers-pouvoirs… totalement inutiles ! ;-)

source

Pour conclure, ce mois de Janvier sera riche en évènements, entre TedxParis ce samedi, entre la conférence de la designer Carole Collet à l’Ensad le 19 Janvier le et le Lift de Genève début Février, j’espère pouvoir faire quelques photos et résumés :-)

Geoffrey

]]>
http://owni.fr/2011/01/14/vendredi-c%e2%80%99est-graphism-s02e02/feed/ 6