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 ?
Prochain SlideShare
Chargement dans…5
×

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

2 050 vues

Publié le

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.

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
2 050
Sur SlideShare
0
Issues des intégrations
0
Intégrations
824
Actions
Partages
0
Téléchargements
16
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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 ?

×