UPDATE YOUR VISION!: mai 2006

Le blog de Benoit Duverneuil. Webdesign, e-Design, design interactif, création graphique...

Adobe : Once upon a time in Paris

0 comments Published lundi, mai 29, 2006 by Benoit Duverneuil.

La révolucion Adobe commence demain. Un rendez-vous à ne pas manquer. l'Adobe Live 2006 fait étape dans près d'une dizaine de villes-étapes en Europe. Pendant deux jours, les 30 et 31 mai, Adobe propose un rendez-vous pour tous les graphistes et passionnés d'images et de nouveaux médias sur le site de la Villette. Au programme, pas moins de 20 conférences seront organisées. 600 m² d'expo avec des démonstrations des dernières versions des produits d'Adobe et de ses partenaires. A noter dans vos tablettes, le keynote d'Ora-Ïto et l'intervention de Lionel Curt qui dirige l'agence Megalo[s] qui présentera notamment son travail exemplaire pour le site Jean-Paul Gaultier Parfums et le portail Renault F1. Je serais sur place demain, le résumé de ma journée sera posté sur le blog.

Mais qu'est-ce que vous regardez?

0 comments Published by Benoit Duverneuil.

Il y en a qui ont de beaux métiers, qu'on se le disent! C'est le cas de l'équipe de prod de Publicis Net qui a réalisé la campagne interactive pour les produits de la marques Wonderbra. Le site "experiencewonderyou.fr" offre au visiteur une expérience ludique et interactive très... sensorielle! Personnellement, j'adore les effets teasing des "que regardez-vous?". La mise en scène fonctionne parfaitement, on se laisse prendre au jeu facilement. Avec quelques effets Flash simples mais très bien utilisés, la navigation est classieuse sans être clinquante et on s'amusera à passer de fenêtre en fenêtre juste pour ce petit effet de blur ou de zoom qui procure une sensation de fausse 3D très plaisante. Les petites particules qui s'envolent lorsque l'on pénètre dans l'une des scènettes sont aussi du plus belle effet. L'utilisation des slides avant/après finira par convaincre les consommateurs les plus sceptiques d'entre-nous de l'utilisation du produit.

Gonflé mais efficace!

Projection holographique

0 comments Published samedi, mai 27, 2006 by Benoit Duverneuil.

Imaginez ce que pourrait être le web et les applications multimédias avec ce type de projections. C'est tout simplement incroyable, la réalité dépasse la fiction. Nous avons pu voir ça et là fleurirent des expériementations ces deux dernières années, mais je dois dire qu'aucune ne parvenaient à la cheville de celle-ci. Futur is beautiful!

Need some helps?

0 comments Published jeudi, mai 25, 2006 by Benoit Duverneuil.

Site providentiel, Design Meltdown, est tout simplement excellent. C'est une source d'informations, extrêmement bien documentée avec tout ce qu'il faut pour réaliser de magnifiques interfaces. Le site est bourré de trucs et astuces et proposent systématiquement des examples de choix et une listes de liens de qualités. Les explications sont claires et généreuses. On notera l'incursion d'Ajax dans ce site pour visualiser des exemples à la lecture d'un tutoriel par exemple.

Designer ses formulaires

0 comments Published by Benoit Duverneuil.

On a tous besoin de fiches de formulaires, que ce soit pour des sites web complexes comme pour de simples blogs sur lesquels on va collecter les commentaires de nos visiteurs. Seulement voilà, la plupart des scripts clés-en-main que nous récupérons sont souvent d'un design à pleurer. Tout est carré et triste comme sa fiche d'impôt. Heureusement, de nombreux designers ont travaillé la question et l'un d'entre-eux nous livre, aujourd'hui, sa méthode. Vous allez pouvoir récupérer un script qui vous permettra d'afficher de magnifiques formulaires, au design soigné et épuré, très "MAC style". Un grand merci à Lucian "badboy" Slatineau de Chicago pour cet article.

Tutoriel After Effects

0 comments Published by Benoit Duverneuil.

Jayse Hansen, créatif de génie de Xeler8r nous offre un tutoriel haut-de-gamme afin de maîtriser l'animation d'éléments de croissance. L'exemple retenu est un ornement graphique végétal qui grossit donc à l'oeil nu. La vidéo est très clair et on pourra même télécharger les fichiers sources. Finalement, avec de telles explications, ce n'est pas si compliqué que cela. A noter que d'autres fichiers de ce type sont disponibles sur le site de Xeler8r, notamment un tutoriel qui explique comment réaliser des boutons avec une animations Flash incorporée, simplement magnifiques!

Le portfolio du jour

0 comments Published by Benoit Duverneuil.

Voilà un portfolio terriblement efficace. Christophe+Herbinet a déjà remporté tous les suffrages comme les l'en atteste les nombreux logos en bas de sa home page. L'utilisation de Flash est bien pensée et c'est un bonheur de se livrer à une petite visite de courtoisie. On appréciera les petites fenêtres des menus en drag&drop même si au final, cela n'apporte pas grand chose en matière de navigation. L'ambiance sonore est présente sans être trop lourde et le style graphique de l'auteur est très séduisant.

Les couleurs pour le web

0 comments Published by Benoit Duverneuil.

Le choix des couleurs pour un site web est loin d'être un acte anodin. Non-seulement, on aborde des questions de stratégies de communication et de branding mais il y a également des aspects théoriques et techniques à prendre en compte. La combinaison des couleurs n'est pas une chose facile et le matériel des usagers est notamment l'une des contraintes majeures à prendre en compte. "Colors on the Web" est un site ressources dont le contenu est accessible librement. Il fournit pléthore d'informations ainsi que des codes couleurs prêts à être utilisés dans vos logiciels de création.

Ressources pour webdesigners

0 comments Published by Benoit Duverneuil.

C'est une véritable bible! Merci à Ben Hunt qui nous offre un site ressources de première qualité. Bien que l'information ne soit disponible qu'en Anglais, les données sont clairement exprimées et l'approche didactique à souhait. Que ce soit les process de création, les questions d'architecture de l'information, l'accessibilité ou encore les droits d'auteurs... tous les aspects de la création web sont abordés.
Un site à mettre impérativement dans ses favoris si cela n'est pas déjà fait.

Ecard Design World Championship

1 comments Published samedi, mai 20, 2006 by Benoit Duverneuil.

Voilà enfin une application Web 2.0 utile et attendue par les Web designers. Maxtango permet en effet de mettre en ligne ses e-cards et de les échanger avec les autres utilisateurs de la plateforme. Bien sûr, c'est complément gratuit et une fois son profil créé, on peut uploader autant de cartes qu'on le souhaite. On peut aussi tagger ses cartes pour les indexer dans les moteurs de recherche et mieux les échanger. Le visiteur peut placer les cartes dans ses favoris en un seul clic et il est possible de laisser une note et un commentaires aux différentes réalisations.
Enfin, la plateforme permet la diffusion à un ou à de multiples utilisateurs de vos créations ou de celles des autres designers inscrits sur Maxtango.
Enfin, initiative originale et petit coup de pub, Maxtango organise les Championnats du Monde de la carte virtuelle. Oui, c'est très sérieux, et la compétition risque d'être serrée car il y a déjà de sacrés talents en lice.

Les logos du Web 2.0

0 comments Published mercredi, mai 17, 2006 by Benoit Duverneuil.

Petite observation rigolote. Vous avez probablement remarqué que les logos utilisés pour les applications du Web 2.0 ont tous quelquechose en commun!? En prenant un peu de hauteur, cela saute au yeux. On a bien une charte graphique, en tout cas une ligne graphique directrice pour la très grande majorité de ces logos. Ils sont pour la plupart petits, mignons, voir acidulés. Ce côté très frendly revient systématiquement, ce qui est plutôt rassurant pour des services communautaires. Quant aux couleurs, elles sont très lumineuses et pulpeuses, une vraie boutiques de bonbons. Beaucoup de bleu et d'orange mais la couleur qui domine reste le vert anis. Enfin la plupart des polices sont très arrondies pour ne pas effrayer le chalant!
Voilà, vous savez tous, il ne vous reste plus qu'à créer votre killer application et le petit logo qui va avec !

Jamais deux sans trois

0 comments Published by Benoit Duverneuil.

Histoire de vous achever devant tant de virtuosité, voici le dernier acte d'un mercredi où le motion design est décidemment à l'honneur. Le trois points est signé du milieu du terrain par la petite agence espagnole Vasava. Basée à Barcelone, elle regroupe une petite dizaine de personnes dont le talent n'est plus à prouver. Ils excellent particuliérement dans le design graphique au service du territoire des marques avec des compétences certaines en terme d'animation vectoriel comme en témoigne ce nouveau spot pour Diesel. Tout simplement magnifique, il y a une nouvelle idée à tomber à la renverse dans chaque plan, une sorte de concentré de killer shots... que du bonheur.

Nouveau clip pour MTV

0 comments Published by Benoit Duverneuil.

Plutôt bien réalisé ce nouveau petit clip promotionnel pour le compte de MTV.
Les designers de Psyop, une agence newyorkaise créée en 2000, sont aussi des gens à surveiller!

Panic au stade

0 comments Published by Benoit Duverneuil.

Wouaahh! Quand les hollandais se mettent au motion design, ça déménage. Décidemment, il pleut de nouveaux talents tous les jours dans le petit monde de l'animation vectorielle, et pour notre plus grand plaisir. Visitez donc leur portfolio, il mérite qu'on s'y attarde!

Mediaboom explose le score

0 comments Published lundi, mai 15, 2006 by Benoit Duverneuil.

Oups, le temps passe et je n'ai même pas eu 5 minutes pour poster un billet sur les Webby Awards.

Difficile de s'y retrouver dans un tel palmarès, il faut dire que les WA sont une énorme machine, on y trouve plus de 60 catégories. Le modèle économique y est aussi pour beaucoup puisqu'il faut verser plus d'une centaine de dollars pour chaque site inscrits.
Parmi les bonnes surprises, on notait 3 sites nominés qui avaient été récompensés lors de la cérémonie des Butterfly Awards, compétition beaucoup plus modeste, organisée dans le cadre du Festival International du Webdesign.
Tout de même, une mention spéciale à MediaBOOM, un studio US emmené par le sympathique Franck dePino qui rafle tous les prix cette année. Personnellement, j'adore leur site/portfolio avec ce style emprunté aux comics des années 50. Certains regretteront que ce genre de site ne sont pas accessibles à tous tant ils sont gourmands en bande-passante... mais quand on aime, on ne compte pas, n'est-ce pas?
Pour avoir échanger à plusieurs reprises avec Franck, je suis très heureux de ce résultat. Meilleur site de la catégorie "entreprise" avec le prix spécial du public en prime!

Design web pour la PSP

0 comments Published dimanche, mai 14, 2006 by Benoit Duverneuil.

Non-seulement la PSP est une excellente machine qui comblera les fanatique de divertissements nomades mais c'est aussi une platefome passionnante pour le design interactif. Depuis quelques temps on voit apparaître quelques sites dédiés de qualité et avec un design qui est bien loin de décevoir.

Le browser PSP gère parfaitement HTML, FLASH, les CSS... Attention, toute cela est tout de même particulier à déployer.
Pour vous aider, voici un excellent portail de ressources pédagogiques :
BrotherCake

Mobile Web Design

0 comments Published lundi, mai 08, 2006 by Benoit Duverneuil.

Cameronmoll.com publie un dossier passionnant sur les bonnes pratiques pour un design web mobile réussi. Cette courte bible n'est pas avare en bon conseils et vous donne son lot de trucs et astuces pour mieux s'exprimer sur les supports mobiles.
Consulter le dossier...

Design et sites chinois

0 comments Published by Benoit Duverneuil.

Voici un phénomène qui interpelle. Les principaux sites publics chinois en terme de fréquentation sont de très loin des modèles de design et d'accessibilité. La plupart, c'est un condensé de textes et d'images, emmêlées les uns aux autres dans un chaos où débusquer une information nécessite d'avoir fait une formation de pisteur chez les Marines. Pour accentuer le phénomène, pops-up, bannières gif qui clignotent dans tous les sens et autres fantaisies du meilleur goût viennent pourrir l'écran. Exit les études d'eye-tracking, les expertises en accessibilité et le design interactif. Pour résumé, on pourrait reprendre l'expression de Zdnet qui parle de publication on -line façon "Las Vegas"!! C'est vrai que ça clignote dans tous les sens et qu'il faudra avoir beaucoup de chance pour tomber sur l'information que l'on recherche.
Récemment, un article titré "aesthetics of abundance" tentait d'expliquer cette théorie du chaos.
Toutefois, pour mettre un bémol à tout cela, on se réferrera à l'événement qui s'est déroulé à Pékin, fin 2005, à l'initiative de l'Illinois Institute of Technology, "Design for the new China markets".