welcome to the metro application platform
Post on 27-Jan-2015
107 Views
Preview:
DESCRIPTION
TRANSCRIPT
Design Principles and Unifying Experiences
METRO
Katrien De Graeve Evangelist, Microsoft Belgium@katriendghttp://blogs.msdn.com/katriend
METRO:The early days
METRO:Inspiration
Modern Design movementThe Bauhaus
International Typographic Style – Swiss Design
Broadcast motion design
METROMetro style design principles
Metro style Design Principles1. Pride in craftsmanship
2. Be fast and fluid
3. Authentically digital
4. Do more with less
5. Win as one
Pride in craftsmanship
Sweat the detailsMake it safe and reliable
Balance, symmetry,
hierarchy
Align to the grid
New York Times
Be Fast and Fluid
Motion
Delight with
Life is mobile
Immersive
Design for touch
Authentically digitalCloud connected
Dynamic and alive
Beautiful use of typography
Bold vibrant colors
Motion
27 6/29/2011MICROSOFT CONFIDENTIAL
Do more with less
Be great at something Focused and direct
Content before chrome
Inspire confidence
Win as one
Fit into the UI model
Reduce redundancy
Work together to complete scenarios
Tools and templates are designed to scale
Widescreen (1366x768+)
Snap view (required)
Minimum (1024x768)
Portrait
Metro style Design Principles1. Pride in craftsmanship
2. Be fast and fluid
3. Authentically digital
4. Do more with less
5. Win as one
New UI – New experiences
DifferentiatingFast & fluidPersonalDynamic
ConsistentFrom phones to TVsLargest choice of devicesNo compromise
Full Bleed Photos
Pictures can set a mood orevoke emotion, making fora more memorable presentation.Follow us @microsoftbe
More info on dev.microsoft.com
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
top related