你不知道的metro design细节–Grid

摘要:metro设计风格所定义的页面由网络系统(Grid)组成,其中所定义的每个单元的大小是20x20px。而每一个单位格中又以5x5px为单位定义更小单位的子单元。

metro设计风格所定义的页面由网络系统(Grid)组成,其中所定义的每个单元的大小是20x20px。而每一个单位格中又以5x5px为单位定义更小单位的子单元。在一个标准的1366×768屏幕上,单元格数量为68.25×38.5

内容区域的上边距为7个单元格

页面顶部的高度为5个单元格

页面的左边距为6个单元格

紧凑的列表项目中的二个元素的间距为一个单元格

适中型列表中的元素间距每隔一个元素,对齐到下一单元格 (1.5个单元格)

宽松型列表中的元素,间距为每二个单元格

作者:allan

文章来源:experience10.com