“隐藏”的网格系统，既能保障信息的高效传达，又能充分利用画面空间，提升版面设计的美感。
有很多刚入门的设计师常问“怎么提升版式能力？网格系统的书籍看了好多，但运用不好。”
你将会学到：
1.什么是网格系统？
2.如何组合网格进行设计？
3.如何在网格的秩序中做出变化？
大家一听到网格，可能就一脸茫然，知其然，不知其所以然。
网格究竟是什么？简单来说网格就是帮助我们更好建立秩序性版面的工具，通过版面中一个一个有秩序的小格子，为内容提供对齐的依据，这样我们的版面就能够看起来更加的规整。
在介绍网格之前，我们先了解几个概念：版心、页边距、栏、栏间距
透过纵向的栏叠加横向的栏，就得到了我们的模块化网格，利用模块化网格划分页面，为内容提供横向与纵向的对齐依据。
例如我们可以在给版面添加了这样的模块化网格之后，再去对区域进行重新划分，紧接着再在这些划分好的区域内填充内容，这样就比较容易得到一个有秩序的版面。
相同的内容，通过不同的模块块化网格进行编排也能达到不同的效果。例如将相同信息分别排布于5：8和2：3的网格中，就能带来完全不同的效果。更多的模块就能带来更多的组合，以达到丰富的变化，不同的组合也能让版面更加的灵活。所以根据主题以及文案的不同，选择适当的网格系统就很重要。
大体我们可以在文案比较多的情况下，设置更多的栏，提供更多的模块；如果文案比较少就可以相应的减少栏的设置，不然设置太多，也没有这么多的内容可供安放。
在同一网格系统下，通过栏与栏之间不同的组合，也可以达到变化。以4：6网格为例，在此网格的基础上，我们可以将其简化为2：3网格，也就是之前所说的组合，这样一来，在版面中就有了更多的对齐依据，也能带来变化。
我们通过刚才说的4：6网格来做一个案例。
文案信息，就可以结合刚才通过4：6网格变化而来的2：3网格，左右放置。比如左边放置大标题文字组，右边放置其他文字组。
最后再放置一些点缀文本，这样一个有秩序的版面就出炉啦！
前面说到了，利用网格提供的对齐依据，我们能够比较便捷的制作出秩序性版面，那是不是版面当中的所有内容都应该死死的卡住网格边界呢？
显然不是的，网格可以给我们提供对齐依据，但不是所有的内容都需要卡在网格上，这也是为了让版面的变化更加丰富。如果全部都卡在网格边界，我们所做出来的版面可能就会略显呆板。
就像之前这张图一样，内容都是对齐在边界上，画面的确很有秩序，但会略显死板。在此基础上我们做出一点点变化，不让所有的内容都禁锢在模块中，允许部分内容超出模块，这样看起来是不是就自然很多。
这也就是常说的，在已有的秩序之上打破一点秩序，让版面更加活跃。这类方式我们可以称之为破格处理，包括利用矩形图片里边缘不规则内容打破横平竖直的状态也能算作破格。在版面设计中，这是一种常见手法，平面实战营的小伙伴们也经常使用。
像这张图中的花瓣，打破了绿色块板正的状态，让画面更加生动。
平面实战营学员-菲
在相似的构图下，同样利用破格打破中间黄色矩形整齐的边缘，让画面更加活跃。
平面实战营学员-球
除了破格的处理方法外，还可以利用字体之间的对比去打破已有的秩序，这也是常见手法。我们都知道字体搭配中，比较保险的方式就是黑体搭配黑体，衬线搭配衬线，但是这样就比较容易造成呆板的感受，所以我们再进行文字搭配的时候也可以跳出这一点去进行变化，活跃版面。
在画面中利用手写英文与衬线体形成对比，一个随意，一个规矩，加大了画面的吸引力。
平面实战营学员-憨憨
黑体与衬线体对比，在现代感中提升文化气质。
平面实战营学员-阿莫
在已有秩序下打破秩序的方法还有很多，下次我们另书再讲。
例如我们可以结合图形。
我们还可以结合不同编排。
或者是结合其他信息组成文字组。
像这些方式实战营的同学们也经常用到。
如果你觉得需要短期内系统学平面设计，有人带领你一起做训练，提升版式能力，提升审美能力，获得快速实现个人增值的技能！
优设平面设计实战营即将开课！
由优设标题黑设计师授课
字体/排版/配色/文案
就业高薪第一步！
系统的平面基础知识、观察细节的能力、沟通陈述的能力、
情绪版的制作、1图延展多图的能力等等
在这里你将拥有一个相对比较完整的平面知识体系
除了大纲里的知识外
你还将学会校园教科书内无法学到的知识
1.提升沟通能力
不擅长和甲方沟通？没关系！设计理念陈述训练，帮你提高沟通力。
2.提升审美能力
觉得审美不行，不知道怎么取他人作品之长处？每天审美训练帮你提升分辨能力和分析能力。
3.拓展课外新知
想深入学平面？形成更大更繁盛的平面知识树？我们特意加赠15节福利小课堂！
4.一对一点评
担心人太多，老师点评不到你的作业？所有作业，老师都会一对一语音帮你梳理思路，检查设计合理性，有针对地指出问题。
5.大量优质素材资源
6.提升自我进阶营
还想继续学习？想有个交流沟通的专业设计圈？进阶营里，除了定期专项训练，还有往期学员们在等你一起交流打卡！