1 / 32

Metro Design 101

Metro Design 101. Clean, clear, to the poin t. Who am I? What I do!. Agenda. Introduction What is Metro? General Metro design stuff Windows 8 stuff Windows Phone 7 stuff Designing Metro apps. A short video. WeatherFlow. Clear. Realistic vs digital. Stand out from the crowd.

nova
Télécharger la présentation

Metro Design 101

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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

  8. Designing a Metro app

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

  10. Grids

  11. Themes, colours, sans gradients

  12. No Chrome

  13. Animation! Purposeful, lively, adhesive Direct manipulation

  14. Windows 8

  15. Screen size

  16. Interaction Common Possible

  17. App bars, Charms & Contracts

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

  19. Semantic Zoom

  20. Semantic Zoom

  21. Snapped View

  22. On the move

  23. Windows Phone 7

  24. Tiles!

  25. Xbox

  26. Design your content Application launch

  27. The guidelines

  28. Room to move

  29. Thanks! @agkdesign alex@xamling.net

More Related