Learn your way! Get started

UX Design Win 8 Apps, Part 2: Building UI in Blend

with expert David Kelley

Watch trailer

UX Design Win 8 Apps, Part 2: Building UI in Blend Trailer

Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack
  • Power Pack Plus

Release date Release date 11/12/2012
Level Level Intermediate
Runtime Runtime 1h 11m
Platform Platform Major browsers on Windows Major browsers on Windows Major browsers on Mac OSX Major browsers on Mac OSX Mobile Devices Mobile Devices
Closed captioning Closed captioning N/A
Transcript Transcript N/A
eBooks / courseware eBooks / courseware N/A
Hands-on labs Hands-on labs N/A
Sample code Sample code Included
Exams Exams Included

Enterprise Solutions
Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

This course will show how to use Expression Blend to build the user interface for Windows 8 applications. The course will show how to be graphic and designed focused, including what the design elements of Windows 8 applications are. Next the course will cover how to use animation tools, motion tools, and the visual state manipulation. Then the course will cover using HTML 5 and XAML to create a user interface and then see the tight integration with Visual Studio 2012. Then you will work directly with Blend 5 to see the attached properties for layout and events. Working with styles and design assets in the Blend environment will be shown.


This course assumes that students have some programming experience and a background in building user interfaces on the Microsoft platform.

Meet the expert

David Kelley David Kelley is a Silverlight MVP with over 10 years of experience building Targeted Customer eXperiences. He is currently the Principal User eXperience Architect for [wire] stone specializing in touch experiences such as digital price tags and Silverlight-based kiosks for retail. David publishes a blog called Hacking Silverlight, and helps to run the Seattle Silverlight User Group and Interact Seattle, Seattle's Designer Developer Interaction Group.

Course outline

Blend 5

Building UI In Blend (36:52)
  • Introduction (00:29)
  • Understanding Expression Blend (02:07)
  • Design Tools for Windows 8 (05:07)
  • Project Folders (03:30)
  • Grid App Projects (03:28)
  • Split App Projects (01:31)
  • Working with Live Tiles (02:39)
  • Live Tile Badges (01:06)
  • Live Tiles things to remember (00:45)
  • Best Practices for Tiles (01:55)
  • Splash Screens (02:41)
  • Splash Screen Scale Factor (01:35)
  • Demo: Splash Screens (05:19)
  • Demo: Splash Screens in Blend (04:22)
  • Summary (00:11)
Blend 5 Primer (16:49)
  • Introduction (00:32)
  • Expression Blend 5 Primer (01:28)
  • Attached Properties (03:03)
  • Layout in XAML (04:39)
  • Demo: Layouts in Blend (06:56)
  • Summary (00:10)
Blend 5 Primer part two (18:00)
  • Introduction (00:34)
  • Applying Styles (01:37)
  • Demo: Applying Styles (07:05)
  • Demo: Blend UI (08:32)
  • Summary (00:10)