Accueil Nos publications Blog [Retour sur la session] Donnez un style moderne à votre application grâce à la suite Expression

[Retour sur la session] Donnez un style moderne à votre application grâce à la suite Expression

Le 28 janvier 2013, j’étais invitée par l’équipe BeMyApp pour animer une session au MeetUp Windows Apps spécial Design afin de partager mon expérience et expertise sur les outils de la suite Expression.

A l’aide SmartShopping mon application disponible sur le Store Windows 8, j’ai pu expliquer les différentes phases de conception et réalisation de l’application notamment la phase de prototypage avec Expression Design et la phase de réalisation / développement avec Expression Blend. Vous pouvez retrouver ci-après les slides ainsi que la rediffusion de la session et quelques liens pour aller plus loin.

Expression Design


Expression Design est comme son nom l’indique un outil de design, qui cible principalement les graphistes afin de concevoir des graphismes et ressources graphiques pour une application ou autre. Très facile à utiliser, on retrouve le même principe que sur des logiciels de graphismes avec une boite à outils permettant de dessiner ce que l’on souhaite et gérer les calques :

Adobe Photoshop comparé à Expression Design

C’est donc une version light d’un outil tel que Photoshop ou Illustrator. Expression Design est gratuit et vous permet d’importer des fichiers Photoshop et Illustrator ! A télécharger ici :  https://www.microsoft.com/en-us/download/details.aspx?id=36180

Expression Blend


Expression Blend est un outil pour créer les interfaces de vos applications XAML (Silverlight, WPF, Windows Phone et Windows 8). Cet outil cible à la fois les designers / graphistes ainsi que les développeurs afin de générer du code XAML. Cet outil est facile à utiliser dès qu’on s’y habitue, en général les développeurs ont plus de mal que les designers mais une fois qu’on le maîtrise il fait gagner beaucoup de temps !

Aperçu du designer d’Expression Blend

Les slides

La rediffusion

(à partir de la 43ème minute)

Watch live streaming video from iesamultimedia at livestream.com

Pour aller plus loin

Parce que 10 minutes de présentation et 10 minutes de démo c’est assez court pour vous convaincre de l’utilité de tels outils, je vous propose de consulter ces articles :

Pour aller plus loin avec Expression Design / Blend :

–  Créer rapidement des icônes pour Windows Phone avec Expression Design et Segoe UI Symbol

–  WinRT, des outils pour être productif avec les interfaces metro

– Série d’articles :  Développeurs, pourquoi Visual Studio ne peut pas remplacer Expression Blend : les 10 bonnes raisons de l’utiliser

Pour aller plus loin sur l’intégration du style moderne à votre application :

– Rendez-vous au Techdays 2013 le 13 février à 11h pour une session orienté design “Le mélange d’une image de marque / identité visuelle et des guidelines ModernUI” sur Windows 8 et Windows Phone :  https://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=bd572f1c-a142-4aa9-96e1-0f36522f7605

– Rendez-vous au Techdays 2013 le 14 février à 11h pour une session sur les bonnes pratiques d’intégration de la publicité sur Windows 8 et Windows Phone :  https://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=ae16bf65-56c5-493e-bd94-fa52cc8a2b75