Metro Guidelines – Some personal notes to share.

I went to a Metro class well given in Atlanta by GLen GOrdon and G. Andrew Duthie
Style guidelines:
Header – 42 pt                                                                                  120 pixels (vertically) forgot horizontal but all same. See store USA today Socialize, Stock App, etc. etc. etc.
Title – 20 pt                                                                                         42 pixels (vertically)
Normal Text and Link Text Navigation – 11 pt                     
SubText Teriatry – 9 pt                  
Navigation goes up top.
App Bar At bottom  – Since Thumbs are more useful there and viewable is better up top.
2 forms of navigation only flat like IE (METRO) Back and forth or Hierarchical like USA today.  

Snap Functionality in Use (320 PX)
Share on Facebook

Leave a Reply

Your email address will not be published.