Skip navigation
More Windows Phone Design Bootcamp Videos

More Windows Phone Design Bootcamp Videos

Microsoft explains its Windows Design Language and how to apply it in real-world apps

I wrote previously about the first two parts of the Windows Phone Design Bootcamp 101 video series on Channel 9. But now the series, which consists of 7 videos, is complete. And a second series, Windows Phone Design Bootcamp 201, is underway.

Each video stars Jared Potter, the principle designer at Sixth Ave Studios, a Microsoft partner. (Jared was previously the Windows Phone Design Integration Lead at Microsoft.) And if you’re interested in the philosophy and practical application of the Windows Design Language, previously called Metro, this is a fantastic place to start.

I discussed the first Windows Phone Design Bootcamp 101 video in Windows Phone Design and the second in Windows Phone Design, Part 2: Windows Design Language. But here’s a full rundown of the videos in both series:

Windows Phone Design Bootcamp 101. “Windows Phone Design 101 covers the philosophy, inspiration and visuals that are Windows Phone Design Language. Starting with the basic terminology of design, this boot camp will take you from its early origins to the Design Principles each screen in Windows Phone was measured against. From there, we will show you the design process that guided its creation. Lastly, we will discuss the larger Microsoft Design ecosystem including Windows 8.”

Session 1: What is Design

Session 2: Windows Design Language

Session 3: The Design Driven Product

Session 4: Windows Phone 8 Demo

Session 5: Windows Ecosystem & Cocktail Flow apps case study

Windows Phone Design Bootcamp 201. “In Windows Phone Design 201 focuses on the skills necessary to implement "pixel-perfect" Windows Phone UI. 201 will cover the "system" including basics of the phones navigation model, interaction with the shell and an overview of gesture system. Next it will cover "composition", which is about how to clearly define when it is appropriate to use a page template and when to use a particular animation or page transition or how to harness screen orientation. Lastly, we will cover, controls and APIs available for creating your own experiences and give tips on how to do simple prototyping.”

Session 1: The System

Session 2: Composition

Session 3: Controls & APIs

Hide comments

Comments

  • Allowed HTML tags: <em> <strong> <blockquote> <br> <p>

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
Publish