上下布局_布局和排版很重要,做好PPT你必须要知道这两点!

本文介绍了版式设计在PPT制作中的重要性,特别是上下布局、轴心式布局和左右分布布局。通过理解排版的目的和稳定感,可以提升幻灯片的易读性和美观性。同时,文章提供了快速设置布局的技巧,如使用对称、均衡原则以及组合工具。最后,提到了排版的四大设计原理:对比、重复、对齐和亲密性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

大部分人做PPT的时候都会遇到这种情况:浏览别人的PPT时觉得做起来很简单,当轮到自己做的时候就头脑空白,无从下手。原因多是因为我们不懂如何「排版和布局」。如果说字体、图片等元素是幻灯片的血肉,版式设计就是幻灯片的骨架。

今天我分享三种最常用的排版方式,看完本文相信你能马上get起来,快速入门PPT的版式设计。

一、怎么理解版式设计

在正式分享常用的三种排版方式前,我们需要先理清一些基本概念,这可以让你更容易理解版式设计背后的道理。

版式设计,也就是我们通常所说的排版。

什么是排版?好的排版就是将文字、图形、图片等版面构成元素合理、有秩序地安放在限定的空间内。

aa46d1a1bdefd248fc6c3125f4a4bbf1.png

排版的目的是什么?

往大了说,排版是为了使页面兼具易读性和美观性,让读者产生一种舒适愉悦感,从而产生继续读下去的念头,而不是往你身上砸瓶子或者中途退场。

往更具体的说,排版是为了让版面具有「稳定感」。稳定感是人类在长期观察自然中形成的一种视觉习惯和审美观念。

「稳定感」通常又包括了平衡感、空间感、比例感。

我们通常运用「对称与均衡」来制造「稳定感」。

5a4ecdbf0c74aa4f3db1d27c896563b4.png

二、三种常见的排版方式

1. 轴心式布局

ec6177761358e0be576677ccec823a7a.png

轴心式布局也常称「居中布局」。

轴心式布局是在平面设计中大量使用且非常实用的排版方式,而且掌握这种方式非常的简单。我们通常只需要将「视觉单元」放在页面的中轴线上就行。

我们拉出一条中轴线看看:

bc74438c893a4f055a537791765a2726.png

我们发现「视觉单元」正好处于中轴线上。

怎么样?感觉是不是很有对称美?这种对称美大量存在于我们的生活中,特别是中国古式建筑特别讲究对称美。

9682056f56b856ed7cf2eecc5c8cf4c1.png

上面提到一个知识点:什么是「视觉单元」?

通常我们把意义相关、距离相近的内容编成一个组,将其视作一个「视觉单元」。 例如在图1 中,我们可以这样看待其中的内容。

e1abf2775833a50e694c5af6b8de75a4.png

例如我常在课件中大量使用了「轴心式布局」。

a51c55324758eaaf13dd0ad1dca94c5a.png
ba6e9080b83548d6bfbaf9d0b372d5c3.png

在这里提个技巧:如何快速设置轴心式布局?

将「视觉单元」中的内容进行编组(快捷工具栏中的:格式 - 组合 - 组合),然后与垂直居中的参考线进行居中对齐(参考线调出:鼠标右键 - 网格和参考线 - 参考线)。

2.左右分布布局

72abe7251be8c923c44ac51a3348c8cb.png

当信息量较多,一个「视觉单元」无法满足需求时,我们需要创造多个「视觉单元」来完成排版。而多个「视觉单元」的一种排版方式就是「左右分布布局」。

「左右分布布局」的本质是将页面划分成左右两个版面,在视觉上呈现「横向」的排版感觉。

来看一些使用了左右分布布局的幻灯片例子:

58ebeedc78a9f4200d01615bb0771963.png
5ed6268934b0f9b8c27b96437aa51257.png

事实上,「左右分布布局」和「轴心式布局」是不冲突的。

有时我们把左右两个「视觉单元」视作一个「视觉单元」后,整个页面依然是「轴心式布局」。

af42326c9e28cc87452f4391181e72b9.png

3.上下分布布局

107c58dd0f33d6470b5525194118d944.png

多个「视觉单元」的另一种排版方式就是「上下分布布局」。

「上下分布布局」的本质是将页面划分成上下两个版面,在视觉上呈现「竖向」的排版感觉。

来看一些使用了上下分布布局的幻灯片例子:

55ded547fb644487425a054695a4fab6.png

我们需要注意的是:上面所说的三种排版方式:「轴心式布局」、「左右分布布局」、「上下分布布局」是站在整张幻灯片的宏观角度来阐述的,描述的元素是「视觉单元」。

而实际上,「视觉单元」里面的内容同样需要排列,因此同样可以应用这三种排版方式。所以你能看到很多幻灯片页面,它里面不仅仅包含单一的排版方式,而是同时包含两种甚至三种的排版方式。

以这张幻灯片举例:

5142f0a770803eb8d089ddff36284f8e.png
e6fb5adee408262a44ba957de6d5dec0.png

黑框(标记7号)是最外面的一个整体,它由两个红框的内容(分别标记6号和5号)左右分布排版而成,而5号红框又由两个黄框(分别标记4号和3号)上下分布排版而成,3号黄框又由两个绿框(分别标记2号和1号)左右分布排版而成,而2号绿框内是一个轴心式布局的图表。

三、关于排版的四大设计原理

关于这四大设计原理,下次再发文详细谈谈,这次先简单谈一下,感兴趣的同学可自行查阅相关资料。

* 对比:要避免页面上的元素太过于相似。通过制造对比来产生视觉重点和弱点,并引导阅读。

* 重复:视觉要素在整个作品中重复出现。重复的目的是:增加条理性,加强统一性。

* 对齐:任何元素不能在页面上随意的安放。每个元素应与页面另一元素有视觉上的联系。最基本的要求是:整齐。常见对齐方式有:居中对齐、左对齐、右对齐。

* 亲密性:相关项应当靠近,归组,把多个存在亲密性元素成为一个视觉单元。这会有助于阻止信息,减少混乱,为提供结构。

862d606c28689a13eb22334046faa68a.png

本文到这里就完了,如果对您有用,欢迎留言、点赞、转发!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值