Presentation is loading. Please wait.

Presentation is loading. Please wait.

6000 Greenwood Plaza Blvd Suite 110 Greenwood Village, CO 80111 303.798.5458 www.aspenware.com Expression Blend 5 For Developers Design Your XAML or HTML5.

Similar presentations


Presentation on theme: "6000 Greenwood Plaza Blvd Suite 110 Greenwood Village, CO 80111 303.798.5458 www.aspenware.com Expression Blend 5 For Developers Design Your XAML or HTML5."— Presentation transcript:

1 6000 Greenwood Plaza Blvd Suite 110 Greenwood Village, CO 80111 303.798.5458 www.aspenware.com Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Ben Hoelting @benhnet

2 Ben Hoelting In truth, he’s just a big kid. He loves designing systems that solve real world problems. There is nothing more satisfying than seeing something you helped develop being used by the end users. Ben is also involved in the technology community and runs the South Colorado.NET user group. He also enjoys speaking at tech groups and events around the country. Ben Hoelting @benhnet b.hoelting@aspenware.com

3 Agenda Who needs Blend Anyway? Blend Decoded Blend for XAML Blend for HTML Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster

4 Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Who needs Blend Anyway?

5 UX Design Process Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster

6 Who Needs it? Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Developers are not Designers and Visual Studio is not a Design Tool! Designers can use Blend to finalize the UX. Blend can import UX Designs to get you started.

7 More than Visual Studio Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster VS XAML Designer is a subset of the one used by Blend Blend has more Features: State Management Animation/Storyboarding

8 Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Blend Decoded

9 UI Overview Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Tools Panel Panel Menus Artboard

10 Tools and Selectors Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Selection Select objects and edit their properties Direct Selection Select objects and edit their path segments

11 “GEMS” Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Gems provide context sensitive commands

12 Panels Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster ProjectsAssets

13 Panels Cont. Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster TriggersStates

14 Panels Cont. Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Objects and TimelinesProperties

15 Panels Cont. Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster ResourcesData

16 Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Blend UI and Import Demo

17 Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Blend For XAML

18 Blend for XAML Highlights Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Stable V5 Version of XAML Editing Visual State Designing Storyboard/Animation Designing Import Adobe Files

19 Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Blend For XAML Demo

20 Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Blend For HTML

21 Blend for HTML Highlights Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Impressive CSS Editor Accurate Rendering Renders Dynamically Generated Content onto the Artboard Interactive Mode – Sweet…!

22 Expression Blend 5 For Developers Design Your XAML or HTML5 & CSS3 UI Faster Blend For HTML Demo

23 23 Designing Apps with Blend UX Design Matters Blend Implements the Design Blend is for XAML and HTML

24 Resources: Step by Step Expression Books http://blendinsider.com/ http://www.microsoft.com/expression/ http://msdn.microsoft.com/en- us/library/cc295790.aspx http://msdn.microsoft.com/en- us/library/cc296227.aspx http://msdn.microsoft.com/en- us/library/cc295346(v=Expression.40).aspx

25 Ben Hoelting In truth, he’s just a big kid. He loves designing systems that solve real world problems. There is nothing more satisfying than seeing something you helped develop being used by the end users. Ben is also involved in the technology community and runs the South Colorado.NET user group. He also enjoys speaking at tech groups and events around the country. Ben Hoelting @benhnet b.hoelting@aspenware.com


Download ppt "6000 Greenwood Plaza Blvd Suite 110 Greenwood Village, CO 80111 303.798.5458 www.aspenware.com Expression Blend 5 For Developers Design Your XAML or HTML5."

Similar presentations


Ads by Google