À propos d’Expression Blend

Microsoft Expression Blend est un outil de conception professionnelle complet pour la création d’interfaces utilisateur attrayantes et sophistiquées pour les applications Microsoft Windows et Microsoft Silverlight. En séparant les fichiers projet par rôle, Expression Blend permet aux concepteurs de se concentrer sur la créativité et aux développeurs de se concentrer sur la programmation. Chaque membre de l’équipe peut travailler sans bloquer la progression des autres.

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 2, 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.

Remarque :
Silverlight 2 est pris en charge dans Expression Blend 2 avec Service Pack 1 installé.

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.

Haut de la page

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 2 dans votre projet Expression Blend 2. Vous pouvez également importer les projets multimédias Silverlight qui ont été créés dans Microsoft Expression Encoder 2 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 2.

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

Microsoft Visual Studio 2008 fonctionne de façon transparente avec Expression Blend 2 pour mettre automatiquement à jour les fichiers code-behind dans votre projet lorsque vous spécifiez les événements à écouter. Dans le panneau Projet dans Expression Blend 2, vous pouvez ouvrir des fichiers code-behind individuels ou votre projet entier. Vous pouvez également utiliser les outils de déploiement de Visual Studio 2008 pour déployer vos applications.

Haut de la page

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

Expression Blend produit des applications Windows Presentation Foundation (WPF), des sites Web Silverlight 1.0 et des contrôles utilisateur Silverlight 2 (.xap et les fichiers pris en charge). 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 Modification du code XAML et Ressources d’apprentissage et de la communauté.

Haut de la page

Fonctionnalités fournies avec Expression Blend

Expression Blend 2 contient les éléments suivants :

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

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

• Animation en temps réel

• Support 3D et d’éléments multimédias pour améliorer le confort d’utilisation

• 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 de conception graphique à partir d’Expressions Design 2

• Fonctionnalités d’importation de site à partir d’Expressions Encoder 2

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

Haut de la page

Types d’applications cibles

Expression Blend 2 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 : petits 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.

Haut de la page

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 2 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.

Remarque :
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) (site en anglais) afin d’établir une base cohérente, de haut niveau, pour toutes les applications Windows Vista, quel que soit leur mode d’implémentation.

Haut de la page