Metro Design 101 Clean, clear, to the point
Metro Design 101
Feb 22, 2016
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. - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Metro Design 101Clean, clear, to the point
Who am I?
What I do!
AgendaIntroduction
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
Designing a Metro app
Type Ramp
9pt 11pt
20pt
42ptSemiboldBoldRegular
SemiboldBoldRegular
RegularSemilightLight
SemilightLight
Grids
Themes, colours, sans gradients
No Chrome
Animation!Purposeful, lively, adhesiveDirect manipulation
Windows 8
Screen size
InteractionCommon
Possible
App bars, Charms & Contracts
New Views!Portrait, landscape, semantic, snapped.
Semantic Zoom
Semantic Zoom
Snapped View
On the move
Windows Phone 7
Tiles!
Xbox
Design your contentApplication launch
The guidelines
Room to move
Thanks!@agkdesign [email protected]
Related Documents
