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)
 
Examples:
Share on Facebook

Leave a Reply

Your email address will not be published.