metro设计风格所定义的页面由网络系统(Grid)组成，其中所定义的每个单元的大小是20x20px。而每一个单位格中又以5x5px为单位定义更小单位的子单元。在一个标准的1366×768屏幕上，单元格数量为68.25×38.5
内容区域的上边距为7个单元格
页面顶部的高度为5个单元格
页面的左边距为6个单元格
紧凑的列表项目中的二个元素的间距为一个单元格
适中型列表中的元素间距每隔一个元素，对齐到下一单元格 (1.5个单元格)
宽松型列表中的元素，间距为每二个单元格
This entry was written by , posted on January 11, 2012 at 4:40 pm, filed under Metro UI, UX & Design, WP7. Bookmark the permalink. Follow any comments here with the RSS feed for this post.