栅格是网页布局的基础设施，他不可见，但是非常有用，让元素在页面中合理放置，提升页面的组织性，使得设计更加高效，不同页面之间保持一致性
图972-1：栅格1
页面设计使用栅格栏并不是多么老套的方式，但要真正的去打破栅格栏首先需要深入地去了解它。首先，你要清楚地知道无论在页面设计当中使用怎么样的栅格，都是设计过程的“基础设施”。它能够帮助你确定页面的元素怎么放置，能够确保不同的控件在页面当中不会显得突兀不协调，同时能够提升页面的组织性。
图972-2：栅格2
除此之外还有：
- 保持页面内容和元素的组织程度。在栅格系统下，元素从左到右，从上到下都清晰明了地排布起来，让布局保持一致性。
- 使得设计更有效率，因为规则化的栅格让页面上的UI元素的排布比较规范化
- 让不同的页面之间都能够保持一致性
- 让元素和元素之间的间距都一样，让整个页面设计呈现得整洁
图972-3：栅格计算公式
转载请注明：网创网 www.netcyw.cn/b972.html
加油！！！