À propos d’Expression Blend

  • Article

Microsoft Expression Blend est un outil visuel permettant de dessiner et de créer des prototypes d'applications bureautiques et Web. Vous créez une application en dessinant des formes, des contrôles tels que des boutons et des listes, en faisant réagir les pièces de votre application aux clics de la souris et aux autres saisies de l'utilisateur et en personnalisant tous les éléments.

L'exemple BeeHive, présentant le dessin d'un objet qui réagira à une collision avec un autre objet.

Cc296376.6232ba4d-5aa0-4185-b1cf-fe9fbfe3ed8e(FR-FR,Expression.30).png

Vous pouvez aussi insérer des images, des clips vidéo et audio et des contrôles personnalisés à partir de bibliothèques SDK ou tierces. Vous voyez sur la surface du dessin dans Expression Blend ce que vos utilisateurs verront lorsqu'ils exécuteront votre application.

L'exemple Zune3D, présentant des images et des objets pivotés dans une transformation en projection 3D

Cc296376.37f9786c-c8bc-43c3-8789-2e5654c6ae90(FR-FR,Expression.30).png

SketchFlow, une nouvelle fonction intégrée à Expression Blend, vous permet de créer des prototypes qui sont des applications fonctionnelles au lieu d'une série d'images statiques sur lesquelles il faut cliquer pour avoir une idée de ce que sera l'application finale.

Le développement de l'exemple PCGaming, présentant la progression d'un document

Cc296376.7dc469b2-4ab8-4d56-96a6-f30c33370916(FR-FR,Expression.30).png

Dans Expression Blend, vous travaillez sur des pièces réelles d'une application fonctionnelle, mais vous pouvez toujours dessiner et styliser tous les éléments aussi facilement que dans un autre logiciel d'illustration. Lorsque vous souhaitez dessiner un élément représentant un contrôle interactif, vous pouvez sélectionner et dessiner un contrôle fonctionnel (tel qu'un bouton ou une zone de liste), puis le styliser.

L'exemple ColorSwatchSL, présentant deux styles personnalisés (ItemContainerStyle, puis ItemsPanel) appliqués à un contrôle ListBox pour afficher les éléments disposés en éventail

Cc296376.16d8c960-f49f-46fd-9993-a0d06b4e268a(FR-FR,Expression.30).png

Dans les coulisses, la fonctionnalité de votre application est fournie par deux puissantes technologies : Microsoft Silverlight et Windows Presentation Foundation (WPF). Grâce à Expression Blend, vous pouvez créer des sites Web et des applications basées sur Silverlight 3, ainsi que des applications bureautiques basées sur WPF 3.5 avec Service Pack 1 (SP1).

Cc296376.alert_tip(FR-FR,Expression.30).gifConseil :

Les exemples fournis avec Expression Blend peuvent être ouverts à partir du menu Aide en cliquant sur Écran d'accueil, puis en cliquant sur l'onglet Exemples et sur le nom d'un exemple dans la liste. Pour créer et exécuter un exemple, appuyez sur F5.

Fonctionnement d’Expression Blend

Dans Expression Blend, vous concevez votre application visuellement, dessinez des formes, des tracés et des contrôles sur la planche graphique, puis vous modifiez leur apparence et leur comportement. Vous pouvez importer des images, et des fichiers vidéo et audio. Dans les applications Windows, vous pouvez également importer et modifier des objets 3D.

Vous pouvez créer des tables de montage séquentiel qui animent les éléments visuels ou audio de votre conception et éventuellement déclencher ces tables de montage séquentiel lorsque les utilisateurs interagissent avec votre application. Lorsque vous utilisez des applications Windows ou Silverlight, vous pouvez modifier les modèles qui sont appliqués aux contrôles de base pour que votre application se présente et se comporte de manière unique.

Lorsque vous utilisez votre application, vous pouvez mettre à jour votre projet à tout moment avec les fichiers code-behind ou des fichiers de contrôle personnalisé sur lesquels travaillent les programmeurs. Lorsque vous utilisez Expression Blend, les concepteurs et les programmeurs peuvent travailler sur le même projet en même temps sans se gêner mutuellement.

Autres outils fonctionnant avec Expression Blend

Vous pouvez importer des graphiques et des ressources XAML (Extensible Application Markup Language) qui sont générés par Microsoft Expression Design dans votre projet Expression Blend. Vous pouvez également importer les projets multimédias Silverlight qui ont été créés dans Microsoft Expression Encoder pour ajouter des fonctionnalités ou des éléments visuels au projet, ou pour modifier le modèle de lecteur multimédia qui peut être réutilisé dans Expression Encoder.

Dans Microsoft Expression Web, vous pouvez importer des sites Web Silverlight et des fichiers d’applications Silverlight compilés dans un projet existant ou dans un nouveau projet, puis publier votre travail.

Microsoft Visual Studio 2008 fonctionne de manière transparente avec Expression Blend pour rester synchronisé lorsque vous modifiez simultanément des fichiers dans Visual Studio 2008 et Expression Blend. Dans le panneau Projets de Expression Blend, vous pouvez ouvrir des fichiers code-behind individuels ou votre projet entier dans Visual Studio 2008. Vous pouvez également utiliser les outils de déploiement de Visual Studio 2008 pour déployer vos applications.

Éléments générés par Expression Blend

Expression Blend produit des applications Windows Presentation Foundation (WPF), des sites Web Silverlight 3 (fichiers .xap et fichiers de prise en charge), ainsi que des contrôles utilisateur Silverlight 3. Votre conception visuelle est représentée par du code XAML. Tout comme HTML est le langage de balisage pour les applications Web, XAML est le langage de balisage pour WPF.

Pour plus d’informations sur XAML et WPF, voir Utilisation de XAML et Ressources d’apprentissage et de la communauté.

Fonctionnalités fournies avec Expression Blend

Expression Blend contient les éléments suivants :

  • Suite complète d’outils de dessin vectoriel, incluant des outils texte et tridimensionnels (3D)

  • SketchFlow, une nouvelle fonction définie pour créer des prototypes qui sont des applications réelles WPF ou Silverlight.

  • Interface visuelle moderne et facile à utiliser avec panneaux ancrables et menus de raccourci pour les objets

  • Animation en temps réel.

  • Support 3D et d’éléments multimédias pour améliorer les expériences utilisateur.

  • Options avancées, flexibles et réutilisables en matière de personnalisation et d’apparence pour toute une variété de contrôles usuels.

  • Points d’intégration pour les sources de données et les ressources externes.

  • Affichage en temps réel du design et des balises XAML.

  • Fonctionnalités d’importation des conceptions graphiques à partir d’Expression Design.

  • Fonctionnalités d’importation de site à partir d’Expression Encoder.

  • Interopérabilité avec Visual Studio 2008 pour aider les concepteurs et les développeurs à collaborer plus étroitement et efficacement comme une équipe.

Types d’applications cibles

Expression Blend est optimisé pour produire les types d’applications suivants :

  • Applications de productivité : applications qui permettent d’améliorer la productivité et l’efficacité pour une clientèle de base élargie ; cela inclut les applications d’entreprise telles que Microsoft Office.

  • Applications grand public : lecteurs multimédias, outils de sécurité, gadgets.

  • Jeux : jeux classiques hors connexion ou jeux en ligne axés sur le divertissement.

  • Bornes interactives : applications destinées à s’exécuter sur des bornes interactives avec lesquelles les utilisateurs peuvent interagir pour obtenir des informations, consulter des catalogues de produits, s’enregistrer à l’aéroport, etc.

  • Utilitaires pour informaticiens professionnels   Outils répondant aux besoins spécifiques d’une entreprise ou d’un client, par exemple en matière de suivi de correction de bogues.

Méthodes conseillées

La pertinence de certaines idées de design dépend souvent de leur intérêt pratique. Voici quelques moyens usuels pour rendre l’utilisation d’une application pratique avec Expression Blend et .NET Framework 3.5 :

  • Modélisez le monde réel   Vous pouvez utiliser des éléments visuels et des interactions personnalisés pour donner à certains contrôles un aspect et un comportement similaires à ceux des objets du monde réel. Cette technique est recommandée lorsque les utilisateurs sont habitués aux objets du monde réel et lorsque cette approche est à la fois la plus adaptée et la plus efficace pour la réalisation d’une tâche. Par exemple, de simples outils tels que les calculettes ont bien plus de succès lorsqu’ils ressemblent à leurs équivalents du monde réel.

  • Affichez au lieu d’expliquer   Vous pouvez utiliser des animations et des transitions pour illustrer les relations, les causes et les effets. Cette technique sert surtout à fournir des informations qui, sinon, nécessiteraient du texte pour expliquer à côté de quoi les utilisateurs peuvent passer. Par exemple, un livre pour jeunes enfants peut animer des pages en train de se tourner pour illustrer le fonctionnement des contrôles.

  • Améliorez le caractère intuitif   Le caractère intuitif d’un objet fait référence à ce que cet objet nous suggère de faire (au lieu d’un texte qui explique son fonctionnement). Vous pouvez utiliser des éléments visuels et des animations personnalisés pour suggérer le mode d’utilisation des contrôles non standard.

  • Utilisez le mappage naturel   Le mappage naturel est une relation sans équivoque entre ce que l’utilisateur veut faire et la manière d’y parvenir. Vous pouvez utiliser des apparences et des interactions personnalisées pour créer des mappages naturels lorsque les contrôles usuels standard n’y parviennent pas.

  • Réduisez les connaissances nécessaires   Vous pouvez utiliser des interactions personnalisées pour limiter le nombre de possibilités d’effectuer une opération, ainsi que pour réduire les connaissances nécessaires à l’exécution d’une tâche.

  • Améliorez le retour d’informations   Vous pouvez utiliser des éléments visuels et des animations personnalisés pour indiquer si une action est effectuée correctement ou non, ainsi que son stade d’exécution. Par exemple, dans Windows Vista, la barre d’adresses d’Internet Explorer affiche la progression du chargement de la page en arrière-plan.

  • Simplifiez l’interaction avec les objets   Un modèle de mouvement humain appelé loi de Fitts établit que l’effort requis pour cliquer sur une cible est proportionnel à sa distance et inversement proportionnel à sa taille. Par exemple, vous pouvez utiliser des animations pour faire grossir les objets lorsque le pointeur s’en approche et inversement. En procédant ainsi, il devient plus facile de cliquer sur ces objets. Cela permet également d’optimiser la gestion de l’espace à l’écran, en rendant les objets plus petits de manière normale.

  • Focus   Vous pouvez utiliser des dispositions élaborées et des éléments visuels personnalisés pour mettre en valeur à l’écran les éléments indispensables à l’exécution de la tâche, ainsi que pour mettre en retrait les éléments d’importance secondaire.

Cc296376.alert_note(FR-FR,Expression.30).gifRemarque :

Si vous créez des applications pour Windows Vista, songez à respecter les instructions relatives à l’expérience utilisateur Windows Vista (Windows Vista User Experience Guidelines) afin d’établir une base cohérente, de haut niveau, pour toutes les applications Windows Vista, quel que soit leur mode d’implémentation.

Voir aussi

Concepts

Nouveautés

Ressources d’apprentissage et de la communauté