专业科班方法！帮你学会网格工具这个理性的排版利器
@设计便利店：平时在做排版设计的时候是不是经常遇到这种情况？把画面的文字或元素左摆摆，右排排，方向键上下左右微调，眯眼看大效果，全凭感觉调了一两个钟头后，自己都麻木了，判断不了是好是坏，最后导出一张自己感觉貌似还可以的版本。其实，学习网格是可以完全改善这个问题的。
01. 页边距设置
在讲网格之前，我需要先提一提页边距的问题。很多人在设计版式时都忽略了页边距，页边距是对版面整体效果产生很大的影响。页边距太小，会给人很压迫，透不过气的感觉，页边距过大又会导致文本稀疏，阅读体验不完整的感受。
先看看几种常反的错误，第一种，版心偏低，导致整体画面下沉，且有种要掉出画板的感觉
第二种，页边距设置不合理导致版心偏高，第一二种的页边距设置是一样的，所以这样的设置不大合理。
第三种，是最最常见的，尽管设置页边距合理，但过于均匀对称，会导致画面呆板，总觉得缺少了点什么。
第四种，这种设置是比较合适的，我们的阅读习惯是从左到右的，这样的设置比较舒服。右边间距比左边大1倍，下边的设置也是，比上边大一倍。不过需要说明，设置前不盲目，还是要先判断这样的设置是否符合自己的设计需求，这个适合一般文学出版物，杂志，海报之类。
02. 8格网格用法
大家可以看到上面那个示例，把内容分为8个版块，这就是网格最基本的用法，叫做8格网格系统。
8格网格是最容易上手的，只需要通过对8种不同尺寸的图片和文字信息进行组合，就可以解决许多简单的问题，这时如果能再加上一点设计师的小小想象力，画面就已经很生动了。
8格网格一般已经满足了基本版式需求，上图中，有4种窄长的图和4种宽幅的图片，根据实际情况配合设计，随后唯一要注意的，就是设计选择图片和字体的能力了。
03. 20格网格用法
20格网格系统给设计师排版更多的可能性，拓宽了思路。
排版是的终极目标，是信息整理和信息合理传达，一级，二级，三级，让阅读者有一种满意的视觉感受，而不是单纯的视觉冲击。
网格系统给我们一个科学的办法来留白，国画中留白讲究的是气韵、呼吸，而我们的版式中一样需要呼吸，上面的例子中，段落与段落之间大量的留白，却又有科学依据在背后支撑，虽然文字特别多，但是给人的感觉特别舒服。
当有了网格之后，设计师在排版之前会有意识挑选图片了，和按照比例需求进行裁切。
如果图片与图片的间隔是均匀的，那么无论是图大图小，都是有一种舒适感。读者的阅读是可以引导的。
如果把上面这几张版式抽象一下来看，其实就只有正方形和长方形，这样简洁利索的画面会有一种大气感。这里特别提醒，在图片过渡到下一张图或者下一段文本，中间可以加插一小句文字，不让视觉跳跃太突兀。
△ 其他20格网格系统使用案例
不管8格，20格，还是32格，没有高级或者基础之分，只有合不合适。选择符合设计需求的网格系统，提高设计效率才是我们的目的。
「专业科班训练方法」
- 《专业科班的方法！设计师在工作中通过哪些方式获取灵感？》
- 《专业科班的方法！设计一个LOGO 的常规思路和流程是怎样的？》
- 《专业训练方法！如何设计一张高品位高水准的海报？（大量实例）》
- 《专业科班方法！平面设计里怎样提高作品的视觉冲击力？》
- 《专业科班方法！一套完整的中文字体是如何开发出来的？》
- 《专业科班方法！写给视觉设计师的印刷基本知识和技巧》
- 《专业科班方法！平面设计中如何把握比例？》
欢迎关注作者的微信公众号：「设计便利店」
【优设网 原创文章 投稿邮箱：yuan@uisdc.com】
================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量190万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
