Windows Phone 7 Metro

Designing

Pavan Pareta

Tech Lead

MVP - Device Application Development

Understand

Metro DesigningMetro Designing

What is Metro ?

The most interesting

and unique point and unique point

about Windows

Phone 7 is its user

interface called

Metro.

M E T R OSimpleSimple

Clean

Modern

Metro Designing

LanguageInspired from traffic system : Designed for

quick way finding…

Inspired from

Traffic system

TypographicalTypographical

Iconography

Dynamics.

Colors

Typography

Iconography

Dynamics

Colors

Use color to delight the user

Use color to personalize experience

Use color to emphasize hierarchy

Metro in Windows Phone

UI Comparison between Metro UI, iOS

& Android

Icons

Icons

…but look for balance between the Metro

Build delightful experience

Be inspired by Metro

…but look for balance between the Metro

principles and your own style

Build delightful experience

Common controls

Panorama

Pivot

Lists

Application Menu Bar

Menu contextual

Thank you ☺Thank you ☺