不可忽视的版式问题——网格篇

2020/07/13

“读书 考试 上好学校 想变成最聪明的人 如果可以的话 保护世界。

前面两篇介绍了版心和网格的设定方法，今天要分享的是8种网格的使用技巧，新手设计师或者不常使用网格的小伙伴可以多看下避免踩坑，如果觉得本篇文章对你有所启发，请点赞分享再看三连哦，感谢支持。

01

避免版心设置太靠近边缘

虽然前面说过版心的大小可以任意设置，但是如果版心设置的太接近开本边缘，就有可能导致阅读不流畅，甚至在印刷裁切过程中容易被裁掉。所以至少要留出5mm以上的距离作为边距。

02

网格并不是随意设定的

网格不是随意设置的，虽然在画板上面的呈现就是参考线的形式，但都是通过严谨的计算来设置的，如果不计算或者计算出现偏差，就会出现问题，现在PS的网格功能可以非常快速的建立网格，但是之间的间距如果不计算清楚就会导致文本或者图片压在参考线上面，整个网格就失去了存在的作用。

03

不要总把每个空位都填满

网格是由一定数量的纵向或横向栏组成，用以放置文字和图形，但并不是每个空位都要放满元素。需要留点空间，才能让版面透气。

04

注意内边距留下足够的空间

在刚刚工作的时候接到一本类似杂志的画册设计，A4开本，有以前的设计文件作为参考，字体字号都按照以前固定的标准进行排版，在打开文件的时候注意到画板两边的参考线也就是页边距距离不一样，还傻傻的去问领导是不是标错了……

如果设计一本很厚的书籍版面，内边距没有留出足够的空白的话，在装订的时候，版面的内容就会被挡住。一般情况下，内边距会比外边距宽，目的是保证靠近内边距的信息能够清晰阅读，而不至于让内容被订口挡住。

05

栏距不能过于紧密或宽松

栏宽过于紧密或宽松会使读者不能流畅阅读。一般情况下可以把栏宽设置为5-6.5mm 。另外，不同媒介也会有不同的情况，例如墙体海报设计，因尺寸的不同需要改变字号大小，因此设置的网格栏距也会比正常的大，具体情况还要根据当时的设计需求进行设置。

06

栏宽不能过于窄或过宽

栏宽应根据情况进行调整，栏宽越高，所容纳的信息量越多。但是会导致版面拥挤，留白感不够。其次应控制文字的长度，行宽太宽，会产生阅读疲劳。对于大篇幅的文章也应该避免使用过于宽的单栏网格。同时也要避免文字放在较窄的栏里，一行文字的数量一般不能少于12个字。

07

通过段落缩进打破网格单调性

通过段落缩进可以打造出文字区域的不同视觉感受，打破网格原有的单调感。特别对于单调的单栏网格，这种方法可以提供一种视觉停顿，形成一种强烈的画面感。

08

每个元素都可以跨越网格

不论什么类型的网格，都可以做出不同变化的版面效果。但是一提到网格系统，很多设计师都会想到把所有元素都放在一个栏或者单元格里面，这样画面很容易缺乏变化感。其实可以跨越几个栏或者单元格来进行编排，这样才能设计出不同变化的版面样式。

以上。

愿你以渺小启程，以伟大结尾。

▼

如果觉得这篇文章对你有所启发

请阅读评论点赞3连哦

最后，关注我吧，一起变好！

❤️关注我和我的专栏

❤️公众号：设计师工作日记

关注我吧，一起变好！

共勉。

——一个工作写文章就是想多赚钱，不务正业的十八线设计师。