三种常见的排版方式
1.轴心式布局
轴心式布局也常称「居中布局」。
轴心式布局是在平面设计中大量使用且非常实用的排版方式,而且掌握这种方式非常的简单。我们通常只需要将「视觉单元」放在页面的中轴线上就行。
我们拉出一条中轴线看看:
我们发现「视觉单元」正好处于中轴线上。
怎么样?感觉是不是很有对称美?
这种对称美大量存在于我们的生活中,特别是中国古式建筑特别讲究对称美。
上面提到一个知识点:什么是「视觉单元」?
通常我们把意义相关、距离相近的内容编成一个组,将其视作一个「视觉单元」。
例如在图1 中,我们可以这样看待其中的内容
例如我在自己的直播课课件中大量使用了「轴心式布局」。
在这里提个技巧:如何快速设置轴心式布局?
将你的「视觉单元」中的内容进行编组(快捷工具栏中的:格式 - 组合 - 组合),然后与垂直居中的参考线进行居中对齐(参考线调出:鼠标右键 - 网格和参考线 - 参考线)
2.左右分布布局
当信息量较多,一个「视觉单元」无法满足需求时,我们需要创造多个「视觉单元」来完成排版。而多个「视觉单元」的一种排版方式就是「左右分布布局」。
「左右分布布局」的本质是将页面划分成左右两个版面,在视觉上呈现「横向」的排版感觉。
来看一些使用了左右分布布局的幻灯片例子:
要知道,「左右分布布局」和「轴心式布局」是不冲突的。有时我们把左右两个「视觉单元」视作一个「视觉单元」后,整个页面依然是「轴心式布局」。
3.上下分布布局
多个「视觉单元」的另一种排版方式就是「上下分布布局」。
「上下分布布局」的本质是将页面划分成上下两个版面,在视觉上呈现「竖向」的排版感觉。
我们需要注意的是:上面所说的三种排版方式:「轴心式布局」、「左右分布布局」、「上下分布布局」是站在整张幻灯片的宏观角度来阐述的,描述的元素是「视单元」。
而实际上,「视觉单元」里面的内容同样需要排列,因此同样可以应用这三种排版方式。
所以你能看到很多幻灯片页面,它里面不仅仅包含单一的排版方式,而是同时包含两种甚至三种的排版方式。
以这张幻灯片举例:
黑框(标记7号)是最外面的一个整体,它由两个红框的内容(分别标记6号和5号)左右分布排版而成,而5号红框又由两个黄框(分别标记4号和3号)上下分布排版而成,3号黄框又由两个绿框(分别标记2号和1号)左右分布排版而成,而2号绿框内是一个轴心式布局的图表。
关于排版的四大设计原理
关于提高排版水平就不得不提四大设计原理。
* 对比:要避免页面上的元素太过于相似。通过制造对比来产生视觉重点和弱点,并引导阅读。
* 重复:视觉要素在整个作品中重复出现。重复的目的是:增加条理性,加强统一性。
* 对齐:任何元素不能在页面上随意的安放。每个元素应与页面另一元素有视觉上的联系。最基本的要求是:整齐。常见对齐方式有:居中对齐、左对齐、右对齐。
* 亲密性:相关项应当靠近,归组,把多个存在亲密性元素成为一个视觉单元。这会有助于阻止信息,减少混乱,为提供结构。