À l’heure où Instagram publie des photos aériennes prises par un drone, à l’heure où l’on visionne ses photos sur un pico projecteur, à l’heure où je vous publie chaque jour un dessin sur cette même plateforme, Instagram ouvre enfin son service au web sous forme de page galerie personnelle. Petite révolution pour libérer les photos du téléphone de millions d’utilisateurs, premier pas vers l’absorption d’Instagram par Facebook ou évolution de l’expérience utilisateur ? Aujourd’hui, on fait un petit tour par ce grand saut sur le web.

Instagram, du mobile au web

Il ne vous est plus nécessaire d’avoir un smartphone ou de passer par des services tiers (webstagram, statigram, etc.) pour accéder aux galeries de vos photographes amateurs préférés. Instagram est un enfant du smartphone, né de la mobilité, de la photo et des réseaux sociaux, il aura quand même mis du temps à faire le pont entre mobile et web.

Mais pourquoi Instagram lance ses profils web maintenant ?

Kevin Systrom, le CEO d’Instagram affirme qu’il attendait le bon moment avant de sortir les galeries web de ses 100 millions d’utilisateurs. En réalité, l’idée est de se positionner également pour les entreprises qui utilisent Instagram dans le cadre de leur promotion dans les médias sociaux. La version web du compte Instagram de Nike est sorti avec les premiers exemples. Ce changement est tout simplement une façon facile de rendre ces contenus disponibles pour tous les utilisateurs, en particulier ceux qui n’ont pas de smartphone sur iOS ou Android.

Sur le web, en plus de l’affichage de photos d’un utilisateur et de ses informations, vous pouvez aussi faire des choses telles que suivre cet utilisateur, commenter.

L’Interface

La chose la plus frappante sur les profils web est sa ressemblance avec la timeline de Facebook ! Graphiquement c’est à s’y méprendre tant l’inspiration est grande. Mais étrangement, nous ne sommes pas exactement dans les mêmes dimensions, et quelques subtilités ont été mises en place.

Une élégante animation lors du survol de la souris laisse place à la date, au nombre de commentaires et de likes, la mosaïque tout en haut offre un changement régulier des photos dans des petites cases qui forment une grille. Cette mosaïque justement occupe toujours la même disposition et n’est pas sans rappeler la photo de couverture des profils sur Facebook.

Typographie & interactivité

Côté typographie, Instagram utilise du Proxima Nova, une police d’écriture totalement revue en 1994. Entre du Futura et de l’Akzidenz Grotesk, le Proxima s’avère être assez élégant et très actuel, très inscrit dans la tendance.

Pour l’interaction c’est très simple, rien de révolutionnaire, il suffit de cliquer sur une photo et elle apparaîtra en taille réelle aux côtés des likes et des commentaires. On se rendra hélas compte à ce moment que la résolution des photos et parfois médiocre. En effet, pas de souci pour l’affichage sur mobile mais lors d’un affichage sur écran d’ordinateur cela s’avère plus délicat.

Une semaine après, de réels changements ?

Une semaine après son ouverture sur le web, de nombreux “Instagrameurs” redécouvrent leurs photos, on échange des albums sur Twitter, la vision d’ensemble se dessine et l’oeil de chacun peut mieux constater le talent de tel ou tel photographe. Pour ma part j’ai redécouvert ma galerie Instagram et j’ai découvert de nombreux artistes qui détournent Instagram comme le peintre japonais Ostatosh, les ambiances suédoises de Cimek, le dessinateur Dika ou encore l’univers typographique de Frank.

L’avenir ?

Peut-être qu’à l’instar de son cousin Pinterest, Instagram proposera des versions “privées” en ligne ? À l’heure actuelle, les profils privés sur l’application mobile apparaissent comme “vides” sur la version web. Le lien entre mobilité et interface ordinateur soulève souvent des questions de ce genre, la réponse est dans le camp des designers et des développeurs — sans oublier évidemment l’éthique qu’un tel service se doit d’avoir.

De même, il est tout à fait possible d’imaginer à l’avenir une version “blog” d’Instagram en pouvant, pourquoi pas, créer des “boards” comme sur Pinterest ou des articles comme sur Tumblr. La base du service reposant sur le partage de photos (avec ses filtres), le like et le commentaire — mais Facebook occupant la place du plus gros réseau social au monde — ça va être à Instagram (et donc désormais à Facebook), de tirer son épingle du jeu pour rester innovant et fédérer les amoureux de l’image que nous sommes.

En attendant, sur Instagram web ou Instagram mobile, on trouve de tout, des gansters aux enfants fortunés en passant par l’ouragan Sandy. La vie donc…

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 à toutes et à tous et bienvenue pour un nouvel épisode de Vendredi c’est Graphism! Comme toutes les semaines, notre rendez-vous ne déroge pas à la règle et l’on se plonge dans un bain de culture, de graphisme, d’interactivité, de typographie… De quoi vous régaler les yeux donc !

Cette semaine, je vous propose une petite nouveauté avec des graffitis de papier, on ira également découvrir le brainstorming de capsule de bière et de la typographie avec votre typomètre à imprimer. Je vous présenterai également des interfaces vraiment tangibles et en lévitation ainsi que des posters typographiques. On terminera sur un WTF à base de chats, de flingues et de dollars, le trio gagnant donc !

Je vous souhaite un excellent Vendredi c’est Graphism ! :)

Geoffrey

Pour ce début de “Vendredi c’est Graphism”, voici un tout nouvel art de rue affiché dans Paris!

Réalisées par l’artiste Mademoiselle Maurice, ces superbes figures géométriques sont collées sur les murs et utilisent de simples feuilles d’origami colorées collés sur les murs de Paris. Cette installation éphémère et « non dégradante » se positionne comme du street art poétique et non revendicatif.

Présentation du projet :

“Cette série m’a entre autres été inspirée par mon année au Japon et par les événements marquants du 11 mars 2011 qui provoquèrent entre autre l’explosion de la centrale de Fukushima alors que j’étais encore là-bas. Suite à ces événements puis quelques lectures, je décidai de participer à ma manière à l’hommage rendu depuis des décennies à Sadako Sasaki et d’ajouter à cela ma considération pour le peuple nippon. Sadako vécut l’horreur de la bombe d’Hiroshima et ses tragiques conséquences… Quelques années plus tard elle fut atteinte d’une leucémie provoquée par les événements atomique de 1945. On lui raconta la légende japonaise des 1 000 grues : pour voir exaucer son vœu, il fallait réaliser 1 000 grues en origami. Son souhait fut donc de guérir mais Sadako décéda à l’âge de 12 ans après n’avoir confectionné que 644 grues… ” [source]

En vidéo :

Cliquer ici pour voir la vidéo.

Source

On continue notre revue de la semaine avec une vidéo qui a fait le tour du web ! :-) En tant que designer, je m’émerveille toujours sur les détournements et hacking d’objets. En effet, quand quelqu’un a l’intelligence ou l’ingéniosité de prendre un objet et de le détourner de sa fonction, il réalise un acte de création très fort. Alors, quand j’ai vu ce court-métrage dont le tournage aura duré trois jours, j’ai vraiment apprécié ! Imaginez-vous, assis autour d’un “six pack” avec vos amis, essayant d’imaginer différents moyens de décapsuler votre prochaine bière.

Le brainstorming par la boisson en quelque sorte ;-)

Cliquer ici pour voir la vidéo.

Source

Toujours cette semaine, j’ai publié sur Twitter, une photo (que voici), de ma règle typographique (typomètre) imprimée sur plastique transparent. Cette règle, que je balade depuis mes études de design à l’Ensad, permet de mesurer sur du papier, l’interlettre, l’interligne, le corps d’un texte, l’épaisseur d’un filet, etc. Autant d’outils qui sont pratiques pour les graphistes, designers et autres typographes afin de pouvoir comprendre, vérifier et analyser les structures typographiques des magazines, des livres, etc.

Puis en réfléchissant un peu, je me suis dit qu’il serait sympathique de vous partager toutes ces règles typographiques à télécharger en PDF et à imprimer sur du papier calque ou sur du rhodoïde (plastique transparent). En effet, il en existe plusieurs, je vous ai donc fait un petit fichier PDF contenant différentes règles à imprimer.

> Télécharger le PDF

Quelques exemples de règles typo – typomètres :

source

Tout comme dans Iron Man 1 et 2, Tony Stark a les dispositifs interactifs en 3D les plus “cools” du monde ;-) Ces dispositifs ne sont pas juste amusants, incroyables ou uniquement de la science-fiction, non. Ils sont pleins d’idées visionnaires à explorer. Ainsi, manipuler des objets dans un espace 3D uniquement dans le vide… comment cela est-il possible ?

Jinha Lee, du “Tangible Media Group” du Media Lab du MIT a travaillé en collaboration avec Rehmi Post afin de jouer autour de l’idée de manipuler de vrais objets flottants dans l’espace afin de créer une interface utilisateur vraiment tangible. Son prototype est appelé le “Zeron” et réalise un rêve partagé entre les humains depuis des millénaires… oui, rien que ça !

Il s’agit donc d’un petit champ magnétique dans lequel la gravité n’atteint pas les objets. D’un point de vue plus philosophique, on y voit ainsi un reflet de la bataille continue entre l’homme et la gravité comme un paradoxe poétique de notre survie.

Cliquer ici pour voir la vidéo.

Merci Tania

On enchaîne avec ces superbes images que sont ces illustrations créées à partir du texte de grands livres de la littérature classique. Danny Fein travaille ainsi avec des designers pour créer ces magnifiques illustrations typographiques… Présenté récemment, ce projet permet aussi de donner, pour chaque achat, un livre à une communauté dans le besoin par la Banque internationale du livre. Une belle initiative qu’il faut lire, soutenir et encourager donc :-)

Source

Oh oh oh, le WTF de cette semaine sera sous le signe du chat ! Vous connaissez sûrement cette vidéo qui nous dit que l’Internet est fait de chats… et bien, je découvre qu’Internet est également fait de billets et d’armes à feu ! En tous les cas, c’est ce qu’affirme CA$HCATS.BIZ avec ce site où des passionnés de ce trio chat-arme-dollars nous partagent leurs photo. Et oui, l’expression artistique et visuelle passe aussi par ce genre de WTF !

Source

Et voilà, Vendredi c’est Graphism ! est terminé pour cette semaine ! Pour les petits curieux que vous êtes, vous pouvez prolonger l’expérience graphique avec la Biennale des créateurs d’images qui se tiendra à Docks-en-Seine ou encore avec le travail de l’École nationale supérieure des Arts Décoratifs lors des Designer’s Days 2012. Sinon, il ne vous reste plus qu’à aller vous régaler avec ce fabuleux Caketrope ! ;-)

À la semaine prochaine !

Geoffrey

Bien le bonjour chères lectrices et chers lecteurs, amateurs d’arts visuels ou professionnels de la courbe de bézier, je vous invite sur “Vendredi c’est Graphism” ! Aujourd’hui, je vais vous présenter le projet de bandes dessinées “17 mai”, une interface signée Microsoft, un tutoriel pour faire vos cartes pop-up 8-bit ou encore un court métrage qui se passe dans une forêt de papier. On ira également jeter un oeil du côté d’un jeu en ligne et d’une belle paire de fesses robotisée !

Bref, c’est Vendredi et c’est Graphism ! ;-)

Geoffrey

Allez hop, on démarre notre “Vendredi c’est Graphism!” avec un projet qui me tient à coeur et que j’ai pu découvrir cette semaine. Intitulé “17 mai”, ce projet présente une riche variété, tant sur le fond que sur la forme, d’histoires et d’illustrations. Chaque auteur, garçon ou fille, hétéro, homo ou autre, aborde à sa manière le thème du rejet. Usant d’un ton grave, d’humour, voire d’auto-dérision, chacun a puisé dans son expérience personnelle ou dans ses constats… Le discours s’étend bien entendu au-delà de la seule journée du 17 mai, le site est ouvert et ne demande qu’à s’enrichir de nouvelles contributions pour prolonger le débat. L’idée est ainsi de démontrer que rien n’est jamais acquis et que cette lutte se fait au quotidien et dans son entourage proche.

Quelques extraits :

source

Merci Christian !

On continue avec une interface numérique assez intéressante signée Microsoft ! Et s’il y a bien quelque chose que j’aime chez Microsoft c‘est la capacité qu’a cette société à ne jamais arrêter d’essayer d’innover, de penser le futur et le futur proche. Présentée au TechFest de Microsoft Research en 2012, ce dispositif intitulé IllumiShare permet aux personnes éloignées de partager n’importe quel objet physique ou numérique sur n’importe quelle surface. Pour ce faire, IllumiShare utilise une paire de caméras & projecteurs et la caméra capture la vidéo de l’espace de travail de l’un pour l’envoyer à l’espace distant de l’autre. Ainsi le projecteur vidéo représente à distance les deux espaces mélangés pour créer… un espace partagé !

Cliquer ici pour voir la vidéo.

source

Cette semaine, on va se pencher sur un petit tutoriel qui est devenu très populaire sur le web : Comment réaliser un “Space Invaders Popup” et “Crâne en pixel en popup” ? Ce cartes sont vraiment minimalistes et très faciles à concevoir, une fois que vous avez le coup de main ;-). Il vous faudra donc vous armer d’un chouilla de patience, d’une pincée de papier, d’une once de cutter mais également d’une pointe comme une aiguille ou un compas ;-).

> suivre le tutoriel

On avance avec LE court-métrage qu’il ne fallait pas rater cette semaine. Signé par Yves Geleyn, “Colosse” vous offre un merveilleux mélange entre forêt, robot, papier et poésie… Une histoire simple dans un monde fantastique, parfait pour réveiller votre âme d’enfant non ? ;-)

Cliquer ici pour voir la vidéo.

Merci Garry

Je vous propose de découvrir “The Eyes Have It”, un jeu plutôt drôle et créé par Yoni Alter, Sean Dekkers, et Patrick Wolleb. Le principe du jeu est de faire correspondre les yeux d’un personnage de dessin animé à son corps. Le corps du personnage apparaîtra à l’écran et vous devrez ensuite deviner quelle paire d’yeux lui appartient. Essayez de deviner tous les personnages dans le meilleur temps possible et ensuite, comme d’habitude, vous en vanter sur Twitter ou Facebook ;-) Le jeu comporte trois niveaux de difficulté… attention donc à commencer doucement car la complexité augmente vite !

> amusez-vous bien !

Vous savez, je ne suis plus vraiment surpris par l’imagination de nos voisins japonais…. Cependant, leur appétence au WTF, elle, n’a d’égal que la mienne pour la typographie. Ce WTF s’appelle Shiri et s’avère être un fessier artificiel qui répond au contact humain en fléchissant ses “muscles” électromécaniques et en émettant un bruit de pompe hydraulique. Sexy non ? WTF, oui ! ;-)

Cliquer ici pour voir la vidéo.

source

On termine notre “Vendredi c’est Graphism” avec un rendez-vous Nantais où Daito Manabe (un génie de l’électronique) exprime son talent, avec Monumenta à Paris, avec cette enquête policière amusante à Bordeaux, de dames nues sous l’oeil de Newton au Grand Palais, ou encore avec cet iPhone habité, !

Et en attendant, la semaine prochaine, vous pouvez toujours me retrouver sur mon blog, mon twitter ou mon Instagram !

À la semaine prochaine et gardez l’oeil ! ;-)

Geoffrey

Hello les ptits loups !

Aaah, c’est vendredi, oui, vendredi 13 mais rassurez-vous, “Vendredi c’est Graphism” aura été épargné par le mauvais oeil pour vous offrir, encore cette semaine, un petit aperçu de ma semaine graphique, visuelle, expérimentale, bref, tous ces ingrédients créatifs qui font que chaque jour nous pouvons êtres inspirés par de nouvelles choses. Ainsi, au programme de cette semaine, je vous propose :

• - une caméra très ancienne pour votre iPhone dernière génération
• - des conseils pour la création sur téléphone mobile
• - des robes issues de sites internet
• - un débat sur les jeux vidéo et la bande dessinée
• - une application pour faire de la musique électronique en… 3 minutes
• - une expérience tangible et sensorielle pour Issey Miyake
• - et… un WTF déformant ;-)

Bon vendredi… et bon Graphism !

Geoffrey

On commence notre semaine avec “1-Bit camera”, une bien drôle application iPhone qui va capter merveilleusement votre environnement sous forme de photo et les transformer en noir et blanc et en image 1bit. Et oui, vos photos prises avec cette application transformeront votre dernier iPhone4S top moumoute de la technologie en photos originales de ce que l’on pouvait trouver sur l’OS d’Apple en 1984 ou encore sur la célèbre caméra Gameboy, une caméra très prisée des collectionneurs.

Au programme donc :

• un affichage temps réel de l’image en 1-bit
• des photos légères, aux alentours de 150ko
• un algorithme de tramage précis
• le partage en ligne sur twitter, facebook…
• etc.

Bonjour :-)

Je vous propose de rester bien au chaud avec ce nouvel épisode de “Vendredi et c’est Graphism” ! Au programme de la semaine, l’interface de la maison du futur, l’argent d’Apple, le documentaire “Crack the Surface”, les graffitis d’Hadopi, une chorégraphie avec un hélicoptère sans oublier du guerilla gardening et le célèbre WTF à base de poils.

C’est vendredi et c’est “Graphism” !

Allez, on commence la semaine avec le premier prototype d’interface pour cette fameuse “maison du futur”, dont tout designer entend parler à longueur de journée mais dont ne sont produits que très peu d’innovations. L’idée de ces interfaces pour nos “maisons du futur” est, en général, de mettre toute une batterie te technologies dans un cadre confortable, un cadre chalereux. Cependant, lorsque j’ai vu cette vidéo démo du projet Openarch, je pensais que cela allait être encore un énième projet pour nous faire rêver. Mais il en est rien, l’équipe a déjà commencé à développer le projet !

Pour le résumer, Openarch est une maison prototype qui mêle des éléments matériels et logiciels comme des murs amovibles, des interfaces basées sur Kinect avec un langage gestuel, etc. Voici donc la démo :

Le film :

Cliquer ici pour voir la vidéo.

La démo technique :

Cliquer ici pour voir la vidéo.

source

Que feriez-vous avec 97 milliards de dollars d’argent comptant? Personnellement, je ne saurais jamais que faire de tout ceci, mais Apple est actuellement en train de réfléchir à cette question. Cette visualisation de données nous présente quelques comparaisons entre l’argent d’Apple et ce que la société pourrait faire avec… tout est une question de priorité, vous l’aurez compris.

source

On continue notre revue de la semaine avec ce documentaire en deux parties intitulé : « Crack the Surface ». La seconde partie étant sortie il y a quelques jours, c’est donc l’occasion pour moi de vous regrouper tout ça pour vous le présenter. « Crack the Surface » donne un aperçu intéressant et parfois spectaculaire de cette tendance appelée « Urbex » pour exploration urbaine. L’idée de croiser culture urbaine, ville, et exploration flirte ainsi avec le risque d’accéder à tout, de s’infiltrer dans les lieux fermés, abandonnés, oubliés et, chose rare dans ce documentaire, on y voit des gens qui expliquent le pourquoi de la chose.

Premier épisode :

Cliquer ici pour voir la vidéo.

Second épisode :

Cliquer ici pour voir la vidéo.

source

Sur Owni, je vous parle souvent de graffiti, d’art urbain mais cette fois-ci, on fait un petit pas de côté avec les clichés que Grégory Gutierez a pris devant le siège d’Hadopi dans le 15e arrondissement, rue du Texel, à Paris. Des gens sous l’égide d’Anonymous ont donc conçus des pochoirs assez élégants et les ont appliqués en blanc sur les deux colonnes devant l’entrée du siège. Jusque là, tout va bien. Bon, après le gros « We are legion » a été fait à la bombe de peinture rouge un peu à l’improviste. Moins classe mais plus revendicatif.

À noter également l’échange entre Grégory Gutierez et un employé :

A ce moment un gars en pull sort de l’accueil où il était avec quelques personnes, et vient vers moi, avec un air sévère et en regardant tout autour de lui, comme pour vérifier que nous étions seuls : “Vous ne devez pas prendre des photos, arrêtez ! Vous êtes de quel magazine d’abord ?”.

Je lui réponds, très calme : “Pardon ? Je suis dans la rue, sur un espace public, j’ai parfaitement le droit de prendre des photos de l’immeuble. Et je ne suis d’aucun magazine.” Il rétorque, énervé : “Mais alors pourquoi vous prenez des photos ? Pourquoi ? Vous voulez nous salir, c’est ça ? Qu’est-ce que vous allez en faire ?”.

Je réponds : “Pardon mais je peux bien avoir toutes les raisons que je veux, vous n’avez pas à le savoir. Et puis je n’ai aucune intention de vous salir, vous n’êtes qu’un employé, vous n’êtes pas responsable. En revanche, HADOPI, c’est autre chose… Vous voulez qu’on en cause ?”.

Je serais curieux de voir si « l’action numérique » d’Anonymous continue de passer le pas de la rue et s’organise pour progresser un peu « IRL » comme on dit. Si les formes d’hacktivisme sont intelligentes -et j’imagine déjà mille façons de créer- il y a matière à faire. De même, Anonymous puise sa force dans ses revendications & dans le fait que ça n’est personne et c’est tout le monde. Il faudrait peut-être ainsi imaginer des formes d’action urbaines collectives et désolidarisées. Enfin, les rares actions de ce genre qui me viennent en tête sont celles des black blocs (des gens rassemblés dans un mouvement autonome pour -en général- affronter la police lors de rassemblements comme le G20 par exemple). Il faudrait quand même quelque chose de bien plus pacifique…

Voici les clichés :

source

Ah, la danse ! Vous ne le savez peut-être pas, mais la danse & la technologie font souvent bon ménage et cette performance éthérée en est encore la preuve. Ce travail de la chorégraphe de danse contemporaine Nina Kov, vient associer deux “types” de sujet que sont une danseuse et un modèle réduit d’hélicoptère. Cette drôle d’idée est ainsi mise en image dans “Copter”, un court-métrage qui se penche sur les fantasmes de l’enfance vus au travers du prisme de l’âge adulte. Le projet est en train de se monter, n’hésitez-donc pas à leur manifester votre intérêt…

Cliquer ici pour voir la vidéo.

source

Je vous avais déjà parlé de cette tendance écolo et urbaine intitulée « Guerilla gardening ». Le jardinage urbain est à la ville ce les noisettes sont au chocolat, pas indispensables mais terriblement délicieuses. Bref, dans l’est de Londres, des équipes de jardiniers improvisés se sont frottés aux nids de poule, aux coins de trottoirs, aux petits bouts de pavés de la ville pour y installer des îlots de nature. Le tout est assez poétique, anecdotique, temporel, et c’est aussi pour ça que c’est beau.

source

Aaaah, le WTF tant attendu de cette semaine est placé sous le signe des voeux… de Martine Aubry ! Dans les rues de Lille, Martine Aubry & le Conseil Municipal de la ville de Lille vous souhaitent une… très belle année 2012 ! Mais  ”What the fuck ?!” comme disent les jeunes, quel est donc ce lapin rose ?

source

Je vous remercie encore d’être toujours aussi nombreuses & nombreux à lire et participer au partage de Vendredi c’est Graphism. Je vous propose aussi d’aller plus loin avec ces applications iPad qui auront marqué 2011, comme celle sur le système solaire, celle avec cette horloge, celle-ci très créative, ce jeu étrange. Si vous avez le temps, passez donc au Musée des Arts Décos à Paris ou encore  au 40mcube à Rennes !

Excellent week-end et à la semaine prochaine,

Geoffrey

Bonjour et bienvenue à bord de ce 33^e épisode de la saison 2 de Vendredi c’est Graphism !

Cette semaine, retour aux basiques avec une belle interface pour présenter le Musée des Objets Obsolètes, de l’architecture D.I.Y. (do it yourself), Banksy qui nous compile les “anarchistes publics”, des éléments d’interface à télécharger. On ira également faire un tour du côté de “Der Kritzler” et des couvertures Penguin Books, et on finira sur un WTF assez “cracra” !

Bon vendredi… et bon “graphism” !

Geoffrey

On commence donc la semaine avec le “Musée des objets obsolètes”, un projet qui vise à regrouper les objets désuets et à les placer sur une frise chronologique. Comme notre vie quotidienne devient de plus en plus numérique certaines choses tombent tout au long du chemin et sont remplacées par de nouvelles choses qui se prétendent “meilleures”. Ce petit musée à été imaginé afin de ne pas oublier ces appareils tombés au combat, ces outils et ces gadgets “Old School” et afin de nous revivre ces moments passés en leur compagnie.

Côté graphisme, ce site (en flash) est merveilleusement composé et typographié, et présente une élégance et une simplicité que l’on aimerait retrouver plus souvent sur Internet !

Cliquer ici pour voir la vidéo.

Cliquer ici pour voir la vidéo.

Cliquer ici pour voir la vidéo.

source

Vous le savez peut-être, j’ai toujours eu foi dans les projets collaboratifs et de partage du savoir. Je découvre donc avec plaisir ce qui se présente comme étant la prochaine révolution dans l’architecture … WikiHouse ! WikiHouse est une plateforme open source pour la conception de maisons et d’habitats en tout genre. Il permet à toute personne, y compris les non-professionnels, de concevoir une maison avec le logiciel SketchUp (logiciel de 3D de Google) puis d’imprimer instantanément les éléments architecturaux et enfin de construire sa maison.

source | wikihouse.cc

Et on continue avec l’artiste Banksy – dont je vous parle très souvent - qui a compilé une liste assez vaste “d’anarchistes publics” pour un passage télé sur Channel4. Ces artistes anarchistes, activistes et autres trouble-fêtes sont notamment responsables du changement de regard que le public a sur la ville, sur la rue et sur les artistes qui y créent. Ils posent ainsi des questions et fournissent une certaine forme de soulagement comique pour tout le monde.

Cliquer ici pour voir la vidéo.

source

C’est le petit cadeau graphique de la semaine ! Il s’agit de la mise en téléchargement gratuit d’une planche de composants graphiques (au format Photoshop) pour concevoir vos interfaces. La plupart des composants sont gris, clairs, simples et très propres et ils s’adapteront donc parfaitement à vos maquettes, templates et autres interfaces graphiques!

Télécharger

Voici une machine présentée par Tinkerlog il y a quelques semaines et qui va vous permettre de concevoir des dessins directement sur vos fenêtres ! Vous aviez peut-être déjà entendu parler d’Hektor, cette super-machine à reproduire des dessins 2D ? Et bien “Der Kritzler” (kritzeln signifie “gribouillis” en français) fonctionne sur le même principe. Utilisant des cordes, des engrenages et des moteurs, ce projet est donc très low-tech et fonctionne très simplement. Voici un aperçu du résultat :

Cliquer ici pour voir la vidéo.

source

On continue notre revue de la semaine avec, pour le plaisir des yeux, des couvertures de Penguin Books.. Datées de 1969 et 1972, ces couvertures sur les sciences sont de véritables chefs-d’oeuvres simples et graphiques. Imprimées en Grande-Bretagne, elles représentent  chacune leur thématique mais sous forme de points, de couleurs et de composition. Des couvertures de livre comme j’aimerais en voir plus souvent à notre époque, que ce soit sur Internet, dans la presse ou dans l’édition.

source

Et … hop! On termine notre revue de la semaine avec un WTF totalement barré ! Je vous présente Rainbow  Poo, un petit arc-en-ciel qui ressemble à un bonbon mais qui n’en est pas vraiment un… Réalisée par Emmy Lincoln, Malin (de malins.info) et Peo Dah, cette douce animation musicale rythmera, j’en suis sûr, votre week-end :-D

Cliquer ici pour voir la vidéo.

source

En guise de petit mot de la fin, je vous invite à partager vos actualités graphiques & design dans les commentaires et si après vous avoir assommé avec toutes ces actualités, il vous reste encore un peu de bravoure, vous pouvez aller consulter les erreurs des webdesigners ou encore l’identité visuelle du Berliner Philharmoniker :)

Bon week-end à vous toutes et tous,

Geoffrey

Bonjour à toutes et tous,

Aujourd’hui, un nouveau “Vendredi c’est Graphism”, pour vos yeux, vos oreilles, vos idées, bref voici le programme de la semaine. On commence donc avec Fontify, un outil de dessin utilisant la typographie. La suite ? Un robot qui danse le Kabuki, une habitation très très mince, une confrontation nature / bureaux qui fait du bien à voir et une interface pour des histoires inachevées… Le WTF portera lui sur un FAIL de Nokia !

Bon vendredi et… bon “Graphism!” :-)

Geoffrey

On commence donc notre revue de la semaine avec avec Fontify, une petite application pour les amoureux des caractères typographiques et du dessin de lettres. En effet, depuis bien longtemps, notre ami Guillaume Apollinaire s’était amusé à réaliser des calligrammes, ces textes prenant la forme d’une image, d’un dessin et déjà à l’époque, cela embrassait la réflexion du mot avec sa forme. Cette application vous permet, un peu de la même façon, de manipuler la typographie pour réaliser des images, des illustrations. L’interface plutôt intuitive vous permettra de réaliser rapidement votre « typo-illustration » depuis votre iPad ou votre iPhone.

Cliquer ici pour voir la vidéo.

source

On reste dans la forme mais cette fois-ci gestuelle avec ce robot japonais réalisé par Amino Azusa et qui danse le Kabuki. Le kabuki (歌舞伎) est la forme épique du théâtre japonais traditionnel. Centré sur un jeu d’acteur à la fois spectaculaire et codifié, il se distingue par le maquillage élaboré des acteurs et l’abondance de dispositifs scéniques destinés à souligner les paroxysmes et les retournements de la pièce [wikipedia]. Ici incarné par un robot de petit taille muni d’éventails, le rendu est vraiment étrange mais tellement vivant. Un savoir-faire dans lequel excellent les japonais…

Cliquer ici pour voir la vidéo.

source

Nous vivons aujourd’hui dans des villes qui tentent d’être repensées, tant dans leur urbanisme que dans la façon dont la vie circule à l’intérieur de ces villes. Ainsi, les espaces étroits dans la ville sont souvent considérés comme des espaces “morts”. Heureusement, voici Keret House, un projet qui a pour but d’être construit entre deux maisons existantes en Pologne. Conçue par Jakub Szczęsny, cette habitation est donc limitée à 122 cm de large et propose, dans sa hauteur, une superficie de 14,5 mètres carrés. Il y a donc une salle de bain, l’électricité (qui provient de la maison voisine) et les escaliers sont rétractables grâce à une télécommande. Cette nouvelle maison abritera donc prochainement un espace de travail ainsi que d’un endroit pour dormir & vivre. Ce type d’habitation semble donc une solution extrême et peu confortable mais je serais curieux d’en visiter une pour appréhender l’espace et imaginer vivre ainsi.

source

Toujours dans la semaine, j’ai eu le plaisir de découvrir cette intervention urbaine revendicative ! Réalisé lors d’un workshop organisé par Tres Bird, cette intervention a pour but de faire revenir la nature dans la ville, dans les bureaux, dans le mobilier urbain, etc. La nature fonctionne normalement parfaitement et s’avère être quelque chose d’autonome dont l’humain fait partie. Mais comme vous vous en doutez, l’humain est aussi en quelque sorte séparé de la nature. Tres Bird a donc imaginé et construit une installation d’art au centre-ville de Denver (Colorado) dans le but d’encourager les gens à sortir hors de leurs bureaux pour faire des pauses quotidiennes au grand air. L’installation est donc composée d’une partie du mobilier de bureau vintage et d’une partie 100% vivante. Tous les végétaux utilisés dans l’installation ont été réutilisés et recyclés après…

source

Présenté cet été, TIAM est un programme informatique qui génère des contes de fées inachevés ! Quoi de plus beau alors que de s’imaginer à la place du héros, de l’héroïne et de tenter de résoudre une histoire non finalisée par l’ordinateur. Ce projet très intéressant explore ainsi les liens entre l’imagination humaine et le calcul de la machine. Les contes, les mythes, les histoires ancestrales sont au cœur de la culture humaine et ont été transmis depuis des générations par le biais de diverses technologies et médias. Le biais de l’interprétation et de l’imagination a donc toujours existé. Parce que ce programme est incapable de livrer une histoire finie, les utilisateurs improvisent alors pour combler le manque d’imagination de la technologie…

Cliquer ici pour voir la vidéo.

source

Le WTF de cette semaine est une petite “boulette” graphique. Voici une publicité pour Nokia dont l’image a été achetée sur iStockPhoto (un site de vente d’images photographiques), mais dont le modèle de téléphone ne correspond… pas vraiment à un téléphone Nokia. Et oui, c’est bel et bien un iPhone que cette femme tient dans sa main ! Oooops !

source

En guise de mot de la fin, je vous invite à jeter un œil à ces affiches de l’UDC, très “osées historiquement”. Aussi, si vous êtes en Belgique, n’hésitez pas à vous rendre au Rendez-Vous du Pixel (8e édition), et ne ratez surtout pas l’exposition Tokyo Graphic Passport à Paris ! …et si vous avez de l’actualité graphique à me faire parvenir n’hésitez pas.

Bon week-end & encore merci d’être si nombreux !

Geoffrey

Aujourd’hui, notre revue de la semaine fait des aller-retours entre design numérique et graphisme imprimé, il va donc nous falloir sauter de l’un à l’autre avec, comme toujours, les yeux grands ouverts. Je vous propose donc cette semaine un travail mélangeant peinture classique et dessin-animés, une publicité Windows Phone 7 qui a des allures d’Apple, un coup de gueule pour protéger la vie de l’Association, une très belle animation et des interfaces mobiles. Je vous proposerai aussi de jeter un œil sur ma dernière affiche et un petit WTF avec un gros ours de deux mètres.

Un bon vendredi graphique à vous tous ! :-)

Geoffrey

Pour commencer notre revue de la semaine, voici un travail graphique vraiment intéressant car il s’agit de la rencontre entre le dessin animé & la peinture classique. Avec des airs de Roger Rabbit, une pincée de situationnisme et une bonne dimension culturelle, ces images racontent à chaque fois une histoire croisée. Un peu comme si deux mythologies se rencontraient. On redécouvre alors certains tableaux ou certains personnages de dessin-animé sous un nouvel œil.

Par exemple, l’avant-dernière peinture est une œuvre d’Édouard Manet intitulée « Un Bar aux Folies-Bergère ». Elle est inspirée du naturalisme de son ami Émile Zola. Le montage remplace ici le personnage principal (une vraie employée des Folies Bergère) par la célèbre Jessica Rabbit du film « Qui veut la peau de Roger Rabbit ». Le mélange des deux tournent autour de la thématique du double, du reflet, entre le « vrai tableau » qui place derrière la serveuse, un miroir qui la reflète de façon inexacte, et la symbolique de Jessica Rabbit qui déclare dans Roger Rabbit: « je ne suis pas mauvaise, je suis juste dessinée comme ça », on appréciera donc la subtilité du mélange ;-)

source

Cette semaine, nous avons également eu le plaisir de découvrir la dernière publicité non-officielle pour le Windows Phone 7 qui vient de sortir. Elle se veut novatrice, même si elle a parfois des allures de pub Apple et pourtant, on dirait qu’elle s’inscrit dans la « tradition » des publicités un peu psychédéliques de Microsoft, notamment celles avec Steve Ballmer.

Cliquer ici pour voir la vidéo.

Et Steve Ballmer en 1986 :

Cliquer ici pour voir la vidéo.

source

On enchaîne avec une actualité assez malheureuse car il s’agit de l’Association qui ne se porte pas très bien. L’Association est une maison d’édition française de bande dessinée, fondée en mai 1990 par Jean-Christophe Menu, Lewis Trondheim, David B., Mattt Konture, Patrice Killoffer, Stanislas et Mokeït et elle édite des très bonnes bandes dessinées.

En quelques mots, l’Association va devoir licencier 3 ou 4 salariés (sur les 7 existants). Les salariés sont ainsi en grève depuis un mois car la direction refuse de présenter les résultats et notamment les bénéfices de l’entreprise pour justifier un tel licenciement…). Bref, en soutien aux salariés, les dessinateurs de l’Association ont mis aux enchères, chaque jour, un dessin pour payer les honoraires des avocats et si possible, les aider financièrement à supporter les 31 jours de grève qu’ils viennent de traverser.

le site pour soutenir l’Association| source

Toujours du côté des artistes, voici un projet d’animation réalisé par une jeune équipe (Mathorne Bo, T. Sørensen Tue, Larsen Gil Arthur, Rie C. Nymand, Mads Simonsen, Thomas H. Grønlund, Sloth Jacob Esben, Martin Holm-Grévy) et qui n’a de cesse de m’enchanter. L’histoire est assez sombre mais saura trouver une touche graphique particulière, quelque chose de personnel, d’unique, notamment dans l’animation des personnages.

Cliquer ici pour voir la vidéo.

Cette semaine fût également pour moi celle de la découverte d’un site Internet signé par Mari Sheibley, une designer de New-York qui travaille pour Foursquare. La majorité de son travail tournant autour du mobile, Mari a décidé de concevoir mobile-patterns.com, un site qui recense  les applications iPhone et Android par typologie d’interface. Cette bibliothèque de modèles d’interfaces mobiles vous servira peut-être si vous travaillez sur les interfaces mobiles et si vous recherchez l’inspiration :-)

le site

Avant-hier, j’ai pris un peu de temps pour dessiner cette affiche sur ce qu’on appelle les “Révolutions Arabes” (comme pour les circonscrire?). Je vous la partage donc, en précisant qu’elle est en Creative Commons & qu’elle est également disponible en grand format :-)

source

Pour finir cette semaine sur un WTF un peu trash, voici le travail de Mori Chack (森チャック), un artiste japonais spécialisé dans le domaine du graphisme. On se concentrera donc sur deux vidéos de “Gloomy Bear”, un ours rose de deux mètres de haut, violent et se nourrissant d’enfants. Vous l’aurez compris, ils sont l’antithèse de Hello Kitty et autres symboles kawaii… Attention les yeux ! ;-)

Cliquer ici pour voir la vidéo.

Cliquer ici pour voir la vidéo.

Le petit mot de la fin sera pour attirer votre attention sur les images de ces révolutions en ce moment, ces images, A4, en noir et blanc, découpées rapidement sur Paint, ou ces affiches plus grandes, parfois sérigraphiées ou diffusées en masse sur Twitter. Ce sont des choses précieuses et rares que celles-ci, n’hésitez donc pas à vous y attarder, à les collecter et les garder bien au chaud :-)

Bon week-end ! :-)

Geoffrey

Bon vendredi

Ici Geoffrey et je vous présente aujourd’hui le 16e épisode de “Vendredi c’est Graphism!”. C’est donc reparti avec une revue de la semaine remplie d’images avec notamment : l’identité visuelle de la Hadopi, enfin diffusée, avec également un nouveau concept d’interface tout en papier, ou encore avec  une série d’affiches WTF de très bon goût ;-) On aura aussi l’occasion de se pencher sur un travail très élégant mélangeant pixel-art et papier ou encore un extraterrestre dans un appartement.. Wouw ! Bonne lecture !

On commence donc notre revue de la semaine avec  un document qui a été révélée avant-hier. Il s’agit de la charte graphique de la Hadopi qui a été publiée ! On se rappelle bien des histoires rocambolesques qu’il y avait eu avec le tout premier logo, puis le second, bref, aujourd’hui Numerama publie la charte graphique réalisée pour la Hadopi. Une charte très classique mais toujours intéressante à éplucher quand on s’intéresse au graphisme et au branding corporate.

On découvre donc la tête du courrier que les « méchants pirates » recevront, mais aussi le graphisme de l’enveloppe, de la carte de visite des représentants de la Hadopi, les choses « à ne pas faire » avec le logo, ou encore l’iconographie utilisée pour l’image de marque.

Voici d’ailleurs quelques extraits :

source

Toujours cette semaine, j’ai découvert un travail vraiment intelligent d’une interface interactive sur papier. Les innovations relatives aux interfaces tactiles sont encore nombreuses mais la dernière que j’ai remarqué est une création de l’Université de Keio au Japon. Un groupe de recherche de cette université a donc développé une interface tactile qui utilise le papier comme point de contact et comme élément visuel. L’idée est donc de prendre la courbure de la surface de la feuille et de jouer avec. Voilà ce que ça donne :

Cliquer ici pour voir la vidéo.

source

Après cette vidéo, on enchaîne avec la suite tant attendue de la série d’illustrations “WTF?”. Cette série graphique est réalisée par la société de design créatif “Estudio Minga” qui, au départ avait conçu ces affiches comme des blagues… Et comme souvent, la blague a pris une ampleur plus importante !  Ces illustrations minimalistes ont pour thème le “What de Fuck ?” ou la situation absurde, le n’importe quoi. Je vous laisse découvrir :

source

Cette semaine fut également pour nous l’occasion de découvrir la grande avancée de Google Earth 6. Le virtuel a réellement fait un pas en avant avec cette nouvelle version de Google Earth. Cette fois, on peut découvrir les forêts (avec une cinquantaine d’espèces d’arbres pour l’instant..) ou encore le travail très important qui a été réalisé pour les transitions entre la 2D et les buildings en 3D. Un sacré travail donc :

Cliquer ici pour voir la vidéo.

source

C’est l’image gag de la semaine qui aura fait rire les graphistes , j’en profite donc pour faire un petit extra et vous la présenter :

source

Ce vendredi c’est aussi l’occasion de vous partager un travail graphique tout en bande dessinée avec le travail de la talentueuse et charmante Ruth Afrita, une jeune designeuse de Singapour qui a réalisé cette série de création en papier découpé sur Scott Pilgrim. Le résultat est coloré, précis, très dynamique, à l’image de Scott Pilgrim donc ;-)

source

On termine cette semaine de Vendredi c’est Graphism avec un bon WTF qui m’aura fait rire il s’agit tout simplement du premier extraterrestre et de sa soucoupe volante… Humm !

Cliquer ici pour voir la vidéo.

Pour finir notre revue de la semaine je vous invite à partager vos news, vos attentes, vos envies dans les commentaires de cet article et pourquoi pas, m’envoyer vos actus à diffuser ici :-) Soyez sages et ouvrez grand les yeux !