Putting the Microsoft Design
Language to work

Laurent Bugnion
Senior Director, IdentityMine
Microsoft MVP, Regional Director
the names

Metro apps
    Windows Store apps
Metro design language
    Microsoft design (style) language
Metro design principles
    Microsoft design (style) principles
http://msdn.microsoft.com/en-us/library/windows/apps/hh464920.aspx
the five design principles

pride in craftsmanship
fast and fluid
authentically digital
do more with less
win as one
swiss typography
bauhaus
the fonts

bold
semibold
segoe ui
semilight
light
motion design

saul bass
http://www.youtube.com/watch?v=lAmem5wVOUU


kinetic typography
http://www.youtube.com/watch?v=47NbXRq2dlI
Skeuomorphism
of taste and colors
of taste and colors [phone]
of taste and colors [store]
http://msdn.microsoft.com/en-us/library/windows/apps/hh868274
Putting the Microsoft Design Language to work

Putting the Microsoft Design Language to work

Editor's Notes

  • #45 Explain that header was source of discussionSearch field (we’ll talk about that later)Buttons (add screenshot with Top AppBar)
  • #46 Explain that header was source of discussionSearch field (we’ll talk about that later)Buttons (add screenshot with Top AppBar)
  • #47 Explain that header was source of discussionSearch field (we’ll talk about that later)Buttons (add screenshot with Top AppBar)