文章：原创 | 排版《玉女心经》之网格&网格拘束率！（上篇）
来自公众号：大猫设计
这是一个版面，
给他竖向划分3栏。
那么他就是一个3栏的分栏网格~
元素基本都卡着网格的边来放的，
这就是网格加强秩序和对齐的作用！
在这基础上又横向划分了5栏。
出现了一个小格一个小格的感觉，
这就是模块网格了。
模块网格其实就是，
在分栏网格的基础上又加了横向的划分！
可以看到，现在画面里的图片和文字，
在横向上也有了约束和单元格的比例关系！
网格的形式也木有好坏之分，就看你怎么去用啦！
这个用法呢，跟网格本身的关系不大，
倒是跟图版率、跳跃率、版面率、留白关系密切！
下面说一说复合网格~
回到刚才的3栏网格，
在版面上划分了2栏~
这个网格就是由2栏 3栏组合而成的，就是复合网格咯~
复合网格的案例~
上面两张图，用的是2栏网格对齐。
下面的三张图，用的是3栏网格对齐~
这就是一个版面中用了两个网格的复合网格!
那基线网格是什么？
基线网格就相当于我们小时候用的横线本~
目的是防止设计的时候，行与行之间对不齐~
像这个例子，不管是标题还是正文，都是跟横线对齐的~
这就是基线网格！
除了这些，还有一些其他类型的网格，比如带有大小比例的网格、三角形网格等…
网格的本质，就是一个建立秩序和对齐关系的工具。
理解了这一点，万物皆可为网格！
这个是以三角形网格为基准排的
虽是如此，但平常所说的网格，
还是以这几种为主~
网格要怎么用？
1.根据项目和内容设置网格！
2.网格在秩序中做变化！
3.网格不可独立用，要根据图版率、跳跃率、版面率、留白等综合考虑！
1.根据项目和内容设置网格！
但有些物料还是有常用设置的
像画册，一般设置2栏、3栏就够了。
而网页，一般要设置12栏、20栏等~
究其原因是，网页是多版块的~
有些板块可能一行排3栏，有些版块需要一行4栏。所以选得栏数能被越多数整除越好咯~
像这个12栏的，能被1、2、3、4、6整除，用起来就很方便~
这个网页就是用了12栏网格划分~
网格如下
这个AMG的网页，也是12栏的网格哟！
网格如下
2.网格在秩序中做变化！
根据层级，咱们是可以在网格中改变各元素大小的！
最终做到有秩序
这里有个模块网格，里面有三张图片和几句话！
现在三张图片一样大，但如果我想强调女人的特写。
就可以让她多占几格单元格，如下~
如果还要继续强调
那就可以占得更多，如下~
所以网格应用的关键就是在秩序中做变化！
且网格是比较灵活的~还可以再调整几个变化出来~
还是那个网格和内容，
稍微调整，又是一个不同的版面~
咱还可以玩点形式感~
不管怎么整，目的达到了，最终版面也很有秩序，
就是网格始终只是工具~
不需要所有的元素都遵循网格。
像寡人上面例子中的手写英文，基本没遵循网格来排~
毕竟如果全部按网格来排，画面就会比较呆，不灵动！
