J a m     h a r e      Get Our Works Better, Together.           Metro Design        ☐醬子案例 ☐外部案例    新知新事           分享部門:P...
Metro Design
The Metro Design PrinciplesThe Metro Design LanguageMETRO DESIGN
LOVE
♥
Glass
Metro
Architecture    video
METRO DESIGN PRINCIPLES
Metro Design PrinciplesLight, Clean, Open, FastContent, not ChromeTypographyMotionAuthentically Digital
Light, Clean, Open, Fast
Application Flow
Content, not chrome
We use typography in different sizes and different weights toconvey structured informationTYPOGRAPHY
MOTION
AUTHENTICALLY DIGITAL
Users care more about being able to consume information thanhaving “representations of physical world objects” inside thei...
METRO DESIGN LANGUAGE
Metro Design PrinciplesWindows Phone Metro Design Language                        Windows 8 Metro Design Language
WINDOWS 8 NAVIGATIONPATTERNS
Hierarchical systemhub pagessection pages                        detail pages
Windows 8 Navigation patterns      hub pages      section      pages      detail pages
Case Study
Metro Design
Metro Design
Metro Design
Metro Design
Metro Design
Upcoming SlideShare
Loading in …5
×

Metro Design

945 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
945
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
36
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Metro Design

  1. 1. J a m h a r e Get Our Works Better, Together. Metro Design ☐醬子案例 ☐外部案例 新知新事 分享部門:PSBG002 主講同仁:陳家健 Ajen 分享日期:2012/10/29
  2. 2. Metro Design
  3. 3. The Metro Design PrinciplesThe Metro Design LanguageMETRO DESIGN
  4. 4. LOVE
  5. 5.
  6. 6. Glass
  7. 7. Metro
  8. 8. Architecture video
  9. 9. METRO DESIGN PRINCIPLES
  10. 10. Metro Design PrinciplesLight, Clean, Open, FastContent, not ChromeTypographyMotionAuthentically Digital
  11. 11. Light, Clean, Open, Fast
  12. 12. Application Flow
  13. 13. Content, not chrome
  14. 14. We use typography in different sizes and different weights toconvey structured informationTYPOGRAPHY
  15. 15. MOTION
  16. 16. AUTHENTICALLY DIGITAL
  17. 17. Users care more about being able to consume information thanhaving “representations of physical world objects” inside theirphones.IN METRO
  18. 18. METRO DESIGN LANGUAGE
  19. 19. Metro Design PrinciplesWindows Phone Metro Design Language Windows 8 Metro Design Language
  20. 20. WINDOWS 8 NAVIGATIONPATTERNS
  21. 21. Hierarchical systemhub pagessection pages detail pages
  22. 22. Windows 8 Navigation patterns hub pages section pages detail pages
  23. 23. Case Study

×