Informationen zu Expression Blend

Microsoft Expression Blend ist ein visuelles Tool für das Design und das Protoyping von Desktop- und Webanwendungen. Sie können eine Anwendung erstellen, indem Sie Formen und Steuerelemente, z. B. Schaltflächen und Listenfelder, zeichnen und die Teile der Anwendung einfach mit der Maus oder anderen Benutzereingaben bearbeiten, um der Anwendung ein eigenes Aussehen zu geben.

Das BeeHive-Beispiel zeigt, wie ein Objekt gezeichnet wird, das auf einen Konflikt mit einem anderen Objekt reagiert

Sie können auch Bilder, Audio, Videoclips und Steuerelemente aus der SDK-Bibliothek oder von Drittanbietern einfügen. Was Sie in Expression Blend an der Designoberfläche sehen, ist das, was der Benutzer in der ausgeführten Anwendung sieht.

Das Zune3D-Beispiel zeigt, wie Bilder und Objekte in einer 3D-Projektionstransformation gedreht werden

Mit den neuen SketchFlow-Funktionen in Expression Blend können Sie Prototypen erstellen, die wie Anwendungen ausgeführt werden können. Sie müssen sich also nicht mehr durch eine Reihe statischer Bildern hindurchklicken, um sich einen Eindruck davon zu verschaffen, wie die fertige Anwendung aussieht.

Entwicklung des PCGaming-Beispiels: Entwicklung eines Dokuments

In Expression Blend arbeiten Sie mit echten Teilen einer ausführbaren Anwendung. Sie können aber immer noch so einfach zeichnen und gestalten wie in anderen Grafik- und Zeichenprogrammen. Wenn Sie etwas zeichnen möchten, um ein interaktives Steuerelement darzustellen, können Sie ein funktionierendes Steuerelement auswählen und zeichnen (z. B. eine Schaltfläche oder ein Listenfeld) und dann gestalten.

ColorSwatchSL: zwei benutzerdefinierte Stile (ItemContainerStyle und ItemsPanel), die auf ein ListBox-Steuerelement angewendet werden, um fächerartig angeordnete Elemente anzuzeigen

Die Funktionalität der Anwendung wird durch zwei leistungsfähige Technologien unterstützt: Microsoft Silverlight und Windows Presentation Foundation (WPF). Mit Expression Blend können Sie Websites, Silverlight 3-basierte Anwendungen und Desktopanwendungen erstellen, die auf WPF 3.5 mit Service Pack 1 (SP1) basieren.

Tipp:
Die Beispiele, die im Lieferumfang von Expression Blend enthalten sind, können aus dem Menü Hilfe heraus geöffnet werden, indem Sie auf Willkommenseite, dann auf die Registerkarte Beispiele und schließlich auf den Beispielnamen in der Liste klicken. Um ein Beispiel zu erstellen und auszuführen, drücken Sie F5.

Funktionsweise von Expression Blend

In Expression Blend entwerfen Sie Ihre Anwendung visuell und zeichnen Formen, Pfade und Steuerelemente auf der Zeichenfläche, und anschließend ändern Sie deren Darstellung und Verhalten. Sie können Bild-, Video- und Audiodateien importieren. In Windows-basierten Anwendungen können Sie auch 3D-Objekte importieren und bearbeiten.

Sie können Storyboards erstellen, mit denen die visuellen Elemente oder Audioelemente des Designs animiert werden. Optional können diese Storyboards ausgelöst werden, wenn Benutzer mit Ihrer Anwendung interagieren. Wenn Sie mit Windows-basierten oder Silverlight-basierten Anwendungen arbeiten, können Sie die Vorlagen neu gestalten, die auf grundlegende Steuerelemente angewendet werden, damit sich die Anwendung hinsichtlich der Darstellung und Verhaltensweise abhebt.

Beim Arbeiten in der Anwendung können Sie Ihr Projekt jederzeit mit CodeBehind-Dateien oder benutzerdefinierten Steuerelementdateien aktualisieren, die von Programmierern bearbeitet werden. Wenn Sie Expression Blend verwenden, können Designer und Entwickler gleichzeitig an demselben Projekt arbeiten, ohne sich dabei zu behindern.

Welche anderen Werkzeuge können mit Expression Blend verwendet werden?

Sie können Grafiken und XAML-Ressourcen (Extensible Application Markup Language), die von Microsoft Expression Design generiert werden, in Ihr Expression Blend-Projekt importieren. Darüber hinaus können Sie in Microsoft Expression Encoder erstellte Silverlight-Medienprojekte importieren, um dem Projekt neue Funktionen oder visuelle Elemente hinzuzufügen oder um die Media Player-Vorlage zu ändern, die in Expression Encoder wiederverwendet werden kann.

In Microsoft Expression Web können Sie Silverlight-Websites und kompilierte Silverlight-Anwendungsdateien in ein vorhandenes oder neues Projekt importieren und Ihre Arbeit dann veröffentlichen.

Microsoft Visual Studio 2008 arbeitet nahtlos mit Expression Blend zusammen und hält Dateien synchron, wenn Sie gleichzeitig in Visual Studio 2008 und Expression Blend Dateien ändern. Sie können in Expression Blend im Projektpanel einzelne CodeBehind-Dateien oder das gesamte Projekt in Visual Studio 2008 öffnen. Mit den Bereitstellungswerkzeuge von Visual Studio 2008 können Sie Ihre Anwendungen bereitstellen.

Was produziert Expression Blend?

Expression Blend erstellt Windows Presentation Foundation (WPF)-Anwendungen, Silverlight 3-Websites (.xap- und unterstützende Dateien ) und Silverlight 3-Benutzersteuerelemente. Ihr visuelles Design wird von XAML dargestellt. Analog zu HTML, der Markupsprache für Webanwendungen, ist XAML die Markupsprache für WPF.

Weitere Informationen zu XAML und WPF finden Sie unter Arbeiten mit XAML und Lern- und Community-Ressourcen.

Welche Funktionen sind im Lieferumfang von Expression Blend enthalten?

Expression Blend enthält Folgendes:

• Ein umfassendes Paket an Vektorzeichenwerkzeugen, einschließlich Text- und 3D-Werkzeugen.

• SketchFlow, ein neues Funktionspaket für die Erstellung von Prototypen, die echte WPF- oder Silverlight-Anwendungen darstellen.

• Eine einfach zu verwendende visuelle Benutzeroberfläche mit andockbaren Panels sowie objektgebundenen Kontextmenüs.

• Animationen in Echtzeit.

• 3D- und Mediensupport für verbesserte Benutzeroberflächen.

• Erweiterte, flexible sowie wiederverwendbare Anpassungs- und Skinningoptionen für eine Vielzahl von gängigen Steuerelementen.

• Leistungsstarke Integrationspunkte für Datenquellen und externe Ressourcen.

• Design- und Markupansichten in Echtzeit.

• Importfunktionen für Vorlagen aus Expression Design.

• Importfunktionen für Websites aus Expression Encoder.

• Interoperabilität mit Visual Studio 2008, sodass Designer und Entwickler enger und effizienter im Team zusammenarbeiten können.

Zielanwendungsarten

Expression Blend ist optimiert, um die folgenden Anwendungstypen zu erstellen:

• Produktivitätsanwendungen   Anwendungen, die die Produktivität und Effizienz für eine breitere Kundenbasis steigern, sowie Branchenanwendungen wie Microsoft Office.

• Consumeranwendungen   Anwendungen, wie Media Player, Sicherheitstools und Desktopgadgets.

• Spiele   Einfache Desktop- oder Onlinespiele, die der Unterhaltung dienen.

• Kioske   Anwendungen zum Ausführen auf Kiosken, die Benutzer zum Abrufen von Informationen, zum Blättern in Produktkatalogen, für den Self-Check-In am Flughafen usw. verwenden können.

• Hilfsprogramme für IT-Fachleute   Tools für kleine Aufträge, z. B. für die Fehlernachverfolgung, die sich an ganz bestimmten Anforderungen bei einem Unternehmen oder Kunden orientieren.

Bewährte Methoden

Es gibt Designideen, die nur deshalb gut sind, weil sie die Benutzerfreundlichkeit verbessern. Die folgenden Tipps aus der Designpraxis verdeutlichen, wie sich die Benutzerfreundlichkeit mit Expression Blend und Microsoft .NET Framework 3.5 verbessern lässt:

• Bilden Sie die reale Welt ab   Mithilfe benutzerdefinierter Darstellungen und Interaktionen können Sie Steuerelemente so gestalten, dass sie wie ihr Gegenstück in der realen Welt aussehen und sich auch so verhalten. Diese Technik eignet sich am besten für Benutzer, die mit dem "echten" Objekt vertraut sind. Der realitätsbetonte Ansatz ist die beste Methode für diese Gestaltungsaufgabe. Einfache Hilfsprogramme wie Taschenrechner funktionieren ganz einfach besser, wenn sie ihr Gegenstück in der realen Welt simulieren.

• Zeigen anstatt erklären   Mithilfe von Animationen und Übergängen lassen sich Beziehungen sowie Ursache und Wirkung verdeutlichen. Diese Technik eignet sich am besten zum Vermitteln von Informationen, bei denen eine Erläuterung mithilfe von Text möglicherweise weniger gut nachvollziehbar ist. In einem Kinderbuch ließe sich beispielsweise das Umblättern der Seiten mithilfe von Animationen veranschaulichen.

• Aufforderungscharakter optimieren   Der Aufforderungscharakter ist die Fähigkeit eines Objekts, seinen Nutzen selbst zu erklären (anstatt die Nutzungsmöglichkeiten des Objekts zu beschreiben). Sie können mithilfe benutzerdefinierter Steuerelementdarstellungen und Animationen veranschaulichen, wie Steuerelemente zu verwenden sind, die nicht dem Standard entsprechen.

• Natürliche Zuordnung verwenden   Die natürliche Zuordnung ist eine klar definierte Beziehung zwischen dem, was der Benutzer tun möchte, und wie er es tun möchte. Sie können mithilfe benutzerdefinierter Darstellungen und Interaktionen natürliche Zuordnungen erstellen, wenn die allgemeinen Standardsteuerelemente den Anforderungen nicht genügen.

• Vorkenntnisse reduzieren   Mithilfe benutzerdefinierter Interaktionen können Sie die Anzahl der Vorgangsausführungen und die zur Ausführung einer Aufgabe erforderlichen Vorkenntnisse reduzieren.

• Feedback optimieren   Mithilfe benutzerdefinierter Steuerelementdarstellungen und Animationen können Sie Feedback zu einem richtig oder falsch ausgeführten Vorgang liefern oder das Fortschreiten eines Vorgangs veranschaulichen. Beispielsweise wird in Windows Vista in der Adressleiste in Internet Explorer der Fortschritt beim Laden der Seite im Hintergrund angezeigt.

• Interaktion mit Objekten vereinfachen   Fitts’ Gesetz besagt, dass sich die zum Klicken auf ein Ziel benötigte Bewegungszeit proportional zum Zielabstand und umgekehrt proportional zur Zielgröße verhält. Mithilfe von Animationen können Sie beispielsweise Objekte vergrößern, wenn der Mauszeiger nah ist, und verkleinern, wenn der Mauszeiger weit weg ist. Damit wird das Klicken auf die Objekte vereinfacht. Dieses Prinzip ermöglicht auch eine effizientere Nutzung der Bildschirmfläche, indem Objekte normalerweise verkleinert werden.

• Fokus   Mithilfe multimedialer Layouts und benutzerdefinierter Darstellungen können Sie für die Aufgabe notwendige Bildschirmelemente hervorheben und sekundäre Elemente abschwächen.

Hinweis:
Die Gestaltung von Entwürfen für Windows Vista sollte sich an den Richtlinien zur Verbesserung der Benutzerfreundlichkeit von Windows Vista (möglicherweise in englischer Sprache) orientieren. Auf diese Weise kann ein hochwertiges, einheitliches Bezugssystem für alle Windows Vista-basierten Anwendungen erstellt werden, unabhängig davon, wie diese implementiert werden.

Siehe auch

Konzepte

Neuigkeiten

Lern- und Community-Ressourcen