Are You Experienced ?

designers toolbox, la boîte à outil du designer !

>>

Voici encore une bonne petite ressource graphique en ligne et gratuite !

 Le site designers toolbox propose des ressources gratuites pour les designers : templates de carte de visite, enveloppes, plaquettes, cd, dvd... Etc. Ainsi qu’un certain nombre d’informations essentielles : format standard des bannières internet, formats de papier, générateur de bolo-bolo, calendrier des concours internationaux…Etc. Dans une deuxième partie, c‘est l’actualité du design qui est traité (design life) enfin…Dans une dernière partie qui permet de rentabiliser le tout, on peut tacheter des contrats types, des noms de domaines, des cartes vectorielles et de solutions de book en ligne. Deux problèmes pourtant : l’ensemble des mesures est en inch (il faudra donc se référer à tableau de conversion) et le tout – of course-, est en anglais ! À bookmarquer ! Tant pour les « goodies » gratuites que pour l’info ! D’ailleurs… Demain, nous publierons la traduction en français d’un des posts du blog extrait de la rubrique Design Life…

Le bureau de David Carson

>>

Peut-on être un génie et rester organisé ? C’est la question que l’on se pose en découvrant ce fond d’écran. Car ce desktop est sensé être celui du mythique David Carson. Ce chaos qui peut rendre fou le graphiste ultra-méticuleux fait écho à l’approche plastique du maître. Vrai ou faux, c’est en tout cas comme ça que l’on perçoit le travail de David Carson… Chaotique bien que terriblement humain ! Bio-design et bordellique. J’ai pour ma part toujours pensé qu’il fallait avoir un bureau propre (des outils propres ?) pour faire du travail « propre ». Que né ni et c’est sans doute pour cela que je ne serai jamais un génie des arts graphiques. Trop organisé le gars ! La preuve ? Il suffit de s'intéresser au seul génie de la peinture apparu au XXe Siècle. Je veux bien sûr parler de Francis Bacon et de son mythique atelier « taudis ». Celui-ci apporte la preuve physique qu’il faut un bon bordel ambiant pour pouvoir créer au-delà des limites du genre ! A méditer...

Abba (Reloaded)

>>

On vous a déjà parlé de Jean-Marie Potiez (qui a son entrée sur Wikipedia, la classe !), ze spécialiste française des mythiques Abba lors de la parution, en Angleterre, de son dernier ouvrage. Jean-Marie, en dehors d’être un auteur, est aussi un infographiste émérite qui met, lui-même, en pages ses productions. C’est donc par ce biais que j’ai eu le plaisir de le rencontrer ! Dans la vidéo inclue dans ce post  (l’émission 100% mag sur M6 sur le thème « Le Business Abba ») on le voit brillamment débattre d’une impossible reformation du quatuor ! En tout cas, on peut toujours acheter ses livres ici !

100% MAG sur M6 "Le business ABBA"

Peter Saville en vidéo !

>>

Il est de notoriété publique que je suis un fan « transi » de Peter Saville. Ce designer anglais, né en 1955 à Manchester, est à l’origine de toute l’identité graphique du mythique label Factory. Label qui a publié les œuvres de Joy Division et New Order bien sûr, mais aussi celles de A Certain Ratio, Durutti Column, Happy Mondays, Quando Quango, Section 25 et bien d'autres encore !  Aujourd’hui, le gars Peter s’est plutôt ré-orienté là où il y a des moyens et de l’argent. Il fait dans le luxe et le haut de gamme mais dans une veine beaucoup moins inspirée qu’à ses glorieux débuts. Fini, par exemple, le sampling visuel d’œuvres néo-classiques et de courants graphiques des années 30… Pas grave, Peter Saville est sans doute un des plus grands graphistes de la fin du XXe Siècle. Dans cette petite vidéo, il nous explique ce qui l’inspire et croyez-moi c’et toujours bon à prendre (même en anglais) ! A regarder !

Peter Saville Q&A: What inspires you? from D&AD on Vimeo.

HTC Magic, le smartphone made in Google !

>>

Il est enfin disponible... On en parlait depuis longtemps mais est-il une vraie réponse à l'iPhone d'Apple ?

La semaine dernière, l’opérateur de téléphonie SFR lançait HTC Magic, le premier portable fonctionnant sous Android. D’après le blog businessMOBILE.fr :  « Rapide et réactif au toucher, il est équipé du processeur Qualcomm MSM7201a à 528 MHz, avec 512 Mb de ROM et 192 Mb de RAM+. Conçu pour un usage grand public, et une utilisation à un doigt, le Magic ne dispose pas de clavier intégré, ni de stylet. Il intègre une dalle tactile de 3,2 pouces, avec un affichage de 320 x 480. Pour un meilleur confort de frappe, et grâce à l'accéléromètre intégré dans le terminal, le clavier peut basculer en mode paysage ». Le mobile dispose d’une autonomie de 7 heures et d’ajouter : « Entièrement étudié pour une connexion continue à Internet (3G+, EDGE, GPRS), HTC a particulièrement soigné l'autonomie de sa batterie. Le Magic embarque ainsi une batterie de 1340 mAh, ce qui lui confère une autonomie (selon le constructeur) de 7 heures en conversation et de 420 heures en veille. Il peut également se connecter en Wi-Fi b/g, bénéficie d'un GPS intégré, ainsi que du Bluetooth Stéréo 2.0. Le HTC Magic peut accueillir une carte micro SD 2.0 de 8 Go. Son APN de 3,2 millions de pixels peut également capturer des vidéos, qui en un seul clic, peuvent directement être envoyées sur YouTube. Picasa Mobile est installé sur le terminal et permet de retoucher les images sur le terminal. » Bref, cette machine de combat est une réponse à l’iPhone qui bien que très en avance sur l’ergonomie connaît cependant de sérieuses limitations. A savoir, l’obligation de passer par le soft iTunes pour gérer ses médias, Flash non supporté, une faible autonomie du fait de la 3G et des tas de réactions bizarres : l’écran qui « freeze » parfois, etc.  le HTC Magic est complètement compatible avec l’ofrre développée par Google et se synchronise automatiquement avec ses contacts enregistrés dans Gmail. Enfin, toujours d’après businessMOBILE.fr : « Le HTC Magic possède trois bureaux, ou écrans d'accueil, personnalisables. Le premier, qui comprend l'horloge, possède les fonctions essentielles du téléphone sous forme d'icônes : le clavier téléphonique, les contacts, le navigateur Internet et Google Maps. Le deuxième écran d'accueil, accessible en faisant glisser l'écran vers la droite, est par défaut vide. Il est destiné à être personnalisé par l'utilisateur. Le troisième écran est accessible, cette fois-ci, en faisant glisser l'écran de droite à gauche est celui du moteur de recherches. Une barre Google y est installée. Ce bureau peut, par exemple, servir à stocker les URL des sites visités (favoris) ». Ce nouveau smartphone devrait en séduire plus d’un même si on peut sérieusement s’interroger sur la stratégie de Google qui en plus de stocker des données à n’en plus finir (pour en faire quoi ? Nous profiler, nous suivre à la trace ?) peut maintenant nous géolocaliser en permanence. Allo le Monde ? Ici Google…

L'ADDA de la Nouvelle Orléans

>>
Ce qui n'était qu'une association informelle de deux designers de la Nouvelle-Orléans : Don Smith et Gus Levy s’est transformée en 1962 en une vraie association avec pignon sur rue. L’ADDA  (The Art Directors and Designer Association of New Orleans) s'est développée au fil du temps pour devenir l’antenne locale de l’AIGA (dont on a déjà parlé en ces glorieuses colonnes). Ce petit film réalisé en 1962 présente l’association, ses membres et leurs réalisations. Les travaux qui y sont présentés sont de toute beauté dans un style qui revient, depuis peu, à la mode ! Précisons que PowerPoint n’existant pas à l'époque, l’association a du filmer en 35 mm ses « slides » de présentation ! Dernier détail, écoutez bien la musique d’accompagnement qui n’est pas sans rappeler le « Cry Me A River » de la fabuleuse Julie London… Magnifique ! En bonus, le cip qui va bien !


Art Directors and Designers Association of New Orleans 1962 Slideshow Presentation from AIGA New Orleans on Vimeo.

Blend 3 : Import Photoshop et Illustrator

>>

Comme chaque année, notre super spécialiste du WPF et de Silverlight, Aude Mousset, est à Las Vegas pour suivre l'événement design de Microsoft. Voici son feedback en quasi-direct live !

Joanna Mason a mené une session sur l'import de fichiers photoshop et illustrator directement dans Blend. Le côté bluffant c'est que lorsque vous récupérez un fichier PSD qui contient des masques, vous retrouvez ces mêmes masques sous Blend, vectoriels et modifiables. Les masques d'opacités sont également préservés. Les groupes sont transformés en Canvas et en fonction de la nature des éléments d'origine vous aurez du bitmap, du vectoriel clippé ou non, avec masque d'opacité ou non. Une très bonne session, sur un format court (20 minutes) animé par Joanna qui fait partie de l'équipe produit de Blend.

Joanna Mason a mené une session sur l'import de fichiers photoshop et illustrator directement dans Blend. Le côté bluffant c'est que lorsque vous récupérez un fichier PSD qui contient des masques, vous retrouvez ces mêmes masques sous Blend, vectoriels et modifiables. Les masques d'opacités sont également préservés. Les groupes sont transformés en Canvas et en fonction de la nature des éléments d'origine vous aurez du bitmap, du vectoriel clippé ou non, avec masque d'opacité ou non. Une très bonne session, sur un format court (20 minutes) animé par Joanna qui fait partie de l'équipe produit de Blend.

Mix 09 : 2ème jour - Keynote

>>

Comme chaque année, notre super spécialiste du WPF et de Silverlight, Aude Mousset, est à Las Vegas pour suivre l'événement design de Microsoft. Voici son feedback en quasi-direct live !

Le Keynote de ce matin était axé sur 2 points : Internet Explorer 8 et "Changer les comportements par le design" ou le design expliqué aux développeurs.
Dean Hachamovitch nous a confirmé ce qui avait été annoncé l'année dernière au sujet d'IE8, à savoir le respect des standards (à vérifier puisque IE8 est disponible depuis aujourd'hui !) une sécurité et des performances accrues et la fonctionnalité des WebSlices qui permet d'avoir un accès direct à des zones actualisées de sites qui restent totalement accessibles pendant la consultation d'un autre site.
Dans un second temps, Debrah Allen nous a expliqué pourquoi et comment elle a pu designer des flacons de médicaments. Le but de cette intervention était clairement de sensibiliser les développeurs à l'importance du Design. Si on comprends assez vite l'intérêt de cette approche et l'effort consenti par Microsoft pour ouvrir les développeurs au monde du design, j'ai personnellement regretté une intervention très longue pour un message biaisé par 30 minutes d'autocongratulation.
Un keynote intéressant donc, mais beaucoup moins riche que celui d'hier.

Mix09 : Le future d'Expression Blend

>>

Comme chaque année, notre super spécialiste du WPF et de Silverlight, Aude Mousset, est à Las Vegas pour suivre l'événement design de Microsoft. Voici son feedback en quasi-direct live !

Douglas Oleson et Christian Schormann nous ont proposé de découvrir le futur de Blend (en fait ce qu'il y aura dans la version finale de Blend 3).

Sketchflow, c'est LA fonctionnalité de Blend 3 qui fait parler d'elle (ne la cherchez pas dans la beta actuellement téléchargeable, elle n'y figure malheureusement pas).
Sketchflow, c'est la possibilité de prototyper un projet directement dans Blend. De créer une arborescence et les liens qui mènent d'une page à l'autre, de soumettre un projet sous forme de site internet en Silverlight ou d'application WPF au client qui pourra l'annoter directement et renvoyer ses remarques à l'équipe de conception.
Pour formaliser une atmosphère de prototypage, de nouveaux styles sont disponibles, les "Wiggles styles" qui donnent l'impression de dessins fait à main levée (on aime... ou pas, mais la distinction est intelligente).

La seconde nouveauté qui intéressera tous les designers interactifs porte le nom de Behaviors : grâce à eux, l'utilisateur de Blend pourra enfin apporter des comportements à son interface sans faire appel à un développeur. Passer d'une page à l'autre, lancer un storyboard, des comportements basiques qui étaient pourtant jusqu'ici immpossible à mettre en place sans ouvrir une page de C#.

Une troisième nouveauté aide le designer à passer du dessin au composant. Les parts sont les éléments qui doivent apparaître dans la construction d'un composant. Il est possible de transformer un élément graphique en "part" afin de lui donner un comportement. La aussi, le designer interactif gagne en autonomie. 

Même si il reste beaucoup de modifications à apporter sur l'interface elle-même pour la rendre plus designer-friendly, elle accorde une autonomie accrue pour le designer interactif avec cette nouvelle version de Blend.

>>

Comme chaque année, notre super spécialiste du WPF et de Silverlight, Aude Mousset, est à Las Vegas pour suivre l'événement design de Microsoft. Voici son feedback en quasi-direct live !

Douglas Oleson et Christian Schormann nous ont proposé de découvrir le futur de Blend (en fait ce qu'il y aura dans la version finale de Blend 3).

Sketchflow, c'est LA fonctionnalité de Blend 3 qui fait parler d'elle (ne la cherchez pas dans la beta actuellement téléchargeable, elle n'y figure malheureusement pas).
Sketchflow, c'est la possibilité de prototyper un projet directement dans Blend. De créer une arborescence et les liens qui mènent d'une page à l'autre, de soumettre un projet sous forme de site internet en Silverlight ou d'application WPF au client qui pourra l'annoter directement et renvoyer ses remarques à l'équipe de conception.
Pour formaliser une atmosphère de prototypage, de nouveaux styles sont disponibles, les "Wiggles styles" qui donnent l'impression de dessins fait à main levée (on aime... ou pas, mais la distinction est intelligente).

La seconde nouveauté qui intéressera tous les designers interactifs porte le nom de Behaviors : grâce à eux, l'utilisateur de Blend pourra enfin apporter des comportements à son interface sans faire appel à un développeur. Passer d'une page à l'autre, lancer un storyboard, des comportements basiques qui étaient pourtant jusqu'ici immpossible à mettre en place sans ouvrir une page de C#.

Une troisième nouveauté aide le designer à passer du dessin au composant. Les parts sont les éléments qui doivent apparaître dans la construction d'un composant. Il est possible de transformer un élément graphique en "part" afin de lui donner un comportement. La aussi, le designer interactif gagne en autonomie. 

Même si il reste beaucoup de modifications à apporter sur l'interface elle-même pour la rendre plus designer-friendly, elle accorde une autonomie accrue pour le designer interactif avec cette nouvelle version de Blend.

Mix09 : it's good time for design :)

>>

Comme chaque année, notre super spécialiste du WPF et de Silverlight, Aude Mousset, est à Las Vegas pour suivre l'événement design de Microsoft. Voici son feedback en quasi-direct live !

Et oui, le départ de la course à l'info a été donné ce matin lors du keynote. Une première journée riche en informations et en rencontres. Les deux intervenants principaux, Bill Buxton et Scott Guthrie nous ont ouvert les portes de Silverlight 3 et Blend 3. Résumé !

Bill Buxton : "It's good time for design"
Et ça c'est une bonne nouvelle :). La "vision" du principal researcher de Microsoft Research est la suivante : l'objet n'est pas l'essentiel, c'est le contexte de son utilisation qui est au coeur du design. L'expérience utilisateur, même si le terme a été beaucoup moins utilisé cette année, reste l'axe central de la vision du design pour Bill Buxton.

Lors de la réalisation d'un projet, le challenge du designer est d'apporter une multitude de propositions qui vont permettre de poser les bonnes questions et donc d'y apporter les bonnes réponses. Mais réaliser 15 propositions pour un même projet, ce n'est pas du domaine du possible à moins de bénéficier de budgets démesurés. La solution réside dans le prototype. Il n'est pas question de technologie à ce stade, un papier et un crayon suffisent pour esquisser des pages statiques. Mais que cela ne nous fasse pas oublier les transitions qui permettent de passer d'un état de l'application à un autre parce qu'elles sont aussi importantes que les états statiques.

  Cette introduction a permis ensuite à Scott Guthrie et son éternel polo rouge de nous faire ses fameuses annonces, je ne les relaterais pas toutes ici, mais essentiellement celles qui peuvent intéresser les non-développeurs.

"Microsoft crée des outils et des technologies optimisées pour construire la nouvelle génération d'applications web", les RIA sont clairement ciblées, et Silverlight 3 est LA nouveauté importante.

Web 3 : la nouvelle feature qui va changer la vie des webdesigners c'est la SuperPreview. Web 3 permet d'avoir une vue du site dans plusieurs navigateurs sans avoir à les installer sur la machine. Une vue "superposée" montre les différences d'interprétation d'un navigateur à l'autre, et une vue partagée permet au webdesigner de voir son site dans 2 navigateurs différents. Les autres features ont été beaucoup moins développées : Standards based web authoring, Multi-language targeting, Secure FTP support, CSS Diagnostics.

Silverlight c'est 300.000 Développeurs et Designers, 200 Sites et Produits Microsoft, 10.000 applications...

Et Silverlight 3 c'est :

L'utilisation des possibilités offertes par la carte graphique (GPU hardware acceleration), de nouveaux codecs supportés (H.264, AAC, MPEG-4), du "smooth streaming" avec l'adaptation de l'image au flux, la perspective 3D, les effets (ombre portée, flou...), des améliorations de Deepzoom, une meilleure qualité de texte , le support du multi-touch, plus de 100 contrôles disponibles.

Le plug-in a été fortement enrichi puisqu'il inclue de nouvelles API, de nouveaux codecs, des centaines de nouvelles fonctionnalités et le support du "Out of Browser". Et pourtant, le plug-in Silverlight 3 est plus léger de 40K par rapport à la version précédente. 

Enfin, Blend 3 avec des nouveautés qui vont changer la vie des Silverlighter.

• Sketchflow qui permet de faire du prototypage. Jon Harris nous a fait une démonstration de cette fonctionnalité qui fait déjà beaucoup parler d'elle. Le principe est de créer les différentes pages de l'application et de créer les liens entre elles. A l'exécution, il est possible de laisser des commentaires et de partager les remarques des différents intervenants : cliens, équipe de conception, utilisateur final...

• L'import d'Illustrator et Photoshop

• Les Behaviors (comportements)

• Les sample data

• L'intellisense dans Blend, avec la possibilité d'éditer du XAML, Javascript, VB et C#

• La possibilité de créer une occurence du site en ligne consulté, visible hors du navigateur (Out of Browser feature)

Silverlight 3 est disponible en version Beta, ainsi que la preview de Blend 3 (qui ne comporte pas la fonctionnalité sketchflow)

Et oui, le départ de la course à l'info a été donné ce matin lors du keynote. Une première journée riche en informations et en rencontres. Les deux intervenants principaux, Bill Buxton et Scott Guthrie nous ont ouvert les portes de Silverlight 3 et Blend 3. Résumé !

Bill Buxton : "It's good time for design"
Et ça c'est une bonne nouvelle :). La "vision" du principal researcher de Microsoft Research est la suivante : l'objet n'est pas l'essentiel, c'est le contexte de son utilisation qui est au coeur du design. L'expérience utilisateur, même si le terme a été beaucoup moins utilisé cette année, reste l'axe central de la vision du design pour Bill Buxton.

Lors de la réalisation d'un projet, le challenge du designer est d'apporter une multitude de propositions qui vont permettre de poser les bonnes questions et donc d'y apporter les bonnes réponses. Mais réaliser 15 propositions pour un même projet, ce n'est pas du domaine du possible à moins de bénéficier de budgets démesurés. La solution réside dans le prototype. Il n'est pas question de technologie à ce stade, un papier et un crayon suffisent pour esquisser des pages statiques. Mais que cela ne nous fasse pas oublier les transitions qui permettent de passer d'un état de l'application à un autre parce qu'elles sont aussi importantes que les états statiques.

  Cette introduction a permis ensuite à Scott Guthrie et son éternel polo rouge de nous faire ses fameuses annonces, je ne les relaterais pas toutes ici, mais essentiellement celles qui peuvent intéresser les non-développeurs.

"Microsoft crée des outils et des technologies optimisées pour construire la nouvelle génération d'applications web", les RIA sont clairement ciblées, et Silverlight 3 est LA nouveauté importante.

Web 3 : la nouvelle feature qui va changer la vie des webdesigners c'est la SuperPreview. Web 3 permet d'avoir une vue du site dans plusieurs navigateurs sans avoir à les installer sur la machine. Une vue "superposée" montre les différences d'interprétation d'un navigateur à l'autre, et une vue partagée permet au webdesigner de voir son site dans 2 navigateurs différents. Les autres features ont été beaucoup moins développées : Standards based web authoring, Multi-language targeting, Secure FTP support, CSS Diagnostics.

Silverlight c'est 300.000 Développeurs et Designers, 200 Sites et Produits Microsoft, 10.000 applications...

Et Silverlight 3 c'est :

L'utilisation des possibilités offertes par la carte graphique (GPU hardware acceleration), de nouveaux codecs supportés (H.264, AAC, MPEG-4), du "smooth streaming" avec l'adaptation de l'image au flux, la perspective 3D, les effets (ombre portée, flou...), des améliorations de Deepzoom, une meilleure qualité de texte , le support du multi-touch, plus de 100 contrôles disponibles.

Le plug-in a été fortement enrichi puisqu'il inclue de nouvelles API, de nouveaux codecs, des centaines de nouvelles fonctionnalités et le support du "Out of Browser". Et pourtant, le plug-in Silverlight 3 est plus léger de 40K par rapport à la version précédente. 

Enfin, Blend 3 avec des nouveautés qui vont changer la vie des Silverlighter.

• Sketchflow qui permet de faire du prototypage. Jon Harris nous a fait une démonstration de cette fonctionnalité qui fait déjà beaucoup parler d'elle. Le principe est de créer les différentes pages de l'application et de créer les liens entre elles. A l'exécution, il est possible de laisser des commentaires et de partager les remarques des différents intervenants : cliens, équipe de conception, utilisateur final...

• L'import d'Illustrator et Photoshop

• Les Behaviors (comportements)

• Les sample data

• L'intellisense dans Blend, avec la possibilité d'éditer du XAML, Javascript, VB et C#

• La possibilité de créer une occurence du site en ligne consulté, visible hors du navigateur (Out of Browser feature)

Silverlight 3 est disponible en version Beta, ainsi que la preview de Blend 3 (qui ne comporte pas la fonctionnalité sketchflow)

Microsoft caviardé !

>>

Le diable de Redmond ne nous avait pas habitué à autant de créativité publicitaire. Bravo, même si on n’y comprend pas grand chose !

Pour le plaisir de nos yeux de concepteurs de publicité, voici une annonce Microsoft parue dans l'impeccable Wired du mois dernier et qui utilise ce bon vieux gimmick du caviardage. Nous l’avions déjà utilisé lorsque je travaillais à l’agence Bélier pour toute une campagne pour les ordinateurs Victor qui se comparaient à leurs concurrents et donc qui utilisaient ce que nous appelions des « piwis »  pour cacher les dites marques concurrentes. J’aime beaucoup cette campagne qui fait preuve de pas mal d’humour et d’autodérision. Une fois n’est pas coutume chez nos copains Microsoft !

Une nouvelle boutique en ligne de tee-shirt en série limitée

>>

coccinnelleshop se définit elle-même comme « une boutique en ligne de tee-shirts sérigraphies en séries limitées. » Mais contrairement à d’illustre concurrent (je pense à la Fraise par exemple)  « son mode de fonctionnement mis en place, lui permet de se présenter aussi comme un site communautaire, qui donne au public, la possibilité de soutenir via des micros financements des conceptions graphiques, réalisées par des artistes. Celles-ci sont par la suite destinées à être sérigraphies sur tee-shirts. » coccinenelleshop va encore plus loin puisque « ce concept permet ainsi à l’artiste dont le visuel a été pris en charge à 100 % par la communauté, d’être rémunéré. Mais aussi aux internautes qui ont soutenu ce visuel, d’obtenir en plus d’un tee-shirt, la possibilité de récupérer partiellement ou totalement leur financement a l’issue de la vente de la série limitée. » Bon pour ma part, c’est un peu fumeux mais pourquoi pas… « Les visuels des tee-shirts sont proposés par des artistes (graphistes, illustrateurs amateurs ou professionnels). Après une première sélection de notre part, les visuels sont placés dans la galerie soutenir et proposé au vu et a l'appréciation du public. Nous donnons la possibilité au public de soutenir les visuels de nos artistes, via des micros financements. Ces derniers permettront le financement de 100 exemplaires. 20 exemplaires seront alors envoyés aux 20 personnes qui ont soutenu le visuel qui aura été préalablement pris en charge a 100% plus la possibilité d un remboursement partiel ou total de leur investissement. Nous prendrons a notre charge 100 exemplaires supplémentaires, ainsi une première série de 200 T-shirts sera édité et mis en vente en boutique. Coccinelle Shop s’engage à rembourser partiellement ou totalement ses supporters sur la base des 200 premiers exemplaires. » Là c’est incompréhensible… Quoi qu’il en soit, les premiers modèles mis en ligne sont sympathiques mais pas franchement extraordinaires. On attendra donc un peu avant d’investir ! Mais toute initiative qui fait la promotion des designers doit être soutenue. Dont acte ! Pour illustrer ce post, un des modèles proposés. Longue vie à coccinelleshop…

El Laberinto Esférico de Nacho Rodriguez

>>

Nacho utilise Flash et pousse l’outil loin, très loin. Ça se voit !

Nacho Rodriguez est un animateur de 27 ans qui nous vient de Barcelone. Il utilise Adobe Flash comme outil et son travail est tout à fait spectaculaire puisqu’il tire partie à la fois d’un vrai talent mais aussi des limites du logiciel. Le site qui présente son travail dans un style ultra-cartoonesque est très réussi et l’on ne manquera de visionner ses travaux pour la publicité. Mais, ce qui vaut vraiment le coup de souris, c’est son site full Flash qu’il définie comme un « cyber comic » et qui s’appelle El Laberinto Esférico (Le Labyrinthe Féerique ? Je crains que mon espagnol ne soit un peu faible !). En tout cas, c’est à la fois un dessin animé, un jeu interactif, une histoire qui se construit avec la complicité de l’internaute. Ce résultat exceptionnel a dû lui demander un travail titanesque vu le nombre de séquences que l'on peut déclancher du bout de son curseur. Nacho a d’ailleurs un trait qui n’est pas sans rappeler la fameuse Linea d’Osvaldo Cavandolli. Osvaldo dit Cava, d’origine italienne, invente en 1969 ce personnage ultra-expressif  (La Linea) et un brin râleur pour une série de publicité. Très vite, il rencontre un succès quasi international à travers cette série qui compte 159 épisodes. La Linea est devenue un ultra-classique et l’on ne peut que souhaiter à Nacho Rodriguez de rencontrer le même succès ! À explorer ! en bonus, le clip qui va bien !

Feeling good avec Nina Simone

>>

Aujourd’hui, un petit clip graphique d’une grande dame de la chanson soul / jazz américaine. Nina Simone, morte en 2003, avait choisi le pseudonyme Simone en hommage à l’immense actrice - écrivain Simone Signoret. Dans ce clip, tout un travail plutôt intéressant est fait autour de la typographie. On imagine aisément qu’il a été réalisé par un fan de façon non-officielle puisque, à aucun moment, on n’y voit l’illustre interprète (entre autres) de « My Baby Just Cares For Me » ou du révolutionnaire « Four Women ». Autre particularité, tout le clip est en noir et blanc ce qui ajoute un petit supplément d’âme à la performance. Merci à Céline Le Duigou  pour nous avoir indiqué ce clip graphique quoique musical !

Feeling Good, Nina Simone
envoyé par mrfnk

Yatzer, le design est fait pour être partagé

>>

Le design comme valeur qui se doit d’être partagée. Une idée simple et finalement assez révolutionnaire !

Yatzer est un blog sur le « Beau »  créé et animé par le designer grec Costas Voyatzis. Depuis 3 ans, le blog n’a cessé de grossir et de rencontrer un certain succès puisqu’il annonce 500 000 visiteurs par mois. Ce blog se positionne avant tout comme un magazine dont l’objectif premier est de localiser et de partager avec ses e-lecteurs du « Beau »  provenant de spécialités aussi diverses que l’architecture, l’art, le design industriel, le design graphique, la mode et plein d’autres choses encore. C’est également un outil qui a pour mission de permettre à tous les acteurs du monde du design (designers, apprentis designers, designers stars… Etc.) d’échanger et ce quel que soit son contexte ou sa spécialité.  Son leitmotiv étant que le design doit se partager et que c’est ce qui en fait son âme et son intérêt premier. Il est parfois bon de revenir aux fondamentaux et il est clair que si nous avons fait du beau graphisme depuis de nombreuses années, nous avons peut-être oublié son utilité et ceux à qui il s’adressait. Je milite donc (moi aussi) pour un retour au design graphique. Le design étant bien sûr plus valorisant pour le graphiste mais surtout plus chargé de sens. Le design est donc devenu une véritable mission que ce blog cherche à promouvoir (comme votre Are You Experienced ? Chéri). Avec une interface attractive et graphique,Yatzer est une vraie source d’information haut de gamme quant à ce qui fait l’actualité de notre métier bien-aimé. Le tout, quand même, plutôt orienté design objet et design d’intérieur. Le visuel  qui illustre ce post provient d’un article sur l’utilisation par Alexander Mc Queen de l’emblématique poupée Blythe… À bookmarquer !

logotheme facilite la création de logotypes

>>

Si t’as pas d’idées mais t’as des clients, alors logotheme peut t’aider !

Un peu à la façon de Logo Instant ou de Logo Templater, voici logotheme. Ce site conçu par des designers pour des designers propose au téléchargement gratuit des « templates » de logo façon Web 2.0. Comme je l’ai déjà dit, le style Web 2.0 est un style graphique en lui-même : typos technos vintages, fluidité, illustration vectorielle, second degré futuriste… Etc. Classés selon plusieurs familles (typo, techno, pro, médical… Etc.), on pourra facilement se les approprier, les customiser, voir leur donner un peu plus de personnalité. Pour l’instant logotheme ne propose qu’une petite vingtaine de modèles (plus ou moins intéressants), mais ce projet est bien sûr amené à se développer. On lui souhaite de devenir la référence en la matière. Une bonne petite ressource quand on crée du logo. Une bonne petite ressource qui ne remplacera pas le talent du concepteur mais qui pourra donner un bon coup de main !

Ergonomie chérie !

>>

Je ne dirai jamais assez de bien de nos amis ergonomes avec lesquels nous avons le plaisir de travailler. Selon Wikipedia : « On nomme ergonomie " l'étude scientifique de la relation entre l'homme et ses moyens, méthodes et milieux de travail " et l'application de ces connaissances à la conception de systèmes "qui puissent être utilisés avec le maximum de confort, de sécurité et d'efficacité par le plus grand nombre".» Cette définition générique peut-être affinée notamment en abordant la relation plus spécifique homme / machine ou (et surtout) homme / interface. Toujours d’après Wikipedia : « L'interface homme-machine ou interaction humain-machine (IHM) ou interface personne-machine (IPM) étudie la façon dont les humains interagissent avec les ordinateurs ou entre eux à l'aide d'ordinateurs, ainsi que la façon de concevoir des systèmes informatiques qui soient ergonomiques, c'est-à-dire efficaces, faciles à utiliser ou plus généralement adaptés à leur contexte d'utilisation. »  Cette approche quasi-scientifique basée sur les usages et les utilisateurs facilite et oriente le design tout en lui redonnant un vrai sens et une vraie utilité du côté utilisateur. Que nos amis (avec qui nous travaillons régulièrement) du Pôle ergonomie du Pôle Emploi ainsi que ceux de Steria soient donc, ici-même, chaudement remerciés. Ils ont su redonner du sens à notre travail. Je parle au nom de la fine équipe de mon studio chéri : i-breed. Le blog Référencement, Design et Cie  a traduit en français un article du bien connu Smashing Magazine. Dans ce précieux post, 30 concepts et définitions « de base » sont  passés en revue autour de l’Usabillité et donc de l’Ergonomie (avec un e majuscule). C’est donc une bonne introduction qui est fortement conseillée à tous ceux dont le design d’interface est le métier. Merci à Sébastien Billard d’avoir publié cette traduction. On y parle (entre autres) de la loi de Pareto, la règle des 2 secondes du syndrome de l’oisillon ou des effets Cliffhanger et Zigarnik. Du lourd, du fondamental… De quoi réfléchir quand on doit designer sur l'écran !

Lightondark, le Web du côté sombre

>>

L’émergence du Web 2.0 sur la toile s’est accompagnée d’une identité graphique très marquée. Aujourd’hui pour être Web deux points, il faut du blanc de la transparence du mouvement, des typos technos (un brin vintage), des reflets comme des effets « aqua » a n’en plus finir. Pourtant, d’une autre côté, lorsque l’on doit mettre en avant l’aspect visuel ou haut de gamme d’une entreprise ou d’un projet, les Webdesigners n’hésitent pas à utiliser des fonds noirs ou foncés. Comme dit le bon sens populaire (et certains de mes élèves) : « ça fait classe ! ». Le site Lightondark dont la base line est « Inspiration for your darker side » ressence le meilleur des sites Web à dominante foncée. Cette galerie en ligne est une vraie ressource visuelle pour tous ceux qui n’ont pas (ou plus) l’habitude de ce type d’approche graphique (parfois un peu lourde, il faut bien l’admettre). On pourra également soumettre ses meilleurs interfaces « gothiques » et ainsi participer à cette vaste entreprise. Bienvenue du côté sombre de la Force (graphique) !

Wordle, générateur de nuages de mots !

>>

A quoi ça sert ? Ah bah j'sais pas... à pas grand chose ! Mais c'est sympa et ça fait style genre...

J’ai un gros faible pour les générateurs (de n'importe quoi) que l’on trouve en ligne… Peut-être est-ce mon côté feignant qui est conforté par ce type d’applications. Quoi qu’il en soit, secrètement, j’espère tomber un jour sur l’outil qui viendra me prêter main-forte quand il s’agit de concevoir une nouvelle mise en pages belle et graphique. Soit, il s’agit bien d’un fantasme un peu fou mais avec le Web 2.0, je réapprends à rêver. Wordle est un générateur qui permet de créer des nuages de mots. Les mots les plus souvent utilisés sont mis en avant en termes de tailles (plus on les utilise, plus ils sont gros). Il suffit de rentrer un texte ou bien de pointer sur l’URL d’un blog ou d’un site, indiquer un fil RSS voir un nom d’utiliseur sur del.icio.us et… Paf, ça marche tout seul ! On affine, ensuite, au niveau couleurs et typographies. Le résultat peut-être exposé dans la galerie prévue à cet effet ou bien, à défaut, on peut imprimer son œuvre. Je ne sais pas à quoi ça sert, mais le résultat est très sympathique… À tester (mais pas trop) ! PS : le visuel qui illustre ce post a été réalisé à partir du contenu d’Are You Experienced ?

Spider-Man et Barrack Obama !

>>

Pour paraphraser Superman : it's a bird, it's a fly, no it's Barrack Obama !

 Parce que le nouveau président des USA a déclaré être fan de notre super héros préféré, (Spider-Man of course) il s’est retrouvé en couverture du n° 583 de la série. Comme d’habitude, Spidey ne peut pas s’empêcher de faire de l’humour puisqu’il interpelle son nouveau président  : « Si tu es ma couverture, est-ce que je peux être sur le billet d’un dollar ? ». Le contenu du comic book est un peu plus décevant puisque super Barrack Obama n’apparaît que dans les dernières pages à l’occasion de la cérémonie de l’investiture. Ce caméo souligne, en tout cas, l’influence de ce nouveau président sur l’ensemble de la population américaine (et surtout les jeunes). On attend, de ce côté de l’Atlantique, l’apparition de Nicolas Sarkozy dans Boule & Bill ou dans Titeuf'. En attendant, ce n° 583 semble être destiné à devenir un collector puisqu’il paraît qu’on l’a vu atteindre des 300 dollars sur e-bay… Allez, je vous fais un prix, je cède mon exemplaire pour 200 euros !

Le Golden Ratio Calculator

>>

Si, comme moi, vous ne comprenez rien au nombre d’or, ce site devrait vous être utile !

D’après Wikipedia, « le nombre d'or est la proportion, définie initialement en géométrie, comme l'unique rapport entre deux longueurs telles que le rapport de la somme des deux longueurs sur la plus grande soit égal à celui de la plus grande sur la plus petite. » et de rajouter : «  Le nombre d'or se trouve parfois dans la nature ou des œuvres humaines, comme dans les étamines du tournesol ou dans certains monuments à l'exemple de ceux conçus par Le Corbusier. Il est aussi étudié comme une clé explicative du monde, particulièrement pour la beauté. Il est érigé en théorie esthétique et justifié par des arguments d'ordre scientifique ou mystique : omniprésence dans les sciences de nature et de la vie, proportions du corps humain ou dans les arts comme la peinture, l'architecture ou la musique. » Bref, dans la composition classique picturale et par extension dans la composition graphique, c’est l’un des secrets pour un rendu irréprochable. Le seul problème c’est qu’il faut être bon en math pour pouvoir appliquer l’équation x2 = x + 1 à ses mises en page. Le studio américain Design by Ninjas et Kevin Cannon ont  résolu notre problème en mettant à notre disposition un outil en ligne le Golden Ratio Calculator (ainsi que le Widget qui va bien) qui permettent de calculer cette idéale proportion. Pratique et intéressant !