SublimaCtion : Design

Smashing Magazine sur les tendances 2009 du Design Web

CLaueR — Sat, 31 Jan 2009 15:44:00 GMT

Smashing Magazine - qui n’est plus à présenter – a sorti dernièrement un billet qui met en lumière quelques tendances dans le design Web pour l’année 2009.

La première, que je n’ai pas encore vraiment constatée par moi même – serait le recours plus fréquent à des embossages pour les fontes et les éléments de mise en page :

Bon, on sait tous clairement quelle est la source d’inspiration, pas vrai ? ;)

Une autre tendance annoncée (la 5ème dans leur classement) sur laquelle je suis assez dubitatif, c’est l’utilisation de fontes alternatives, ie, de polices autres que les habituelles Helvetica, Arial et consorts qui sont universellement disponibles sur tous les navigateurs et qui permettent donc d’avoir des rendus identiques.

Curieux de voir pratiquement comment c’est utilisé, je me suis rendu sur le premier site exemple cité et j’ai désactivé les CSS “pour voir”. Etonnant : au delà de l’utilisation de bitmaps pour les textes (on les voit dans les texte anti-aliasés sous l’image verte) il y a aussi une utilisation de Flash pour les titres (cf. le menu contextuel que j’ai ouvert).

Pas bête. Ca permet donc d’embarquer des fontes alternatives et de pouvoir les utiliser “dynamiquement” ce qui n’est pratiquement pas réalisable sinon avec des bitmaps (sauf à les générer dynamiquement en Server Side à la façon LibGD).

Vous avez déjà utilisé cette technique qui consiste à utiliser des petits bouts de Flash dans une page pour vous permettre d’utiliser dynamiquement une fonte custom ? By the way, c’est également faisable en Silverlight, mais ça n’est pas le sujet heh ;))

[Edit] : Alsacréation vient de publier un billet qui me permet de combler une partie de mon ignorance en la matière. Il est question de ces outils nommés sIFR ou encore FLIR ou Cufón et qui permettent justement de mettre en place cette technique dite de "font replacement". Il était d'ailleurs clairement question de sIFR dans l'article de Smashing Magazine, mais ça n'avait pas attiré mon attention. Je me coucherai moins bête ce soir... ou pas :)

Commentaires welcome!

Ce blog est moche, mais je me soigne ;)

CLaueR — Wed, 28 Jan 2009 18:09:36 GMT

Il y a quelques temps déjà, à l’ouverture de ce blog, j’avais souligné le fait que ce blog a un look sobre, et n’utilise d’un skin par défaut proposé par la plate-forme, allant jusqu’à dire qu’il était finalement assez moche… C’est un fait.

Alors suite à celà, les p’tits gars de chez Ucaya se sont penchés sur la question et leur tout nouveau graphiste a fait quelques essais et m’a proposé cette créa que je trouve très intéressante :

Voili voilou…

Donc sachez que maintenant, non contents d’avoir chez eux en interne quelques belles “brutasses” en développement sur la Client App Platform et en particulier sur Silverlight 2, il ont aussi un graphiste qui venant de Flash et du monde Adobe s’est bien mis à Expression Design et Expression Blend qu’il maitrîse plus qu’à fond, ce qui en fait un partenaire de choix pour vos réalisations d’applications riches, de design d’applications RIA d’entreprise, ou encore pour vos sites et assets en Silverlight 2.

Pour les contacter, c’est par ici et demandez Thierry Bouquain de ma part, ou contactez-le via Twitter ici. Thierry est le CTO de Ucaya, et il est accessoirement un des MVP Microsoft sur le Développement “Client Platform”. Thierry est un des deux instigateurs et gros contributeur du projet SLExtensions.

Jeu Concours : Vous réalisez des sites Web sur Windows Server ? Nombreux lots à gagner

CLaueR — Fri, 16 Jan 2009 16:27:39 GMT

Puisque c’est votre métier, et que vous faites ça à longueur de journée, je pense que ce jeu concours qui durera jusqu’au 27 Mars 2009 peut vous intéresser.

Vous vous rendez sur le site : www.planeteserveursweb.com
Vous vous inscrivez
Vous déclarez tous les sites Web que vous mettez en ligne et qui tournent sur Windows Server (version 2003 ou 2008)
Vous participer au concours qui vous permettra peut être de gagner un des lots proposés, type téléviseur 16/9 écran plat ou camescope numérique, etc…

Trop facile pour vous ;)

(*) Tous les détails et le règlement du concours sur le site web

Le buzz autour du proto d’application BMW pour la table Microsoft Surface

CLaueR — Tue, 02 Dec 2008 14:31:48 GMT

Ca fait quelques temps qu’on entend parler ici ou là d’un prototype d’application de type Configurateur pour le constructeur automobile Allemand BMW et qui a été conçue pour tirer parti des fonctionnalités spécifiques de la table Microsoft Surface.

Le mois dernier, c’était cette vidéo (quasi pirate!) qui était apparue sur le Blog Auto.

Aujourd’hui, deux billets sur Gizmodo et Engadget nous présentent une vidéo plus officielle et de nettement meilleure qualité sur ce projet, on ne va pas s’en plaindre ;)

Allez, une fois n’est pas coutume, voilà la vidéo en question enrobée dans son zouli player Youtube ;)

Enjoy! :)

Pas mal au niveau de la User Experience, vous ne trouvez pas ? Allez, on devrait prochainement reparler de la table Surface et des Agences Intéractives ici…

Mais inutile de me soudoyer, je ne suis pas le Chef de Produit Microsoft Surface pour l’Europe, c’est un autre ;)

100 templates HTML/CSS gratuits proposés par Smashing Magazine

CLaueR — Tue, 02 Dec 2008 11:30:00 GMT

Il y a quelques temps déjà, je vous avais parlé de Smashing Magazine au sujet des fonds d’écran que le magazine graphique propose chaque mois.

Cette fois, c’est une collection d’une centaine de templates HTML/CSS de plutôt bonne facture que Smashing Magazine nous propose.

Alors pourquoi est-ce que je vous parle de ces templates ? Est-ce que vous pourriez sérieusement imaginer utiliser l’un de ces thèmes visuels pour construire le site web Corporate de votre société, ou encore pour définir l’identité visuelle de votre nouveau site ou service sur Internet ? Je ne pense pas. Moi je ne le ferais pas.

En revanche, cette sélection de templates, tout comme les collections de templates pour les moteurs de blogs, comme ceux de Wordpress ou bien encore de BlogEngine.net peuvent être utiles quand on est en phase de recherche d’inspiration, où bien encore quand on est à la recherche d’exemples ou de “benchmarks” pour constituer un brief pour une agence ou un studio graphique à qui on va passer commande pour un thème graphique.

Bon et puis si c’est juste pour votre blog perso, oui, il ne faut sans doute pas hésiter. Ces thèmes sont tout de même en moyenne au dessus de ce qu’on peut trouver en standard avec un moteur de blog X ou Y. Alors modulo un petit travail d’adaptation, à vous le thème qui roxxxxe ;)

Qui va nous faire une carte de voeux qui tue pour Noël en Silverlight ?

CLaueR — Thu, 20 Nov 2008 18:39:14 GMT

Nous sommes le 20 Novembre. A moins que vous ne viviez dans une grotte, ou un coin de province vraaaiiiiiiment très éloigné, vous avez dû remarquer que les vitrines des boutiques ont commencé à arborer leurs plus belles décorations de Noël. Ah non ? Pas encore chez vous ?

Et oui pourtant, Noël va frapper à la porte, c’est dans à peine plus d’un mois maintenant.

L’an dernier, on avait eu une carte de voeux en Silverlight faite par l’agence Wunderman. J’avais d’ailleurs bloggué dessus… C’est toujours en ligne ici.

Dans un autre genre, et avec un design assez discutable, on avait aussi eu ceci : Le Christmas Coolwall. Na heum… Whatever :)

Donc ma question est la suivante : Qui va nous sortir la carte de voeux qui tue pour cette année, en Silverlight ?

Allez, lâchez-vous c’est le moment :)

Interview vidéo exclusive de Surya Vanka

CLaueR — Wed, 22 Oct 2008 10:30:00 GMT

En complément de la vidéo de la présentation faite par Surya Vanka lors du lancement de la suite Expression Studio 2, durant laquelle il nous présente l’approche du Design au niveau des groupes produit chez Microsoft Corp, j’ai profité d’un entretien avec Surya pour lui poser quelques questions et en faire une vidéo d’interview.

Vous pouvez la visualiser ici, via un player en Silverlight qui vous propose via le chapitrage de passer facilement d’une question à l’autre, ou bien alternativement, vous pouvez télécharger le fichier vidéo (WMV, of course et environ 45 Mo) pour le regarder tranquillement offline sur votre Zune ou iPod préféré.

Surya Vanka est en charge chez Microsoft Corporation de l’Expérience Utilisateur et son groupe a la mission de sensibiliser et de travailler avec les différents groupes produit sur ce vaste sujet du Design dans les produits Microsoft.

Bon podcast !

Tutoriels Silverlight 2 pour les Designers, en vidéo

CLaueR — Tue, 21 Oct 2008 01:58:00 GMT

C’est Eric Ambrosi, qu’on n’a plus besoin de vous présenter ici, qui a signé seize tutoriels en vidéo sur Silverlight 2 à destination des Designers. Les vidéos sont aussi téléchargeables pour pouvoir être regardées offline.

Au menu :

* Introduction, Mise en place d’un projet Silverlight 2

Mode plein écran

Préchargement

Modèle de document

Arbre visuel

* Les conteneurs principaux

Canvas

Grid

StackPanel

* Les bases du graphisme

Masque

Bouton

Animation

* Notions avancées et Intéractivité

Animations multiples

Menu animé

Gestionnaire d’états visuels

* Dynamiser et connecter vos applications Silverlight 2

Créer un flux JSON

XAML Dynamique

Récupérer un flux JSON

C’est par là.

Bonne lecture, et Have Fun! :)

Les vidéos des présentations du lancement Expression Studio 2 sont en ligne

CLaueR — Tue, 21 Oct 2008 01:43:00 GMT

Le 17 Septembre dernier à eu lieu le lancement de Expression Suite 2 lors des Digital Days de l’Agence DDB Paris. Durant le lancement, nous avons pu assister à une présentation de Surya Vanka, en charge de l’Expérience Utilisateur chez Microsoft Corporation, ainsi qu’à des démos du produit faites par Arturo Toledo.

Les vidéos de ces deux présentations sont à présent en ligne et vous pourrez également télécharger les vidéos pour pouvoir les visualiser hors-ligne sur votre PC ou votre balladeur vidéo préféré.

En Bonus, vous trouverez également une interview de Alexandre Malsh, le jeune DG de la société Eeple qui nous présente leur réalisation phare : la “Board”, une sorte de blog communautaire réalisé en Silverlight 2 et qui cible une audience de jeunes et adolescents. Ca vaut le détour ;)

C’est par ici.

Lancement de la suite Expression 2 à l'occasion des Digital Days 2008 de l'agence DDB

CLaueR — Sun, 07 Sep 2008 10:18:55 GMT

L'agence DDB organise comme chaque année ses Digital Days, un évènement qui illustre la stratégie digitale du groupe DDB, et qui regroupera sur deux journées l'occasion de faire des rencontres intéressantes, d'assister à des conférences avec des intervenants de qualité.

Cette année, DDB a invité Microsoft France et nous en profiterons pour faire le lancement de la nouvelle version de la suite Expression !

Ca se passera les 17 et 18 Septembre dans les locaux de DDB à Paris, au 55 rue d'Amsterdam.

Côté Microsoft, nous aurons en tant que speaker Surya Vanka, Responsable de l'Expérience Utilisateur chez Microsoft Corp. qui nous parlera de l'évolution du Design au sein de Microsoft, ainsi qu'Arturo Tolédo, Responsable de la stratégie de formation designers et agences à Microsoft Corp. qui exposera les atouts d’Expression Studio 2 pour les Designers.

Des experts produits seront également disponibles pour vous faire découvrir Expression Studio 2.

Avec la participation de l’Association Designers Interactifs.

Pour vous inscrire et en savoir plus :

Accès : 55 rue d’Amsterdam, 75008 Paris
Parking : 5 rue de Bucarest, 75008 Paris
RSVP : event@ddb.fr

N'oubliez pas de vous inscrire (c'est gratuit, of course) !