Informationen zu Expression Blend

Microsoft Expression Blend ist ein visuelles Tool für das Design und das Prototyping 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.

Wichtig:
SketchFlow steht nur in Expression Studio Ultimate zur Verfügung.

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 SketchFlow-Funktionen, die nur in Expression Studio Ultimate zur Verfügung stehen, können Sie Prototypen erstellen, die wie Anwendungen ausgeführt werden können. Sie müssen sich also nicht mehr durch eine Reihe statischer Bilder hindurchklicken, um sich einen Eindruck davon zu verschaffen, wie die fertige Anwendung aussieht.

Entwicklung des PCGaming-Beispiels: Entwicklung eines Dokuments

Expression Blend für Windows Phone steht bei Download der Entwicklertools für Windows Phone  zur Verfügung. Mit dieser Anwendung können Sie problemlos und schnell Silverlight-Anwendungen für Windows Phone erstellen. Mithilfe der Designwerkzeuge in Expression Blend können Sie eine Windows Phone-Anwendung mit Windows Phone-Vorlagen, Grafiken, Animationswerkzeuge, integrierten Verhalten und Beispieldaten erstellen. Die Anwendung können Sie dann erstellen und eine Vorschau in dem integrierten Windows Phone-Emulator oder auf einem an den Computer angeschlossenen Windows Phone-Gerät ansehen.

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-basierte Anwendungen und Desktopanwendungen erstellen, die auf WPF 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 Anwendungen 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 2010 arbeitet nahtlos mit Expression Blend zusammen und hält Dateien synchron, wenn Sie gleichzeitig in Visual Studio 2010 und Expression Blend Dateien ändern. Sie können in Expression Blend einzelne CodeBehind-Dateien oder das gesamte Projekt in Visual Studio 2010 öffnen. Mit den Bereitstellungswerkzeuge von Visual Studio 2010 können Sie Ihre Anwendungen bereitstellen.

Was produziert Expression Blend?

Expression Blend erstellt Windows Presentation Foundation (WPF)-Anwendungen, Silverlight-Websites (.xap- und unterstützende Dateien ) und Silverlight-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 Communityressourcen.

Welche Funktionen sind im Lieferumfang von Expression Blend enthalten?

Expression Blend enthält Folgendes:

• SketchFlow, ein neues Funktionspaket für die Erstellung von Prototypen, die echte WPF- oder Silverlight-Anwendungen darstellen, ist in Expression Studio Ultimate enthalten.

• Expression Blend für Windows Phone steht zur Verfügung, wenn Sie die Entwicklertools für Windows Phone  herunterladen.

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

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

• Unterstützung für Effekte und Übergänge zur Verbesserung von Benutzeroberflächen.

• Projektvorlagen für Views und ViewModels .

• 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 2010, sodass Designer und Entwickler enger und effizienter im Team zusammenarbeiten können.

Weitere Informationen darüber, welche Funktionen in Expression Blend zur Verfügung stehen, finden Sie unter Neuigkeiten in Expression Blend.

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.

• Windows Phone-Anwendungen Anwendungen, die speziell für Windows Phones entwickelt wurden

• 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 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 werden in Windows Vista und Windows 7 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 sollte sich an den Richtlinien zur Verbesserung der Benutzerfreundlichkeit von Windows  orientieren. Auf diese Weise kann ein hochwertiges, einheitliches Bezugssystem für alle Windows-basierten Anwendungen erstellt werden, unabhängig davon, wie diese implementiert werden.

Siehe auch

Konzepte

Neuigkeiten in Expression Blend
Lern- und Communityressourcen

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.