Donnez un stylemoderne à votreapplication avec lasuite Expression
Nathalie BELVAL                    Soat Experte C#/XAMLWPF                   BlogSilverlight                blog.devndesig...
Agenda   Des outils pour bien démarrer   Cas d’étude : SmartShopping   Phases préalables   Phase de prototypage avec Expre...
LES OUTILS POUR BIENDÉMARRER
Outils pour le prototypage  Powerpoint  Expression Blend avec Sketchflow  Expression Design (gratuit)                     ...
Prototyper avec PowerPoint  Installer Visual Studio 2012 sur votre PC  Lancez PowerPoint  …un nouveau menu « Storyboarding...
Outils pour la conception  Mémo sur les guidelines modernUI  Site web officiel : www.design.windows.com  Pour aller plus l...
Outils pour le développement   Visual Studio 2012  ■ choisissez votre langage préféré :     ◾VB/C++/C# et XAML     ◾HTML e...
DÉMOSMART SHOPPINGSMARTSHOPPINGUNE ENVIE D’ACHETER UN PRODUIT ?RECHERCHEZ CE DERNIER DANSL’APPLICATION QUI VOUS DIRA OÙVOU...
PHASESPRÉALABLES
Phases préalables  Phase de découverte = ■Stratégie ■Recherche sur les utilisateurs ■Inventaire du contenu  Phase de défin...
PHASE DEPROTOTYPAGE
DÉMOEXPRESSION DESIGN
PHASE DERÉALISATION
DÉMOEXPRESSION BLEND
Conclusion  Pour améliorer votre productivité à consommer sans modération :     Expression Design     Expression Blend  Po...
DES QUESTIONS ?
Upcoming SlideShare
Loading in …5
×

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

2,175 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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,175
On SlideShare
0
From Embeds
0
Number of Embeds
847
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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 ?

×