专业科班方法:教你如何借助网格工具排版

所属分类: 平面设计 / 平面其它 阅读数: 582
收藏 0 赞 0 分享

平时在做排版设计的时候是不是经常遇到这种情况?把画面的文字或元素左摆摆,右排排,方向键上下左右微调,眯眼看大效果,全凭感觉调了一两个钟头后,自己都麻木了,判断不了是好是坏,最后导出一张自己感觉貌似还可以的版本。其实,学习网格是可以完全改善这个问题的。

01. 页边距设置

在讲网格之前,我需要先提一提页边距的问题。很多人在设计版式时都忽略了页边距,页边距是对版面整体效果产生很大的影响。页边距太小,会给人很压迫,透不过气的感觉,页边距过大又会导致文本稀疏,阅读体验不完整的感受。

先看看几种常反的错误,第一种,版心偏低,导致整体画面下沉,且有种要掉出画板的感觉

第二种,页边距设置不合理导致版心偏高,第一二种的页边距设置是一样的,所以这样的设置不大合理。

第三种,是最最常见的,尽管设置页边距合理,但过于均匀对称,会导致画面呆板,总觉得缺少了点什么。

第四种,这种设置是比较合适的,我们的阅读习惯是从左到右的,这样的设置比较舒服。右边间距比左边大1倍,下边的设置也是,比上边大一倍。不过需要说明,设置前不盲目,还是要先判断这样的设置是否符合自己的设计需求,这个适合一般文学出版物,杂志,海报之类。

02. 8格网格用法

大家可以看到上面那个示例,把内容分为8个版块,这就是网格最基本的用法,叫做8格网格系统。

8格网格是最容易上手的,只需要通过对8种不同尺寸的图片和文字信息进行组合,就可以解决许多简单的问题,这时如果能再加上一点设计师的小小想象力,画面就已经很生动了。

8格网格一般已经满足了基本版式需求,上图中,有4种窄长的图和4种宽幅的图片,根据实际情况配合设计,随后唯一要注意的,就是设计选择图片和字体的能力了。

3. 20格网格用法

20格网格系统给设计师排版更多的可能性,拓宽了思路。

排版是的终极目标,是信息整理和信息合理传达,一级,二级,三级,让阅读者有一种满意的视觉感受,而不是单纯的视觉冲击。

网格系统给我们一个科学的办法来留白,国画中留白讲究的是气韵、呼吸,而我们的版式中一样需要呼吸,上面的例子中,段落与段落之间大量的留白,却又有科学依据在背后支撑,虽然文字特别多,但是给人的感觉特别舒服。

当有了网格之后,设计师在排版之前会有意识挑选图片了,和按照比例需求进行裁切。

如果图片与图片的间隔是均匀的,那么无论是图大图小,都是有一种舒适感。读者的阅读是可以引导的。

如果把上面这几张版式抽象一下来看,其实就只有正方形和长方形,这样简洁利索的画面会有一种大气感。这里特别提醒,在图片过渡到下一张图或者下一段文本,中间可以加插一小句文字,不让视觉跳跃太突兀。

△ 其他20格网格系统使用案例

不管8格,20格,还是32格,没有高级或者基础之分,只有合不合适。选择符合设计需求的网格系统,提高设计效率才是我们的目的。

更多精彩内容其他人还在看

10 个能帮你增进文字排版的诀窍和密技分享

今天小编为大家分享10 个能帮你增进文字排版的诀窍和密技,对于设计朋友来说,文字排版不单单只是简单的字型和点数而已,其中还包含了各种技巧,好了,下面我们一起来学习吧
收藏 0 赞 0 分享

一个关于最基本的商业logo设计应用参考

今天为大家分享一个关于最基本的商业logo设计应用参考方法,教程真的蛮实用的,对于设计logo的朋友可以参考一下,很不错,推荐过来,一起来学习吧
收藏 0 赞 0 分享

设计师必看:高逼格版式设计方法介绍

今天小编为大家分享一篇文章,主要是向大家介绍高逼格版式设计方法,教程真的很不错,对于设计师来说很值得学习,好了,下面我们来学习吧
收藏 0 赞 0 分享

西方设计好的原因有哪些?中西方设计到底是差距还是差别?

西方设计好的原因有哪些?中西方设计到底是差距还是差别?相信对于设计师来说,大家都不是很清楚,所以今天小编就为大家详细介绍一下,来看看吧
收藏 0 赞 0 分享

初级设计师需掌握的基础技能:设计加减法

今天为大家分享一篇教程,主要是面对初级设计师,这篇文章是向大家介绍设计加减法,教程真的很实用,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

你为什么不能成为一名好画师?绘画初学者的七宗罪

你为什么不能成为一名好画师?对于很多爱好绘画的人可能都有想成为一名优秀画师的一天,但是,在长期练习后,仍然感觉自己进步不是很大,但又不知道哪里出了问题,其实这是你用的方法不对,下面我们一起来看看绘画初学者的七宗罪吧
收藏 0 赞 0 分享

超实用:banner电商横幅设计三部曲

今天小编为大家分享banner电商横幅设计三部曲,教程真的很不错,对于电商设计的朋友可以参考本文,希望能对大家有所帮助
收藏 0 赞 0 分享

2色、3色、多色,实用在线配色工具推荐

今天小编为大家分享2色、3色、多色,实用在线配色工具,教程真的很不错,对于设计、插画和提案都很有帮助,好了,有需要的朋友快快来学习吧
收藏 0 赞 0 分享

五导家方法论:让你成为一名体验设计专家

今天为大家分享一篇教程,主要是为大家介绍让你成为一名体验设计专家方法,教程真的很不错,推荐到脚本之家的,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

标志诞生记:红酒标志设计流程分享

今天脚本之家小编为大家分享红酒标志设计流程,教程真的蛮实用的,对于设计标志的初学者很有帮助,推荐到脚本之家,大家一起来学习吧
收藏 0 赞 0 分享
查看更多