Embed Size (px)
Citation preview
☐ 醬子案例 外部案例 ☐ 新知新事
分享部門： PSBG002主講同仁：陳家健 Ajen分享日期： 2012/10/29
J a m h a Get Our Works Better, Together.S er
Metro Design
Metro Design
METRO DESIGN
The Metro Design PrinciplesThe Metro Design Language
LOVE
♥
Glass
Metro
METRO DESIGN PRINCIPLES
Metro Design Principles
Light, Clean, Open, FastContent, not ChromeTypographyMotionAuthentically Digital
Light, Clean, Open, Fast
Application Flow
Content, not chrome
TYPOGRAPHY
We use typography in different sizes and different weights to convey structured
information
MOTION
AUTHENTICALLY DIGITAL
IN METRO
Users care more about being able to consume information than having “representations of physical world objects” inside their phones.
METRO DESIGN LANGUAGE
Metro Design Principles
Windows Phone Metro Design Language
Windows 8 Metro Design Language
WINDOWS 8 NAVIGATION PATTERNS
Hierarchical system
hub pages
section pages
detail pages
Windows 8 Navigation patterns
hub pages
section pages
detail pages
Case Study
