专业科班方法！帮你学会网格工具这个理性的排版利器
扫一扫 
扫一扫 
扫一扫 
扫一扫
@设计便利店：平时在做排版设计的时候是不是经常遇到这种情况？把画面的文字或元素左摆摆，右排排，方向键上下左右微调，眯眼看大效果，全凭感觉调了一两个钟头后，自己都麻木了，判断不了是好是坏，最后导出一张自己感觉貌似还可以的版本。其实，学习网格是可以完全改善这个问题的。 01. 页边距设置在讲网格之前，我需要先提一提页边距的问题。很多人在设计版式时都忽略了页边距，页边距是对版面整体效果产生很大的影响。页边距太小，会给人很压迫，透不过气的感觉，页边距过大又会导致文本稀疏，阅读体验不完整的感受。
先看看几种常反的错误，第一种，版心偏低，导致整体画面下沉，且有种要掉出画板的感觉 第二种，页边距设置不合理导致版心偏高，第一二种的页边距设置是一样的，所以这样的设置不大合理。
第三种，是最最常见的，尽管设置页边距合理，但过于均匀对称，会导致画面呆板，总觉得缺少了点什么。 第四种，这种设置是比较合适的，我们的阅读习惯是从左到右的，这样的设置比较舒服。右边间距比左边大1倍，下边的设置也是，比上边大一倍。不过需要说明，设置前不盲目，还是要先判断这样的设置是否符合自己的设计需求，这个适合一般文学出版物，杂志，海报之类。 02. 8格网格用法大家可以看到上面那个示例，把内容分为8个版块，这就是网格最基本的用法，叫做8格网格系统。
8格网格是最容易上手的，只需要通过对8种不同尺寸的图片和文字信息进行组合，就可以解决许多简单的问题，这时如果能再加上一点设计师的小小想象力，画面就已经很生动了。 8格网格一般已经满足了基本版式需求，上图中，有4种窄长的图和4种宽幅的图片，根据实际情况配合设计，随后唯一要注意的，就是设计选择图片和字体的能力了。
03. 20格网格用法20格网格系统给设计师排版更多的可能性，拓宽了思路。 排版是的终极目标，是信息整理和信息合理传达，一级，二级，三级，让阅读者有一种满意的视觉感受，而不是单纯的视觉冲击。
网格系统给我们一个科学的办法来留白，国画中留白讲究的是气韵、呼吸，而我们的版式中一样需要呼吸，上面的例子中，段落与段落之间大量的留白，却又有科学依据在背后支撑，虽然文字特别多，但是给人的感觉特别舒服。
当有了网格之后，设计师在排版之前会有意识挑选图片了，和按照比例需求进行裁切。
如果图片与图片的间隔是均匀的，那么无论是图大图小，都是有一种舒适感。读者的阅读是可以引导的。
如果把上面这几张版式抽象一下来看，其实就只有正方形和长方形，这样简洁利索的画面会有一种大气感。这里特别提醒，在图片过渡到下一张图或者下一段文本，中间可以加插一小句文字，不让视觉跳跃太突兀。
△ 其他20格网格系统使用案例 不管8格，20格，还是32格，没有高级或者基础之分，只有合不合适。选择符合设计需求的网格系统，提高设计效率才是我们的目的。 「专业科班训练方法」
欢迎关注作者的微信公众号：「设计便利店」
【木子设计网 原创文章 投稿邮箱：yuan@uisdc.com】 ================关于木子设计网================ 手机扫一扫，阅读下载更方便˃ʍ˂ |
@版权声明
1、本网站文章、帖子等仅代表作者本人的观点，与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样，并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络，仅用作展示，如有侵权请联系站长！QQ: 13671295。
最新评论
