1 / 12

The World of Expression: Professionelle Design Tools für

The World of Expression: Professionelle Design Tools für .net. Michael Köster User Experience Specialist Microsoft Corporation. Agenda. Darf ich vorstellen? Developer <> Designer Workflow Expression: Professionelle Design Tools für .net Demo: Erstellen einer interaktiven Web-Applikation:

luce
Download Presentation

The World of Expression: Professionelle Design Tools für

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. The World of Expression:Professionelle Design Tools für .net Michael Köster User Experience Specialist Microsoft Corporation

  2. Agenda • Darf ich vorstellen? • Developer <> Designer Workflow • Expression: Professionelle Design Tools für .net • Demo: Erstellen einer interaktiven Web-Applikation: Visuelles Erscheinungsbild & UI Arbeiten mit (Beispiel-)Daten Hinzufügen von Audio, Video, Karten, DeepZoom etc. Interaktion, Effekte, Finish

  3. Darf ich vorstellen?

  4. Ein BriefingMittwoch, 15:00 Uhr, „The Agency“, Meeting-Raum • Kunde:„Exotic Vacations“ Reisen • Das Projekt: • Für unseren neuen Winter-Katalog planen wir einen Online-Katalog. Dort möchten wir unsere neuen Reisen zu exotischen Zielen vorstellen. Die Site soll Besucher in eine Urlaubsstimmung versetzen – sie sollen zur Buchung inspiriert werden! Wir haben Videos und Fotos der Reiseziele – dieses Material soll auf eindrucksvolle Art und Weise präsentiert werden. Wir mögen neue Technologien aber wir wollen so viele Leute wie möglich erreichen!

  5. Designer Entwickler Designer <> Developer Workflow • Designer & Entwickler: • SprechendieselbeSprache • Designer & Entwickler: • SprechenunterschiedlicheSprachen Designer “designen” EntwicklerentwickelnFunktionen

  6. eXtensible Application Markup Language Das komplette User Interface steckt im XAML (Textformat, XML). XAML und Code laufen mit derselben Performance. XAML kann Code enthalten und wird zur Ausführung kompiliert. XAML ist leicht von Tools zu erstellen oder zu konsumieren, es ermöglicht problemlosen Datenaustausch zwischen Applikationen. Expression ist das Toolset von Microsoft zureinfachen Erstellung und Manipulation von XAML. XAML <Button Width="100px">OK <Button.Background> LightBlue </Button.Background> </Button> Button b1 = new Button(); b1.Content = "OK"; b1.Background = new SolidColorBrush(Colors.LightBlue); b1.Width = new Length(100); Dim b1 As New Button b1.Content = "OK" b1.Background = New SolidColorBrush(Colors.LightBlue) b1.Width = New Length(100)

  7. DieseApplikationläuft auf Windows & Mac. Silverlight Webapplikationmit OOB Support. Die Bildschirmauflösungist 1024x768 px. Die Applikation hat 800x600 px. Medientypen & Features: Text & Bilder Audio & Video Animationen Bitmap Effekte InteraktiveKarte DeepZoom Brainstorming!

  8. Die Tools Adobe PhotoshopAdobe Illustrator Expression Blend 3(WPF, Silverlight 3) Visual Studio 2008 Professional

  9. Demo Erstellen einer interaktiven Web-Applikation

  10. Bezugsquellen für Entwicklerprodukte:http://www.microsoft.com/switzerland/msdn/de/howtobuy/source.mspx Informationen zu Expression-Produkten: http://expression.microsoft.com http://www.microsoft.com/expression/ Informationen zu Silverlight: http://www.silverlight.net/getstarted/ Expression & Silverlight Starter-Kits: Introduction to Prototyping with SketchFlow (twelve video series) Creating a Breakout Game in Blend 3 (ten video series) Weitere Informationen

  11. Herzlichen Dank unseren Sponsoren! Event-Partner: Medienparter:

More Related