UX Design Win 8 Apps: Aesthetics and Design
with David Kelley
Course Description: Windows 8 changes the design pattern from previous versions of Windows in a grand way. This course will show the basics of Windows 8 aesthetics, how the look and feel of applications needs to be in order to look like they are part of the Windows 8 environment. The course will also show how to design applications for the touch interface. Then the course will show the design patterns for Windows 8.
2+ hours of media runtime
Basic Windows 8 Aesthetics
- Design Philosphy
- Problems of Windows Aesthetic
- Elements of Good Windows8 Apps
- Design example: App Silhouette
- Demo: App Silhouette
- Design: Content before Chrome
- Design: Leverage the Edge
- Fast and Fluid
- Fast and Fluid: Touch Language
- Press and Hold/Swipe to Select
- Demo: Press and Hold/Swipe
- Tap, Slide, and Pinch Actions
- Demo: Tap, Slide, and Pinch
- Rotate and Swipe
- Demo: Swiping
- Snap and Scale
- Use the Right Contracts
- Invest in a Great Tile
- Feel Connected and Alive
- Roam to the Cloud
- Embrace Modern App Principles
- Discoverability and Touch
- Designing for Touch
Windows 8 Aesthetics part two
- Design Philosphy
- Problems of Windows Aesthetic
- Elements of Good Windows8 Apps
- Design example: App Silhouette
- Demo: App Silhouette
- Design: Content before Chrome
- Design: Leverage the Edge
- Fast and Fluid
- Fast and Fluid: Touch Language
- Press and Hold/Swipe to Select
- Demo: Press and Hold/Swipe
- Tap, Slide, and Pinch Actions
- Demo: Tap, Slide, and Pinch
- Rotate and Swipe
- Demo: Swiping
- Snap and Scale
- Use the Right Contracts
- Invest in a Great Tile
- Feel Connected and Alive
- Roam to the Cloud
- Embrace Modern App Principles
- Discoverability and Touch
- Designing for Touch
- Touch Targets
- Touch Posture for Interaction
- Touch Posture for Reading
- Touch Postures for Holding
- Branding Patterns
- Demo: Expression Blend Intro
- Demo: Expression Blend XAML
- Demo: Expression Blend HTML
- Solution types and Languages
- Multiple Screens and Devices
- Demo: Solution Types
- Demo: Split App in XAML
- Demo: HTML Framework
- Navigation Patterns
- Hierarchical System
- Demo: Hierarchical System
- Flat System
- Demo: Flat System
- Navigation Anatomy
- Demo: Navigation Anatomy
- Navigation Anatomy (cont.)
- Navigating with edge swipe
- Navigating with the header
- Demo: Navigation Pattern
- Filters, Pivots, and Views
- Demo: Filtering
- Commanding Patterns
- The AppBar
- Command Placement
- Using the Canvas
- Using Charms
- Context Menus
- Touch Targets
- Touch Posture for Interaction
- Touch Posture for Reading
- Touch Postures for Holding
- Branding Patterns
- Demo: Expression Blend Intro
- Demo: Expression Blend XAML
- Demo: Expression Blend HTML
- Solution types and Languages
- Multiple Screens and Devices
- Demo: Solution Types
- Demo: Split App in XAML
- Demo: HTML Framework
- Navigation Patterns
- Hierarchical System
- Demo: Hierarchical System
- Flat System
- Demo: Flat System
- Navigation Anatomy
- Demo: Navigation Anatomy
- Navigation Anatomy (cont.)
- Navigating with edge swipe
- Navigating with the header
- Demo: Navigation Pattern
- Filters, Pivots, and Views
- Demo: Filtering
- Commanding Patterns
- The AppBar
- Command Placement
- Using the Canvas
- Using Charms
- Context Menus
Get our entire learning library
UX Design, Windows Design, Expression Blend and more...
- 40+ video tutorials
- UX design experts
- Future video releases FREE
- 100% money-back guarantee
