Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Donner un style moderne à votre application grâce à la suite Expression

2,278 views

Published on

Après un tour rapide sur les outils et ressources pour bien intégrer le style moderne à votre application, nous allons voir comment créer des interfaces modernes avec Expression Blend et comment créer les ressources de votre application (logos, icônes, etc) avec Expression Design.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Donner un style moderne à votre application grâce à la suite Expression

  1. 1. Donnez un stylemoderne à votreapplication avec lasuite Expression
  2. 2. Nathalie BELVAL Soat Experte C#/XAMLWPF BlogSilverlight blog.devndesign.frWindows Phone TwitterWindows 8 @nbelval
  3. 3. Agenda Des outils pour bien démarrer Cas d’étude : SmartShopping Phases préalables Phase de prototypage avec Expression Design Phase de réalisation avec Expression BlendLégende je suis un mot clé important 3
  4. 4. LES OUTILS POUR BIENDÉMARRER
  5. 5. Outils pour le prototypage Powerpoint Expression Blend avec Sketchflow Expression Design (gratuit) 5
  6. 6. Prototyper avec PowerPoint Installer Visual Studio 2012 sur votre PC Lancez PowerPoint …un nouveau menu « Storyboarding » apparaît: Cliquez sur « Storyboard Shapes » Voici des formes pour Windows 8 et Windows Phone http://www.url.com/ 6
  7. 7. Outils pour la conception Mémo sur les guidelines modernUI Site web officiel : www.design.windows.com Pour aller plus loin, guidelines détaillées au format PDF: http://go.microsoft.com/fwli nk/p/?linkid=258743 7
  8. 8. Outils pour le développement Visual Studio 2012 ■ choisissez votre langage préféré : ◾VB/C++/C# et XAML ◾HTML et JavaScript ■ Template de projet, permettant d’accélérer le développement de vos applications. Expression Blend forVisualStudio 8
  9. 9. DÉMOSMART SHOPPINGSMARTSHOPPINGUNE ENVIE D’ACHETER UN PRODUIT ?RECHERCHEZ CE DERNIER DANSL’APPLICATION QUI VOUS DIRA OÙVOUS LE PROCURER AU MEILLEUR PRIX.http://app-smartshopping.com/
  10. 10. PHASESPRÉALABLES
  11. 11. Phases préalables Phase de découverte = ■Stratégie ■Recherche sur les utilisateurs ■Inventaire du contenu Phase de définition = ■Structuration de l’information ■Design d’interaction ■Système de navigation ■Design d’interface (mise en forme à l’écran) ■Design d’information (présentation, hiérarchie) 11
  12. 12. PHASE DEPROTOTYPAGE
  13. 13. DÉMOEXPRESSION DESIGN
  14. 14. PHASE DERÉALISATION
  15. 15. DÉMOEXPRESSION BLEND
  16. 16. Conclusion Pour améliorer votre productivité à consommer sans modération : Expression Design Expression Blend Pour aller plus loin avec Blend, ■Rendez-vous toutes les semaines sur mon blog : blog.devndesign.fr Pour aller plus loin avec « le savant mélange d’une image de marque et du style moderne » ■Rendez-vous aux Techdays, le mercredi 13 février à 11h : http://tinyurl.com/bj7p9lf 16
  17. 17. DES QUESTIONS ?

×