1. Metro Design
101
Clean, clear, to the point

2. Who am I?
What I do!

3. Agenda Introduction What is Metro? General Metro design stuff
Windows 8 stuff
Windows Phone 7 stuff
Designing Metro apps

4. A short video

5. WeatherFlow
Clear

6. Realistic vs digital

7. Stand out from the crowd

10. Designing a Metro app

11. Type Ramp 42pt 20pt 11pt 9pt Semibold Bold Regular Semibold Bold
Semilight
Light
Semilight
Light

12. Grids

13. Themes, colours, sans gradients

14. No Chrome

15. Animation!
Purposeful, lively, adhesive
Direct manipulation

16. Windows 8

17. Screen size

18. Interaction
Common
Possible

19. App bars, Charms & Contracts

20. New Views!
Portrait, landscape, semantic, snapped.

21. Semantic Zoom

22. Semantic Zoom

23. Snapped View

24. On the move

25. Windows Phone 7

26. Tiles!

28. Xbox

29. Design your content
Application launch

30. The guidelines

31. Room to move

32. Thanks!
@agkdesign