forevershe 发表于 2023-10-3 16:45:49

有哪些相见恨晚的PPT排版技巧?

希望可以快速提升自己的排版水平
麻烦各位大神可以结合实际案例,这样更方便理解。

asdfasd 发表于 2023-10-3 16:46:45

从业七年,呕心沥血总结的PPT排版技巧,教你碰到超超超超超多内容怎么排版!
为了答这个题,我把我从业七年的PPT案例都给翻了个遍。
可以说是老底都扒给你了,你还不看,佛祖都觉得可惜!

http://picx.zhimg.com/v2-f1ac067800f5520663396a40f76a4866_r.jpg?source=1940ef5c
我主要给大家分享四个,难倒无数人的PPT多内容页面排版技巧:

[*]多文字排版
[*]多图片排版
[*]多人物排版
[*]多LOGO排版
不多啰嗦!咱们这就开始!·
一、多文字排版

相信每一位PPT小白,都有过面对着大段大段文字,不知如何处理的情况。

http://pic1.zhimg.com/v2-8c819e9dcfbaaa2c84f1f63f3b2f2923_r.jpg?source=1940ef5c
其实,只是你缺乏信息设计的能力,学会后分分钟变PPT高手。
接下来,就跟大家展开讲一下什么是信息设计?信息设计的步骤是什么?
信息设计呢,其实就是梳理信息,并将文字信息在PPT中进行可视化的过程,它主要分为四个步骤:

http://picx.zhimg.com/v2-ed2d2c1f1e4dfaa6427fd226efdecd9f_r.jpg?source=1940ef5c
什么意思呢?给大家举个例子来解释一下。
比如拿到下面这页文字稿,我们应该怎么做呢?

http://picx.zhimg.com/v2-ec5d8a2c576a47924978ec1c11806dd3_r.jpg?source=1940ef5c
当然是进行我们信息设计4步骤的第一步:
01 信息梳理
这一步是信息可视化的前提,因为对于一大段文字内容来讲,无论如何,我们都没办法,将它进行可视化呈现。
所以,我们要先找出这段话所要表达的核心意思。
比如上面那也文字稿,我们简单梳理一下,就能找到它想表达的重点:

http://picx.zhimg.com/v2-a2211bde9f71c041c6c7f9d85a2b2683_r.jpg?source=1940ef5c
02 明确逻辑
梳理完信息重点,我们就要明确内容的逻辑关系,比如上面那段文字的这句话,包含3个方面,他们之间的逻辑关系是什么呢?
很显然,循环关系,对吗?

http://picx.zhimg.com/v2-1d84484e669798a5f7bfefbfd8cd09b8_r.jpg?source=1940ef5c
03 构思图形
既然明确了逻辑关系,我们就要以此为基础,来确定能够呈现出相应关系的图形。
什么样的图形能够呈现出逻辑关系呢?
如果你不知道,可以参考PPT中自带的SmartArt内的图形样式:

http://picx.zhimg.com/v2-c66aec3bc11f411274919c1775ed2526_r.jpg?source=1940ef5c
当然,你也可以发挥想象力,自行绘制图形。比如提到循环,肯定是一个闭环的生态,对吗?

http://pic1.zhimg.com/v2-ea16095999b1fb435d5e723ab4fcad92_r.jpg?source=1940ef5c
04 匹配风格
确定了图形,我们就要进行进一步处理了——统一风格。
每一个PPT元素,都不是孤立存在的,必须和幻灯片的整体风格统一,不然整份PPT就会变得杂乱不堪。
比如我们想要呈现出科技感,就可以考虑一些偏科技感的视觉元素:

http://picx.zhimg.com/v2-e5d1cfb54315e17e147f6f16c0ef3463_r.jpg?source=1940ef5c
为了方便大家操作,我准备了上百个PPT版式集锦,获取方式就在下图哦~

http://picx.zhimg.com/v2-fa06ada0a3fdb484bb1ef20e8084b8f6_r.jpg?source=1940ef5c
为了便于大家理解,我们再来一个案例解释一下。
依然是一张内容很多的PPT文字稿,大家可以先来读一下:

http://pic1.zhimg.com/v2-efee5c4b1418e3e190214fcc814f6ace_r.jpg?source=1940ef5c
接下来,我们就按前面说过的4个步骤,对这段信息进行处理。
首先,第一步是信息梳理。
这一页在讲什么呢?其实很简单,如果你不知道如何进行信息梳理,可以找到主语和谓语,并把其中的定语删除,就能找到核心论点:

http://pic1.zhimg.com/v2-182e95a403798baae8cb63530e990377_r.jpg?source=1940ef5c
提炼后的内容,大概是这样的:

http://pic1.zhimg.com/v2-3c280f8a46f396a59360c482d6175d88_r.jpg?source=1940ef5c
第二步,明确逻辑关系。
那么,它的逻辑关系是什么呢?相信大家很容易就能看出来,并列关系,对吗?
确定了逻辑关系之后,我们就可以选择图形了。
在这里,为了呈现出并列关系,我画了4个并列的形状,以此来体现4个不同的方面:

http://picx.zhimg.com/v2-4b04bcbc0b75a6629f77e274d3f854a4_r.jpg?source=1940ef5c
最后一步,就是匹配视觉风格了。
这段文字是有关新能源系统的,我们可以选择科技感的视觉元素,然后,将文字排列在图形上方。
这里,我采用的是与地面垂直的排列形式:

http://pic1.zhimg.com/v2-7801500769b83f1a141b56c924fac0f6_r.jpg?source=1940ef5c
下面,再进行进一步的优化和补充,一页可视化效果很好的PPT页面就做好了:

http://picx.zhimg.com/v2-a7c0456367acfb6f1a5866b0797eff5e_r.jpg?source=1940ef5c
以上就是我精心总结的多文字排版的处理步骤了,你get到了吗?
当然,除了文字超多的PPT页面排版,还经常见到的一个页面类型是:多图片排版!
一页PPT中,放了20多张图片,分分钟爆炸!别慌,轻松搞定!
二、多图片排版

相信经常有人碰到,含有大量图片的PPT,放在一张幻灯片页面里,怎么排怎么怪?唯一能想到的就是把图片规规矩矩地并列摆放:

http://picx.zhimg.com/v2-f24bf92e2b82921138d570ec7ae48cfe_r.jpg?source=1940ef5c
但是,这也太没创意了!开会看到这种PPT,估计都没人想听。
那么,多图片排版怎么才能有创意呢?今天就教给大家两个,惊艳全公司的多图排版法。
01 瀑布流排版法
这个方法呢,是我从苹果官网学来的。
大家都知道,苹果的设计水平那可是一流的。今天,就给大家详细分解一下,苹果的图片排版技巧。
首先,为什么叫瀑布流排版法呢?
因为这种排版方式,依次接续排列,给人一种图片无穷分布的感觉,很像不停流动的瀑布。

http://pic1.zhimg.com/v2-f2bf7edb76c2bf30a299ba418b5eca27_r.jpg?source=1940ef5c

这种瀑布流排版法有什么特征呢?

[*]非常适合用在多图片排版中;
[*]能够呈现出数量庞大的感觉;
既能够在较少的页面区域,展示大量图片信息,而且会给人一种海量的视觉效果。简直不要太适合多图排版。
更重要的是,操作起来也超级简单,只需要把尺寸不一的图片,均匀地摆放整齐即可。
就像这样:

http://picx.zhimg.com/v2-eb1f2e56d769d60c0e0cebba7c9cdd18_r.jpg?source=1940ef5c
当然,如果你嫌纵向排列太平淡,也可以来点花样~
比如倾斜式的瀑布流布局:

http://pic1.zhimg.com/v2-245fe9ca10de4fb553568fe499e93595_r.jpg?source=1940ef5c
再比如像三维式的瀑布流布局:

http://picx.zhimg.com/v2-aa6afa596b8d74450e4e95bea7a46be4_r.jpg?source=1940ef5c
不过,图片排版一定要保证图片的间距相等,不然就会看起来很乱。
怎么样?这个方法是不是超级简单?最妙的是,这种排版方式几乎是万能的。
比如,你可以用它来排版荣誉页:

http://pica.zhimg.com/v2-bffe05591d6ca9dde43c37b9822dc587_r.jpg?source=1940ef5c
也可以用来排会议图片:

http://picx.zhimg.com/v2-1bededd04194ee610c32557f0a9c1b2d_r.jpg?source=1940ef5c
甚至是难看的截图,用了这种排版方式,也能变得高大上:

http://picx.zhimg.com/v2-4169feea45aba23d5667659c4e4577ec_r.jpg?source=1940ef5c
02 重点突出式排版法
上一个瀑布流排版法,适用于并列关系的图片排版,那如果,我们的PPT里还需要突出某张重点图片该怎么办呢?
我有4个超好用的办法教给你。
A.个例放大法
顾名思义,及时放大其中一张图片,使其在页面中占据更大的面积。
这样,不仅能够起到强调作用,而且,会让页面看起来更有跳跃感,翻译成人话就是,显得不呆板。
什么意思呢?给各位举个例子。突出单张图片,会在页面上形成对比,从而让页面重点更加突出。

http://pic1.zhimg.com/v2-4c77d2612bdc108a6a3f0f1ced4e9ffc_r.jpg?source=1940ef5c
B.色彩弱化法
简单来说,这个方法就是借助图片处理,去除掉非重点图片的颜色,使其变成灰白色,而重点展示的图片则保留颜色。
给大家举个例子。通过对图片颜色的去除,就可以突出重点图片:

http://picx.zhimg.com/v2-98dba51daa4081d306cf7a09ebb75bb4_r.jpg?source=1940ef5c
当然,也可以利用蒙版,减少图片对其他元素的干扰:

http://picx.zhimg.com/v2-827dd33d8490db9882243ddec1e25c0c_r.jpg?source=1940ef5c
C.边框颜色法
想要突出重点图片,我们还可以为图片选用不同颜色、不同粗细的边框,这样,也能够在一定程度上,起到强调图片的作用。
比如下面这页PPT,使用不同的颜色,来强调当前所要突出的图片:

http://picx.zhimg.com/v2-0c2d1c8abc0957157bfefe7a2fe101b2_r.jpg?source=1940ef5c
还可以结合色彩弱化法一起使用,效果更好。

http://pic1.zhimg.com/v2-f7b4d862342a19e61559bff575422575_r.jpg?source=1940ef5c
D.图片衬底法
在重点图片的底部,添加一个彩色的色块或者阴影,让其在视觉上脱离其它图片,就能够看起来非常醒目。

http://picx.zhimg.com/v2-6ff709fcb8f5907a2f0d353d8db22963_r.jpg?source=1940ef5c
当然,这里依然可以配合色彩弱化法,强调效果更强:

http://picx.zhimg.com/v2-307e076db8cdb5d90430817ed3bd4f17_r.jpg?source=1940ef5c
另外,我也准备了一些优质的PPT图片版式,供大家参考,获取方式就在下方

http://pica.zhimg.com/v2-fa06ada0a3fdb484bb1ef20e8084b8f6_r.jpg?source=1940ef5c
三、多人物排版法

有时候,你的领导要求你在一张PPT页面,排版几十甚至上百个人物,是不是觉得这简直就是天方夜谭,甚至怀疑领导在为难你。
其实,这个问题的解决办法超级简单,领导也没有为难你,是你想多了。
针对这种页面,主要有2种方法:有规律的人物排版和无规律的人物图片排版。
01 有规律的人物排版
我们可以利用一些形状、线条、色块等,让人物图片有规律地分布。
比如使用圆环,使人物图片有规律的向外辐射:

http://pic1.zhimg.com/v2-4e4aba1a4d4fad541d41950a3276d71f_r.jpg?source=1940ef5c
要是嫌这个还不够酷,可以使用三维旋转,做出更高大上的效果:

http://pic1.zhimg.com/v2-1a9d5b9538e37d7d1e7c05a085101d5b_r.jpg?source=1940ef5c
或者是简单地将人物图片等分,做背景墙,也很高级。

http://pic1.zhimg.com/v2-90b613a7184f44b509bbbe5501c53ff4_r.jpg?source=1940ef5c
比如荣耀的这页PPT,版式简单却契合主题:

http://picx.zhimg.com/v2-a5b1849b40f2d510bccbc92ba24f07ca_r.jpg?source=1940ef5c
又比如微软的这页PPT,还将人物图用四个色块覆盖,视觉层次超丰富:

http://picx.zhimg.com/v2-439a32b50772103ae69c8993da7996a1_r.jpg?source=1940ef5c
02 无规律的人物排版
因为没有规律,所以,也没有标准的版式,不过,这里还是给大家分享几个超有创意的案例。
比如,基于透视的原理,可以进行近实远虚的处理:

http://picx.zhimg.com/v2-7eaf5acc11b0dac648f406b06b32545a_r.jpg?source=1940ef5c
再比如这张:

http://pic1.zhimg.com/v2-6e14a58970782d98cf0a1c8e22d5d8bd_r.jpg?source=1940ef5c
高级又有质感。
也可以学习领英的这种散落的排版方式,但是要注意两侧的视觉对称:

http://picx.zhimg.com/v2-0faab23e11830c084c1d1bd557fe2aae_r.jpg?source=1940ef5c
或者,将人物填充在一个形状中:

http://picx.zhimg.com/v2-3c7da8a1618721974dddd107889c2f18_r.jpg?source=1940ef5c
比如,微软发布会PPT,就曾将人物填充在圆形形状中:

http://picx.zhimg.com/v2-dfe1e1772d7f4e99599e875c19495759_r.jpg?source=1940ef5c
因为,这种页面目的,不是为了详细介绍每一个人,而是为了体现一个团队,或者是表现多的感觉。所以,我们不必过分考虑,每一个人物图片都清晰可看。
当然,如果你们能够直接拍好团队照片,基本上就不用排版了:

http://picx.zhimg.com/v2-af0b83706f3a72c06dce076cb89d3f7d_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-c33f740f219cb5acbe01399adddb319a_r.jpg?source=1940ef5c
不过,拍摄照片时,一定要注意衣服统一,不然花里胡哨的,可不好看了。
说完了多人物排版,我们接下来就和大家分享一下,另一个让人头疼无比的排版问题,那就是多LOGO页面排版。
四、多LOGO排版

在企业介绍或者融资路演的 PPT 中,经常会需要展示合作企业的 logo,来呈现出合作关系。而这些LOGO呢,往往大小不一、颜色不同,排在PPT页面,总是会显得杂乱不堪。
为了解决,大家经常头疼的这个问题,我总结了8个,多LOGO页面的排版技巧。
01 反白处理
由于PPT页面中 logo 形态各异,而且颜色也不统一,页面就会显得十分杂乱:

http://picx.zhimg.com/v2-70cf37e01edcb14647b436dfe87b1db8_r.jpg?source=1940ef5c
要解决这个问题,其实很简单,统一 logo 颜色就好了:

http://pic1.zhimg.com/v2-7283612eac3d8db2b05977c7abf850b9_r.jpg?source=1940ef5c
一般页面背景为深色时,会把 logo 处理为白色,很多大型发布会的 PPT 都会用到这个方法。

http://picx.zhimg.com/v2-50f9c66c62011453179810c0fd3ccfae_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-ae0ba294bd974d4403c5be671c583818_r.jpg?source=1940ef5c
那么,该如何将 logo 反白呢?
如果你下载的是矢量 logo,直接填充为白色即可。
如果 logo 是 png 格式,我们只需要设置 logo 的亮度,将亮度调到最大就可以了。

http://pic1.zhimg.com/v2-ded4b72c5573c7ad1507a900df66828b_r.jpg?source=1940ef5c
02 借助色块
色块简直就是PPT设计中的排版神器,可以规范页面中所有的杂乱元素。即使 logo 之间的视觉风格差异再大,只要加上色块就能大不一样:

http://pic1.zhimg.com/v2-3f7de3398c52a39bd62a3899a5481e72_r.jpg?source=1940ef5c
而且我们只需要更改色块的形状,就可以有多种排版样式:

http://pic1.zhimg.com/v2-99a0969d2d7999bcde08998bf3b75596_r.jpg?source=1940ef5c

http://pic1.zhimg.com/v2-f1d95b7801e2dadc07e11599794ed75d_r.jpg?source=1940ef5c
又或者是像微软这样,把LOGO铺满PPT页面:

http://pic1.zhimg.com/v2-52c83fcf9e8678a0d748e3b230a1ba41_r.jpg?source=1940ef5c
当然,将其进一步调整,甚至加上动画,让页面变得更高级,效果也很赞:

http://pic1.zhimg.com/v2-50940aab813ba15d3d07bd7a9c0be50d_r.jpg?source=1940ef5c
03 借助线条
使用线条,同样能够达到规整 logo 的目的,相比色块,使用线条会让页面看起来更简约。

http://picx.zhimg.com/v2-435de7abffaa801c47262ed32ab2799c_r.jpg?source=1940ef5c
04 借助特殊载体
为了规整不规则的 logo,我们通常会使用色块作为 logo 的载体,这样做虽然没什么大的问题,但是页面会容易显得单调:

http://pic1.zhimg.com/v2-bc087eb3c1ef6d8350b9e4ab94bcefa1_r.jpg?source=1940ef5c
我们不妨换种思路,比如用橄榄枝代替原来的色块:

http://pic1.zhimg.com/v2-1e12ca8d08fa726fdaa833853c7c18df_r.jpg?source=1940ef5c
也可以用来装饰高校的校徽:

http://pica.zhimg.com/v2-5fec6da4d239eb4621d89b2c16525ba0_r.jpg?source=1940ef5c
是不是立马高级了起来?
05 错位排版
对 logo 进行大小错落的排版,让页面看起来更加有节奏感。而且这样做,还能够突出显示重要的合作伙伴。
比如对六边形错落排版,这里重点突出了华为:

http://pica.zhimg.com/v2-7e1f6597cbfb1ef50929701c09804b97_r.jpg?source=1940ef5c
圆形的错落排版:

http://picx.zhimg.com/v2-cee32b55c9130a67a4f8207d65ebc9f1_r.jpg?source=1940ef5c
又或者是菱形的错落排版:

http://picx.zhimg.com/v2-3a02d5df1e2004262573e203807e40d4_r.jpg?source=1940ef5c
06 借助三维旋转
利用三维旋转,来营造页面的纵深感,让页面更加有层次,进而丰富页面的视觉效果。
比如我们把所有 logo 组合后,设置三维旋转,模拟向内延申的效果,来体现合作企业数量有很多的概念:

http://picx.zhimg.com/v2-d89b266c5145080fee081ab1f0547557_r.jpg?source=1940ef5c
又或者将 logo 设置为向外发散的效果,提升页面的视觉冲击力:

http://picx.zhimg.com/v2-97186264532f5aaa3d5a565b6e0d8a88_r.jpg?source=1940ef5c
再比如,我们之前提到的LOGO动画,除了借助色块,也利用了三维旋转:

http://pic1.zhimg.com/v2-50940aab813ba15d3d07bd7a9c0be50d_r.jpg?source=1940ef5c
07 制作LOGO云
可能大家对 logo 云这个概念感到很陌生,它是什么意思呢?和文字云类似,logo 云就是让 logo 按照某一种形状,错落有致地摆放在一起。
比如我们想要体现公司与合作企业之间的关系密切,可以把 logo 堆积成心型:

http://pic1.zhimg.com/v2-fdeed7f17bba091eeb21c14f81d41a76_r.jpg?source=1940ef5c
或者企业是与物流相关的企业,我们可以把 logo 拼凑成运输车的形状:

http://pic1.zhimg.com/v2-16482b2e43f34bf4cb696b66003731cf_r.jpg?source=1940ef5c
又或者我们只是想要体现合作伙伴数量有很多,借助虚实结合的手法,我们还可以将页面做成这样:

http://picx.zhimg.com/v2-e03c007413dc231149c6781e1276b121_r.jpg?source=1940ef5c
这种排版不仅视觉效果赞,而且创意十足,震撼力超强。
关于多LOGO页的一些排版方法就是这些了。还不错,对吧?当然,创意的形式还有很多,这篇文章也囊括不了所有多LOGO排版法,大家有好的创意方法,也可以私信给我。
此外,我也给大家准备了超丰富的PPT版式,获取方式就在下方

http://picx.zhimg.com/v2-fa06ada0a3fdb484bb1ef20e8084b8f6_r.jpg?source=1940ef5c
以上,就是我今天要分享的压箱底的PPT排版技巧了,内容有点多,最后再跟大家总结一下:
01 多文字排版技巧

[*]信息梳理
[*]明确逻辑
[*]构思图形
[*]匹配风格
02 多图片排版

[*]瀑布流排版法
[*]重点突出式排版法
03 多人物排版

[*]有规律的人物排版法
[*]无规律的人物排版法
04 多LOGO排版

[*]反白处理
[*]借助色块
[*]借助线条
[*]借助特殊承载体
[*]错位排版
[*]三维旋转
[*]制作LOGO云
以上,就是我今天分享的全部内容啦,希望能对大家有所启发~当然了,这些技巧,不仅仅适用于我今天提到的情形,很多方法都是通用的。大家可以开动小脑瓜,在PPT设计中,以这些技巧为基础,进行更加创意的排版,相信PPT进步会越来越快的。
如果你对我写的内容感兴趣,可以关注我的账号 @旁门左道PPT ~
辛苦码了这么多字,大家不要忘记给我点个赞哦~

http://pic1.zhimg.com/v2-29d41d28640d3362407033dcf6871a24_r.jpg?source=1940ef5c

焦波 发表于 2023-10-3 16:47:15

作为拥有5年PPT设计经验的老司机!阅片无数,分享点不为人知的干货!
提者有个关键词:快速!

http://pic1.zhimg.com/v2-ec5b1596cef668540d45a9cc409aafb5_r.jpg?source=1940ef5c
啥是快速,就是看一眼,就能做出高逼格PPT的技巧!赞同的记得点个赞哈~
我从事PPT设计已经5年了,帮助无数的企业制作PPT,从中,我总结了一套226页的PPT版式模板,都是大厂的版式,非常适合,直接套用就成!
很多规范,我直接都定义好了!只要你有智商,就能轻松做出一份优秀的PPT设计!

http://picx.zhimg.com/50/v2-44772e57fed1e3d550f174f47ff73505_720w.jpg?source=1940ef5c
很多朋友在评论区说,想要这个PPT版式灵感,我已经给你准备好了!
点击下方,关注公众号【旁门左道PPT】,发送关键字【226】一键获取独家原创226页PPT版式灵感手册,点击下方直达>>https://xg.zhihu.com/plugin/9f2464ea295cace498ffe77735305933?BIZ=ECOMMERCE
可能很多人会蒙圈,这算什么相见恨晚的PPT技巧!别慌,看完这篇文章,如果你的想法改变了,别忘了点赞支持我!
先问大家一个小问题,你觉得PPT排版中,什么最难?
可能有人会说是配色,有人会说是内容,也有人可能说是背景……
但其实,据我了解,很多人心里的答案,可能是排版。
而你之所以觉得排版比较难,不是什么技巧问题,而是你没有想法,没有创意!
而解决这个问题的方法,其实也比较简单,看足够多的优秀作品,并且对作品进行归类总结!

http://picx.zhimg.com/v2-806d610825a6f47f46d22c46b25d357a_r.jpg?source=1940ef5c
但这个过程可能是很漫长的,而我今天就是帮你解决这个问题的!根据我自己的积累,每年我更新一次PPT版式手册,到现在已经更新了4年了,有226个页面版式!

http://pic1.zhimg.com/v2-716213d11ceb0a018fc6fc0d0425dab2_r.jpg?source=1940ef5c
毫不客气的说,这226页,绝对称的上万能版式,帮你彻底快速的解决PPT排版中的问题!
使用这些版式,你可以轻松1分钟内做出这样的页面:

http://picx.zhimg.com/v2-b042deb7ef6ffb9ed44be765eb0e2224_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-d574f5f3fa7bc7634a643f14b303b008_r.jpg?source=1940ef5c

http://pica.zhimg.com/v2-6efb1708206cbcfbedd69e75611f2d91_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-dc99e5c636ebc98d7bae234442913b04_r.jpg?source=1940ef5c
是不是很不错,超级快速!
我在制作的时候,还将这些页面进行了分类,更加方便大家去找灵感哦~

http://pica.zhimg.com/50/v2-bf9a544a2345d06d36d4e6277c07229a_720w.jpg?source=1940ef5c
给大家看一些这些版式该怎么用吧~分享一些小技巧!
我们假想一个场景,当我们需要对这样的图片进行排版,你会选择将其并列排版,还是其它方式呢?

http://picx.zhimg.com/v2-27fcb735ff57837a51f6738e2a12e047_r.jpg?source=1940ef5c
如果你没思路,可以打开这份手册,点击样机页面,找到合适的版式,比如就是这个:

http://pic1.zhimg.com/v2-132668ab61c9a64552a968f5342ea11b_r.jpg?source=1940ef5c
那么,直接替换内容的元素,即可完成排版:

http://pic1.zhimg.com/v2-cba99b03b37f2d3a8f19b92f91c3a39b_r.jpg?source=1940ef5c
当然,为了与整份 PPT 的视觉风格保持一致,我们还可以做出色彩的变化:

http://pica.zhimg.com/v2-34f114a870b40fb0db43dc0fe2e59012_r.jpg?source=1940ef5c
或者是添加一些修饰元素:

http://picx.zhimg.com/v2-9b5a73711d1355ba553a5b75da17da36_r.jpg?source=1940ef5c
怎么样,是不是轻轻松松搞定!
而且我直接定义好了文字的间距,排版等问题~
再比如,像下面这一页内容,那么,该如何又好又快地对排版APP界面图呢?

http://pic1.zhimg.com/v2-434562fe886c3bae4faca1e87e0781e2_r.jpg?source=1940ef5c
超简单,照一张,样机的相关相关版式:

http://picx.zhimg.com/v2-eeed621d68464b1e42cee621202906a6_r.jpg?source=1940ef5c
把内容填在里面,就可以自动生成三维旋转的效果:

http://picx.zhimg.com/v2-44e9502f9b061568cc184b52546da739_r.jpg?source=1940ef5c
再比如像下面这一页内容,那么,该如何又好又快地完成数据图表的排版呢?

http://picx.zhimg.com/v2-e09b6115a0e62e2b13d47812fdb419cf_r.jpg?source=1940ef5c
这些版式页中,还是有很多的创意图表版式的,选择其中一个:

http://picx.zhimg.com/v2-e952b7090c188f6d22edff1b21f77a0b_r.jpg?source=1940ef5c
简单地把内容填进去,大功告成:

http://pic1.zhimg.com/v2-2736498fa2c1e7111e927c92e85f946b_r.jpg?source=1940ef5c
而且这版式感觉还不错吧~
很多朋友在评论区说,想要这个PPT版式灵感,我已经给你准备好了!
点击下方,关注公众号【旁门左道PPT】,发送关键字【226】一键获取独家原创226页PPT版式灵感手册,点击下方直达>>https://xg.zhihu.com/plugin/9f2464ea295cace498ffe77735305933?BIZ=ECOMMERCE再比如这个版式,我们用它来进行图文排版:

http://pic1.zhimg.com/v2-e1a9b9b79c2c06000091b83630f78664_r.jpg?source=1940ef5c
我们只需要将填入图片,并且简单地加上一些文字内容和小图标,即可轻松完成一页还不错的幻灯片:

http://pica.zhimg.com/v2-f9d3c51a52f4d71a7f825e3915f68bf9_r.jpg?source=1940ef5c
还有这个版式:

http://picx.zhimg.com/v2-82079a31f6b9c0f6f45c41b006dfe5d7_r.jpg?source=1940ef5c
简单换一个深色背景,你也能做出这样的版式:

http://picx.zhimg.com/v2-5807433d6e324919d3c64dba95a9d9aa_r.jpg?source=1940ef5c
再来一个,当我们想要设计总分关键,或者是对某个概念进行分论点展示时,可以套用这个版式:

http://pic1.zhimg.com/v2-c766baefe6cf7e405891bda69c930ed6_r.jpg?source=1940ef5c
一样是加个背景图,轻松做出这样的公司介绍页面:

http://pic1.zhimg.com/v2-21b4f8ed7e6951fc4e52a09bb5847566_r.jpg?source=1940ef5c
当然,其实很多时候,同样的一页内容,是可以套用不同的版式来完成的,呈现的效果,也会有所差异。
比如我们看到页面上有这样的一段内容:

http://picx.zhimg.com/v2-7128edad49bc475d18678ed57438a43c_r.jpg?source=1940ef5c
当我们套用这个版式时:

http://pic1.zhimg.com/v2-d2eecd55862577149e0cda514bdfeb1f_r.jpg?source=1940ef5c
可以做出这样的 PPT 页面:

http://picx.zhimg.com/v2-0eed79a2e539f4b96c7f6f7535d57d6e_r.jpg?source=1940ef5c
而当我们套用这样的版式时:

http://picx.zhimg.com/v2-6162542bf41a1ac7848c330b22b5ee66_r.jpg?source=1940ef5c
呈现的页面效果是这样的:

http://pic1.zhimg.com/v2-3895203f0ce0af698096de92a091ec5d_r.jpg?source=1940ef5c
再或者,当我们套用这样的版式时:

http://picx.zhimg.com/v2-b8db33d73c8f5e433500f99df56ab014_r.jpg?source=1940ef5c
我们可以做出这样的 PPT 页面排版效果:

http://pic1.zhimg.com/v2-7df5f242fc50cc5dfd3855e02e5bb89b_r.jpg?source=1940ef5c
只要版式能够符合内容的逻辑呈现即可,没有固定的版式。
包括封面的,也是一样,就比如这个封面:

http://pic1.zhimg.com/v2-8426b261c16fca7861abed84da827493_r.jpg?source=1940ef5c
怎么排版呢?在版式库中随便挑选一个:

http://pic1.zhimg.com/v2-7fc0d2ffd7384a1ffb7c86762ec7366d_r.jpg?source=1940ef5c
假如说就是它了:

http://pic1.zhimg.com/v2-1240bf8413bdf573611e05fddaac01cc_r.jpg?source=1940ef5c
变成了这样:


http://picx.zhimg.com/v2-eb8860b082b555544d0c524bc0e96d87_r.jpg?source=1940ef5c
换个背景图吧,来让页面丰富一些:

http://picx.zhimg.com/v2-6d07e9f275d61d9ac52966849745e14b_r.jpg?source=1940ef5c
文字底部的色块,有些突兀,可能需要咱们对它的色彩和风格做一些简单的调整:

http://picx.zhimg.com/v2-904fdd711c41b1ac584be969e84f137d_r.jpg?source=1940ef5c
基本搞定。当然,你还可以根据自己的实际需求,对字体,或者是色彩,背景图片等元素做出更多修改。
比如,修改标题字体以及色彩:

http://pic1.zhimg.com/v2-33a60ff4839bc7a3f95194d2cfaa340b_r.jpg?source=1940ef5c
怎么样是不是轻松搞定了!
当然还有很多样式!都可以帮你轻松做出这样的页面:

http://picx.zhimg.com/v2-6a7bd90f654b692a34ed7d500e0d1e62_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-08aeca0e0d5149b4c862be15438da684_r.jpg?source=1940ef5c
超级方便哦!
而且我对表达内容的主次关系,也做了不同的色调区分:

http://pic1.zhimg.com/v2-b07a42706d1aa7b9f983e3e5956686e6_r.jpg?source=1940ef5c
让你一眼就能明白该怎么用,怎么放置!
里面的很多需要要用样机的图片,我也都放了占位符,你只需要点击上传就能自动变格式,就像这样:

http://pica.zhimg.com/v2-15799a76f3db6e7c957b501d7864d02d_r.jpg?source=1940ef5c
超级方便!
希望我的这份精心整理的PPT排版版式,能帮你快速解决排版问题!

http://picx.zhimg.com/v2-e35f1f8c9f5d518b6bfe4fb05880ece5_r.jpg?source=1940ef5c
如果你想要这份226页的版式素材库,别忘了给我点个赞哦~
我来了,这份独家原创的226页PPT版式素材库,我已经给你准备好了!感谢大家支持!
点击下方,关注公众号【旁门左道PPT】,发送关键字【226】一键获取独家原创226页PPT版式灵感手册,点击下方直达>>

https://xg.zhihu.com/plugin/9f2464ea295cace498ffe77735305933?BIZ=ECOMMERCE希望它能真正意义上帮你实现,快速的PPT排版~
另外,我的这些关于PPT的回答,你也可以看看哦,希望对你有帮助~
对比两张PPT,哪个更好看?PPT中有哪些逆天的功能,看一眼就觉得“不得了”?辛苦码字,分享资源,能不能换各位老爷一个点赞呢~

xbj 发表于 2023-10-3 16:48:13

看完这个回答,保证你就再也不说自己不会排版了。不讲空洞乏味的理论,实实在在的教你两种公式化排版方法,一网打尽 PPT 页面排版问题。
文中案例源文件都为你准备好了,点击下方链接,关注后,回复关键词【卡片】即可获取了~
https://xg.zhihu.com/plugin/59ffb3cf28e8ea1dfb25253a18cb6c69?BIZ=ECOMMERCE话不多说,直接进入正题:
1、中心环绕式排版法

PPT页面中文案大多属于总分型,所以,用这样方法至少能解决80%的排版问题。
A、什么是中心环绕式排版呢?
简单来说,就是以页面中的论点为中心轴,把论据有规律分布在论点的周围。

http://picx.zhimg.com/v2-ad7243c98a174ad204e06f84d72d5c80_r.jpg?source=1940ef5c
为了方便理解,来看几个案例:

http://pic1.zhimg.com/v2-6431dc9a524c5b47d4f0d6de1b5305b8_r.jpg?source=1940ef5c

http://pica.zhimg.com/v2-fac322dc902de5059d019096c621419b_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-e81ef95805c93ae1a79ac801ac2d8123_r.jpg?source=1940ef5c
明白了吗?在排版页面的时候,只需要把论据围绕论点摆放,就能有很不错的视觉效果!
B、使用这种排版方法时,都有哪些需要注意的点呢?
a、环形线条的变换
想要让页面的排版丰富而又美观,关键就在于环形线条的绘制。
比如线条透明度的变化:

http://picx.zhimg.com/v2-660aaccf26a1dd43edb50be990635c46_r.jpg?source=1940ef5c
由内向外透明度越来越低。
线条的疏密变化:

http://pic1.zhimg.com/v2-19cc7bb834d6125f8cf760f16144d4d6_r.jpg?source=1940ef5c
线条的类型变化:

http://picx.zhimg.com/v2-188b84f3c8aec788ba0fd0e49ab9e0b5_r.jpg?source=1940ef5c
虚线与实线的变化。

http://pic1.zhimg.com/v2-99318ba9eb376943f4f80ed4b779bc60_r.jpg?source=1940ef5c
半封闭圆环与封闭圆环的变化。
以及线条的粗细变化:

http://pic1.zhimg.com/v2-7c8d29d81b0c73ee38c17e575bcb50ed_r.jpg?source=1940ef5c
当然,上面所说也都可以混合搭配使用,这样就可以组合出很多种版面样式:

http://picx.zhimg.com/v2-e00b1739dd1099b7636c0b9f1d44abee_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-906156d2c8f121543ffb23162d0ce88f_r.jpg?source=1940ef5c
只要恰当的调整上面所说的参数,就可以很好的丰富页面的效果,进而让页面更具层次感。
b、论据的分布要视觉对称
看了这么案例,相信大家都已经明白,这个方法适用于论点加上多个论据的页面,而对于论据的排版,我们要保证其在视觉上的对称,因为只有这样,页面才会显的美观、舒适。
比如前面所举的案例,都是将论据放在页面中心,从而让页面实现中心对称:

http://pic1.zhimg.com/v2-364cc72ae1f85458c92663dadc17062b_r.jpg?source=1940ef5c
但是,很多时候,我们会碰到论据个数为奇数情况。如果还是按照上面的中心对称的排法,页面难免会有些失衡,就像下面这一页 PPT:

http://picx.zhimg.com/v2-290c78a893a6cf7c2e8bb61055c5a69d_r.jpg?source=1940ef5c
这个时候,为了避免页面失衡的问题,就可以把论点放在页面下方,让页面形成左右对称:

http://picx.zhimg.com/v2-5b5214b1be60c30e46cc284b4137fd62_r.jpg?source=1940ef5c
或是把论点放在页面左侧,让页面上下对称:

http://picx.zhimg.com/v2-f58380f53e8250c8723b1b1221152925_r.jpg?source=1940ef5c
同理,把论点放在页面上方或者右侧都是可以的,只要让页面遵循某一条直线对称即可:

http://picx.zhimg.com/v2-bde84c242364a9735c9b8915825d7990_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-6b89433845808566275e3a65bc37cd13_r.jpg?source=1940ef5c
C、如何排版的更加有创意?
a、变换线条形状
通常情况下,我们都会选择用圆形,来作为页面中的主元素,比如上面的案例都是用到了圆形。那我们为了让页面看起来更加具有创意,最简单的做法就是更换环形线条的形状。就拿下面这张页面为例:

http://pica.zhimg.com/v2-7b4c037506a409771ff234b2ef657cb6_r.jpg?source=1940ef5c
我们可以更换为菱形:

http://pic1.zhimg.com/v2-116653ed8fea73426226adeecd0c26e9_r.jpg?source=1940ef5c
圆角矩形:

http://pic1.zhimg.com/v2-68c696e37a9ccdd079112d7522f4f0a3_r.jpg?source=1940ef5c
甚至我们还可以依据背景图片,来确定线条的形状。比如下面这一页就使用三角形来契合背景图片:

http://pic1.zhimg.com/v2-a34ee518a00da020cd923beb952eaf31_r.jpg?source=1940ef5c
b、论据错落排布
把论据大小错落的排版,这样做的好处就是,能够很好的突出页面中的重点,就像这样:

http://pic1.zhimg.com/v2-889d13c01d47ed472a1e4634c31a0d8f_r.jpg?source=1940ef5c
当然,如果你觉得页面有些单调,我们可以在绘制一些形状,来营造页面中的层次感:

http://pica.zhimg.com/v2-9f56ad4544bc862dc46d25677a24e68c_r.jpg?source=1940ef5c
为了让你更好好理解,咱们再来多看几个错落摆放的案例:

http://picx.zhimg.com/v2-55b762c8d0cc944fe5510c69fe81b92a_r.jpg?source=1940ef5c

http://pic1.zhimg.com/v2-5dd6b7504ca53d185bf92f74415fc393_r.jpg?source=1940ef5c

http://pic1.zhimg.com/v2-54390e039b081efe92ba4b69e20eca09_r.jpg?source=1940ef5c
c、构建三维视角
通过模拟卫星环绕行星的样式,将论据排列在论点的周围,让页面呈现出三维视觉效果,就像这样:

http://pic1.zhimg.com/v2-0612c308e4e4ce96e8aee2a5caee6e96_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-c8ebc8f561d20851c63aef59c2379c0c_r.jpg?source=1940ef5c
而且在一些大型发布会的 PPT 种,我也经常会用到这个方法:

http://pica.zhimg.com/v2-fbc0646d3f9bd765dbf7905a0734ae1e_r.jpg?source=1940ef5c

http://pic1.zhimg.com/v2-573e35c4c123bf442ede5ccf070ae77f_r.jpg?source=1940ef5c
同样的,再来看几个构建三维视角的案例:

http://pic1.zhimg.com/v2-cbe3e22bcb1fdd1d07e8eae11d12ed9a_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-c6c682f7c2752cb9e5638eaab010c2c3_r.jpg?source=1940ef5c
同样都是中心排版,换种思维方式,也能做出超有创意的页面。

学会这一招,搞定80%的PPT页面,那剩下那 20% 的页面改如何处理呢?

http://picx.zhimg.com/v2-b834ac6f8d6674604fd5a3c7c981d054_r.jpg?source=1940ef5c
经过我不断的总结,研究出了一个超酷的排版方法:
2、卡片式排版法


http://picx.zhimg.com/v2-db04a8720e3dfdc1bde5eeec841d35b2_r.jpg?source=1940ef5c
A、什么是卡片式排版法呢?
理解起来很简单。就是在页面中画几个色块,用来承载页面中不同的内容,色块的大小取决于内容的多少。
大概就是这个形式:

http://pic1.zhimg.com/v2-640ff57d188da5bd13dfa9f94f586ad6_r.jpg?source=1940ef5c
为了让你更容易去理解什么是卡片式排版法,来看几个案例,其实这种排版方法还挺常见的,比如网页设计:

http://picx.zhimg.com/v2-1e7c4e62663da2ae44a2250d878ba42c_r.jpg?source=1940ef5c
手机浏览器的界面设计:

http://picx.zhimg.com/v2-dfafd2222454276007a5f99a51e5975d_r.jpg?source=1940ef5c
手机系统的界面设计:

http://pic1.zhimg.com/v2-cb469e39c5726f7aa40929569ea0bc32_r.jpg?source=1940ef5c
就连前段时间苹果发布会中,也多次用到过这个排版方法:

http://pic1.zhimg.com/v2-4a2d928d9d5aece81f4bf084e47d6d30_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-7c4e7910425ea3dcb8b42c57c291b861_r.jpg?source=1940ef5c
紧接着,就被魅族给学了过去:

http://picx.zhimg.com/v2-9c6942ad5f498bf6e4b2d8912434cedf_r.jpg?source=1940ef5c
可见这个方法之经典!
B、使用这个方法,有什么好处呢?
针对不同类型的页面,卡片式排版有着不同的作用,一般分为这两类:
a、信息量较大的页面
对于内容较多的页面,使用这个方法,能够很好的规整页面中杂乱的信息,让页面看起来十分的整齐。
比如下面这页 PPT,有着多种样式的图表,以及一些重点数据:

http://picx.zhimg.com/v2-ca3310c1913861d6df26de5363dd0a3a_r.jpg?source=1940ef5c
虽然排版整齐,而且还有意识地通过距离,来划分不同的信息区域,但看起来仍然很乱。我们把页面的中心放入到卡片中,再来看一下效果:

http://pic1.zhimg.com/v2-b10c3e42aa5b8111258fd14d70d28017_r.jpg?source=1940ef5c
考虑到原稿和大数据相关,我又改了一版深色背景:

http://picx.zhimg.com/v2-81250f34f9e7f1d7a53a944e8dbc0e01_r.jpg?source=1940ef5c
和最原稿相比,这两版都要整齐很多,对吗?
b 、信息量较少的页面
对于页面内容较少的页面,卡片式排版能够让页面更加的饱满,不至于让页面显得单调。
同样的,我们来看一个案例:

http://picx.zhimg.com/v2-f3319b4493c5a54ecf48f254ba74607b_r.jpg?source=1940ef5c
由于内容太少,导致页面两侧看起来很空,对吗?这时就可以考虑采用卡片式的布局,让页面更加的丰富。我使用色块大概绘制了一个版式:

http://pica.zhimg.com/v2-a0acdd43ff3dbc14499ca3becf7a4273_r.jpg?source=1940ef5c
接着,将内容添加的版式中:

http://pica.zhimg.com/v2-de903a60d4317d08305f99dbfdc06115_r.jpg?source=1940ef5c
效果看起来还不错!
最后,为了营造空间感,还可以给卡片做一个三维旋转,以及添加倒影:

http://picx.zhimg.com/v2-83d43290facb5115491c701661166905_r.jpg?source=1940ef5c

B 、那使用这种排版方法时,都有哪些需要注意的点呢?
a、卡片之间的间距相等
这是使用这种排版方法,最基本的要求。

http://picx.zhimg.com/v2-632efd122b514ded94cc8c1572e1ff0d_r.jpg?source=1940ef5c
来看一个实例:

http://pic1.zhimg.com/v2-ec62d8ffbc3160d2bb36278df6f1e27a_r.jpg?source=1940ef5c
间距相等,不仅要求卡片的横向间距相等,其纵向间距也要和横向间距保持一致:

http://picx.zhimg.com/v2-60c7c880ad5d35547f430ca9f2b10c64_r.jpg?source=1940ef5c
比如,刚才我们所修改的一个案例:

http://picx.zhimg.com/v2-11d56840e00dc474df8748d106dc6db0_r.jpg?source=1940ef5c
只有这一样才能保证页面在视觉上的美观。
b、卡片内要有合理的留白
可能有些朋友不明白是什么意思,简单来说,就是内部信息与卡片边界保留一定的距离

http://pic1.zhimg.com/v2-1eaaabb6c9b19ac30d57b2e7b2b4391a_r.jpg?source=1940ef5c
为了让你更清晰的明确这一点,咱们再来看一张对比图:

http://pic1.zhimg.com/v2-2ffaa529ad9d914acffe79a88a9a35d3_r.jpg?source=1940ef5c
很明显,左侧的卡片看起来十分的拥挤,给人的感觉十分压抑,没有什么呼吸感,阅读起来也有很障碍。而右侧的卡片,给人的感觉却十分的舒适。
c、卡片多为圆角
这里用了“多为”二字,并没有完全肯定的意思。卡片多为圆角,是因为,在卡片数量、间距均相同的情况下,圆角比直角更容易被人眼所识别。

http://picx.zhimg.com/v2-9c4767135bfc55c16364a2e2028b1369_r.jpg?source=1940ef5c
比如下面这两张图示:

http://pic1.zhimg.com/v2-1060bff099d87faff0b7b47350d988d5_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-5835a6bea9259aca789a48d31028199c_r.jpg?source=1940ef5c
由于圆角卡片之间的边界更加的明显,所以在卡片数量较多时,使用圆角能够更好的突出卡片中的内容。
这也是形状圆角处理在手机 UI 中,流行的原因之一!

http://picx.zhimg.com/v2-23f6d1b8f7bd22abc1bde2735f206035_r.jpg?source=1940ef5c
C、卡片如何排版,才能更具创意?
a、在卡片底部叠加色块或图片
通常情况下,如果只是简单的将内容置于卡片中,页面难免会有些单调,而通过叠加色块或者图片,则可以让页面更具视觉层次。

http://pic1.zhimg.com/v2-a64b4aa96fab8cb3f68b04382fd486c9_r.jpg?source=1940ef5c
比如下面这两页 PPT,都是通过在卡片底部添加图片来增强页面的层次感:

http://pica.zhimg.com/v2-5f2c41e3dc9af59d93e57f60105636b7_r.jpg?source=1940ef5c

http://pic1.zhimg.com/v2-8ed4b95007d6c2e5a618c529755b2cd2_r.jpg?source=1940ef5c
明确了这一点,咱们一起来看一个实际案例,就比如下面这张幻灯片:

http://picx.zhimg.com/v2-3ed0a06e65234e2039dc5b1d574453cb_r.jpg?source=1940ef5c
首先,我们可以使用卡片划分页面中的 3 个图表,并添加相应的颜色。

http://picx.zhimg.com/v2-242e9bb627d109019e4cbfd31a7ce457_r.jpg?source=1940ef5c
接着,为了让页面更有层次,我们可以在卡片的底部,添加一层形状:

http://pic1.zhimg.com/v2-95b956722f7fd4d235aa9519f188346c_r.jpg?source=1940ef5c
或者是与页面信息相关的图片:

http://picx.zhimg.com/v2-842096f3339fe8c344e2a5330fb314c8_r.jpg?source=1940ef5c
层次感立马就出来了,对吗?
另外,为了让层次感更强,我们还可以给卡片添加阴影,就像这样:

http://pic1.zhimg.com/v2-0d3f6289187470935350e27ba0c6d10f_r.jpg?source=1940ef5c
b、卡片之间错落摆放
先来看一张图示对比:

http://picx.zhimg.com/v2-de29014a6e41d6203012fecad5ae8c0c_r.jpg?source=1940ef5c
很显然,错落摆放的页面会显得更有创意,对吗?
当然,除了创意,卡片的错落摆放还可以合理的运用页面上的空间。内容多的放在大卡片上,内容少的放在小卡片上。

http://picx.zhimg.com/v2-956329785e6a9715e780346f0dbc9a79_r.jpg?source=1940ef5c
比如苹果、魅族发布会的 PPT,就巧妙地利用了这一点:

http://picx.zhimg.com/v2-8d19b94263d530a93620b64092f9eac5_r.jpg?source=1940ef5c

http://pic1.zhimg.com/v2-83135def3d7f3a16515ae950786f0c0a_r.jpg?source=1940ef5c
再来看一个具体的案例,这是一页大会的 VI 展示,由于图片大小不统一,页面摆放的很乱。

http://picx.zhimg.com/v2-598cf115150ed47f9cacbc9c7ca40d08_r.jpg?source=1940ef5c
针对这样的页面,可以根据图片的大小,先画出卡片的排版样式:

http://pic1.zhimg.com/v2-64e208fbba86b263b1521f3e4e315348_r.jpg?source=1940ef5c
接着,将图片填充到相应的卡片中:

http://picx.zhimg.com/v2-5b5415eee2cadca32fc2423b7328fd64_r.jpg?source=1940ef5c
到这,页面已经整齐多了!因为页面中的图片本身并不出彩,为了让页面显得更有质感,我又调整了遍深色背景:

http://picx.zhimg.com/v2-8b7a35fa1bd6540855e3f5355406ad1f_r.jpg?source=1940ef5c
最后,再加上动画效果:

http://picx.zhimg.com/v2-cb956606853be42a59bb413127590b38_r.jpg?source=1940ef5c
看起来,还不错,对吗?
好了,以上呢,学会这两种方法,基本上就能解决所有的多内容排版问题了!
写的这些都是多年的干货总结,希望对你有帮助,辛苦码字,记得点赞哦!
最后,为了方便练习,附上案例源文件,点击下方链接,关注后,回复关键词【卡片】,即可获取资源了:

https://xg.zhihu.com/plugin/59ffb3cf28e8ea1dfb25253a18cb6c69?BIZ=ECOMMERCE

winpe 发表于 2023-10-3 16:48:37

作为一名以PPT设计为职业的设计师,我总结6个PPT排版的技巧,认真看完这篇文章,我保证你有很大提高!


http://pic1.zhimg.com/v2-3a156bcffa11386d8a8d6c073767c85d_r.jpg?source=1940ef5c

闲话不说,开始了~
01 / 对齐

对齐是排版中最为基础也是最为核心的准则。任何元素在PPT上都不是随意摆放的,一定要做好对齐,否则就会显得很乱。
随便放一些好看的案例,他们都做好了对齐。


http://picx.zhimg.com/v2-2a808bcf4bde590c8e4745b010a8ccd6_r.jpg?source=1940ef5c

居中对齐

http://picx.zhimg.com/v2-fffecbb7e56298daddc8c46478f6886d_r.jpg?source=1940ef5c

左对齐

http://picx.zhimg.com/v2-160b86f6e2e8e98b0c199ec8322ae750_r.jpg?source=1940ef5c

右对齐

当然,还有其它的一些对齐方式,其实PPT中有8种对齐方式,可以看下图。


http://pica.zhimg.com/v2-a09d2649b6728b49c903d70e8180ad84_r.jpg?source=1940ef5c

在做对齐的时候,不要用眼睛直接去看,可以借助参考线和对齐工具。


http://picx.zhimg.com/v2-e8b329e5a1834877bf2ef4d43f589b92_r.jpg?source=1940ef5c

那么在哪里可以找到他们呢?看这张图。(选中对个元素,在排列工具下)

http://picx.zhimg.com/v2-b68c6d6b0d4c593577817e6800e7a445_r.jpg?source=1940ef5c

02 / 分组


分组对应的是设计中的亲密原则,我们要做的就是将内容相关的文字放在一起,与其它无关的内容保持距离,分开摆放。

要想实现分组,有几个方法。
比如通过留白,扩大元素之间的距离来实现分组。


http://picx.zhimg.com/v2-64d48cb4d2fac6437239006669ff9f18_r.jpg?source=1940ef5c

比如通过色块或者其它容器,将内容区隔开。


http://pic1.zhimg.com/v2-d715e8b7c86cef1ad759c28782268775_r.jpg?source=1940ef5c

通过线条,达到分组的效果。


http://picx.zhimg.com/v2-7e6a3adb56ef161b243cc49683c21fad_r.jpg?source=1940ef5c

还可以通过图片的纵列排版,实现分组。


http://picx.zhimg.com/v2-77fd0072cf2e3d36cb7865b35e2d8261_r.jpg?source=1940ef5c

尤其是一些学术型PPT,文字很多的情况,一定要进行分组,否则读者很难捕捉到幻灯片的重点。
举个例子,原稿如下,没分组。

http://picx.zhimg.com/v2-e4349e5da27cfa277e49d3ccbadba460_r.jpg?source=1940ef5c

分组之后

http://pic1.zhimg.com/v2-07918a216abd5b7697ef72504ca53451_r.jpg?source=1940ef5c

03 / 对比


在对齐的分组的基础之上,我们还要凸显某些重要的信息,所以必要要通过对比来强化某些信息。
一些领导经常说的PPT缺乏层次感,其实就是指的你的PPT对比不够,重要信息不够突出,用户一眼看不到重点。

看一些案例。


http://pica.zhimg.com/v2-c0b093800b846bec7afb72bbeaf8d688_r.jpg?source=1940ef5c

http://picx.zhimg.com/v2-87657145cf641c298a548e323c39de58_r.jpg?source=1940ef5c

字号的对比

http://picx.zhimg.com/v2-598004a987cd4e7caeb395e1e1b16289_r.jpg?source=1940ef5c

颜色的对比


http://picx.zhimg.com/v2-0c7aeec22dea20256fb3215cca10cef2_r.jpg?source=1940ef5c

不同字体的对比
要想做出有冲击力的PPT,必须要放大对比,具体方法,主要是通过字体,字号,颜色,色块的不同来实现。

04 / 修饰


有时候为了整体排版的需要,会添加一些没有实际意义的文字或者形状来做修饰。它的目的是让版面更和谐。

具体的案例:
比如下面这个案例中的左上角和右下角的色块,比如水印文字COMPETITION等都是用来修饰版面的。


http://picx.zhimg.com/v2-1256f7729ff12170960f2b7ebb6dd989_r.jpg?source=1940ef5c

还有下面这个案例中的麦穗,色块都是用来润色整个版面的。

http://pica.zhimg.com/v2-1c3b842260c9818ac437e74118042009_r.jpg?source=1940ef5c

还有这个案例下面的云朵,花瓣都是用来点缀页面的。


http://picx.zhimg.com/v2-a2e49676104fd21ae97867c19b7dc950_r.jpg?source=1940ef5c

05 / 留白


留白的目的是让幻灯片更有呼吸感,减轻用户在阅读时候的压力,通常没有内容的区域我们称之为留白。

PPT中的留白有几个要注意的问题。

首先是边距留白,我们的文字千万不要顶着PPT的边缘来写,必须要要留出足够的空白。


http://picx.zhimg.com/v2-164333f3392f14e0a0b5b031b0a31c4b_r.jpg?source=1940ef5c

如果是下图这样,就不太好看了

http://picx.zhimg.com/v2-2437e058199b129d1d9b9cd9b9ed9775_r.jpg?source=1940ef5c

其次是段间距,行间距的留白。比如下面这个案例,我们的行间距,短间距是如何留白的?


http://picx.zhimg.com/v2-d3eae263c2e0974e7f714f0532d98111_r.jpg?source=1940ef5c

首先行间距最好控制在1.2-1.3磅之间,不宜太大,也不宜太小。
段间距要大于行间距,中间空半个字的字高即可。
如下图所示,A>C>B


http://pic1.zhimg.com/v2-73dff02baa142540731fb0aff6bedfc2_r.jpg?source=1940ef5c

还有中国风的PPT,大面积留白可以营造一种意境。


http://picx.zhimg.com/v2-93e7c0ab47bbfb57d35ff45cebacd25d_r.jpg?source=1940ef5c

06 / 平衡


不同元素之间要寻求平衡,这样排版上显得更和谐。听起来有些玄乎,没关系,我们上案例就懂了。

手表处于中心位置,四周留白,版面是平衡的。


http://picx.zhimg.com/v2-5f6371673e986db54831fffcd0ad78cb_r.jpg?source=1940ef5c

现在我们加上文字,得到下图。


http://picx.zhimg.com/v2-cffcf823d070520b3247a4c422c289c3_r.jpg?source=1940ef5c

如果我们是这样,画面是不是就失衡了,版面的中心严重偏向左侧,右侧太轻了。

所以,我们需要将手表的图案向右侧移动,提升右侧的“重量”。像下图这样,版面就实现平衡了。


http://pic1.zhimg.com/v2-b7b0d90091fe89538ed21949f4ce0e46_r.jpg?source=1940ef5c

这个画面平衡的技巧,在封面设计中也非常常见。如果图片的重心在右侧,那么我们就在左侧输入文本。


http://pic1.zhimg.com/v2-9437f372208d77e7c6153b0ea96514cf_r.jpg?source=1940ef5c

当然,如果我们把左侧的文字都摆在上方,是不是重心又偏了。


http://picx.zhimg.com/v2-f686b0b97b99cb3689e262d5c3b55bf0_r.jpg?source=1940ef5c

所以,我们需要将发言人的文本摆放在下方。


http://pica.zhimg.com/v2-b29f369fb5c2988ad3ff8f92c29d641e_r.jpg?source=1940ef5c

以上就是PPT排版的6个技巧,你学会了嘛~
今天的内容就是这样,希望对你有用~

看完,点个赞吧!



版权说明:
未经允许,禁止转载
PS:我是利兄,一名ppt设计师,首发在利兄日志(lixiongppt),我每周会在利兄日志上分享3篇PPT教程

zmy609 发表于 2023-10-3 16:48:50

以下这些是排版小白们必学的基础知识,看完这些相信你会有很大收获。
前方高能预警,超多图片干货!
本文由本人发表于公众号:“跟我学个P(PPTlearning)”中
<hr/>论:200元/页的PPT是如何排版的

排版、配色、字体号称平面设计里的三大杀手,多少小白在做PPT的时候曾不止一次地被它们血虐。
怀揣着“天下无(小)白”的伟大节操,小木在前几期分别给大家科普了PPT配色以及字体的系统的常识。
这一期的排版教程就可以让你脱离小白的行列,正式走上追求设计感的不归路!
01、排版工具

工欲善其事必先利其器。
在PPT中,可以帮助你排版的工具有两个:辅助线与对齐工具。

http://picx.zhimg.com/7a80b86038ab4efd873e930814007662_r.jpg?source=1940ef5c
a、辅助线
辅助线可以帮你精确对齐元素、平衡页面布局。

http://pic1.zhimg.com/2ea98dcd4a5313aedd9c3dc2590a74f9_r.jpg?source=1940ef5c
以下效果就是在辅助线的帮助下完成的:
比如对齐元素:


http://pic1.zhimg.com/751eb33abd948f92055b797bf2b4ba92_r.jpg?source=1940ef5c

又比如平衡页面布局:


http://picx.zhimg.com/39f9c72714410ecd5b9787f4fa0faa2e_r.jpg?source=1940ef5c

所以,今后做PPT,请你第一步先建立辅助线。
辅助线如何建立?
方法一:手工建立(可建立不规则辅助线)
方法二:点击“视图”,在“网格线”、“参考线”的方框前打钩(只能建立垂直与水平的辅助线)
http://pica.zhimg.com/055e5c16fdf760b80ce3df2751794e68_r.jpg?source=1940ef5c
一条参考线不够用怎么办?
按住Ctrl键,拖动参考线,可快速复制出新参考线。


http://picx.zhimg.com/1aee019ee6b17306c987934573cf3071_r.jpg?source=1940ef5c
b、对齐工具
对齐工具可以帮你快速对齐元素、等距离分布元素。

http://pica.zhimg.com/4f1103f3793f652172b462ef2da63b3f_r.jpg?source=1940ef5c
利用对齐工具可以实现以下效果:
比如一键对齐元素:

http://pic1.zhimg.com/08185bce6cb8da65039f8495926fed2b_r.jpg?source=1940ef5c
又比如等距离分布元素:

http://pica.zhimg.com/9deb5ea59bc55ff75754c460a18e81a8_r.jpg?source=1940ef5c
对齐工具在哪里找到?
先选中需要对齐的多个元素-点击“开始”-“排列”-“对齐”-选择对齐方式

http://pica.zhimg.com/d433824e7c10e38f524f0298d28fffcd_r.jpg?source=1940ef5c
拒绝手工对齐,从你我做起。

02、排版原则


平面设计必须遵守的四个排版原则:亲密、对齐、重复、对比。

http://pic1.zhimg.com/b5b5ad1192e57a93524a4d621b797911_r.jpg?source=1940ef5c
这四个原则通常会被一起运用于同一个页面的排版中,极少出现只运用其中一两个的情况。它们之间相互协作,共同创造出最佳的排版效果。
说简单点:要干架,四个一起上!

a、亲密原则
将有关联的信息组织到一起,形成一个视觉单元,为读者提供清晰的信息结构。
比如:

http://pic1.zhimg.com/593ded9bd289104da624d62fee1df404_r.jpg?source=1940ef5c

(以上数据纯属胡说八道)

说简单点就是:同类相聚。
在现实生活中,物理位置的接近就意味着关联,PPT也是一样。
把有关联的信息放到一起,告诉观众这些信息是同一类的或者是有关联的。
比如:

http://pic1.zhimg.com/14cd3d594dac499ac317407487032023_r.jpg?source=1940ef5c

b、对齐原则
任何元素都不能随意安放,且应与页面上的其他元素有某种视觉联系,以建立一个清爽的页面。


http://pica.zhimg.com/c1c9b7ad5cc68518dab5a1947357cbda_r.jpg?source=1940ef5c

http://picx.zhimg.com/8e8f4fc6756a04ed2f05c51ec347e465_r.jpg?source=1940ef5c
说简单点就是:元素放置要规律。

http://picx.zhimg.com/84d32f8ada81e4f8e25cffcf2bd854fb_r.jpg?source=1940ef5c

http://picx.zhimg.com/ed6abaec2bbde245dea570e96747cccc_r.jpg?source=1940ef5c
放置元素要遵循规律,对齐参考线,不是哪里有空间,哪里就可以放东西!
PPT页面可以不出彩,但至少要不出错。而对齐,保持整洁就是最基本的要求之一。
c、对比原则
为避免页面上的元素太过相似,而通过设计某个元素,引导读者注意某些重点信息。
说简单点就是:让不同的更不同。
你是不是觉得自己设计的页面死气沉沉,好像在暗示你是性冷淡?
你是不是觉得观众可能get不到页面的重点?
试着让标题更突出一点,让某个元素更大一点,让颜色对比更强烈一点。
比如:

http://pica.zhimg.com/9b456ea790b1674eda778ae411694839_r.jpg?source=1940ef5c

http://picx.zhimg.com/47aabe44e826d2e7d33ff9d1157c4da6_r.jpg?source=1940ef5c
d、重复原则
让页面中的某种元素(字体、配色、符号等)在整个作品中重复出现,以统一作品风格。


http://picx.zhimg.com/0b649f2fc01960a8c514a35e897562a2_r.jpg?source=1940ef5c

说简单点就是:让出现过的继续出现。
你是不是困扰过该如何统一PPT页面的风格?
答案就是:运用重复原则,统一字体、统一配色、统一符号。
如图:

http://pica.zhimg.com/c8441f580e65d6a98a72c99c78e12138_r.jpg?source=1940ef5c
03、排版技巧


a、保持页面平衡
在一个平面上,每个元素都是有“重量”的。
同一个元素,颜色深的比颜色浅的重,面积大的比面积小的重,位置靠下的比位置靠上的重。

http://picx.zhimg.com/e71ad60aee6a3e38334b904364cdb448_r.jpg?source=1940ef5c

我们需要灵活利用以上理论,保持页面的平衡。
举个例子:
你还记得当年风靡小学课堂的“一斤棉花跟一斤铁相比,谁比较重”的问题吗?

http://pic1.zhimg.com/af7c9f99c126f894c95f81f3d23418fc_r.jpg?source=1940ef5c
左边就是一斤棉花,右边就是一斤铁。
颜色的差异弥补了面积的差异,因此他们的“重量”是相同的。所以这个页面看起来并没有什么“怪怪的”地方。
以后排版的时候,如果你觉得页面有点失衡,试着按照平衡理论改变元素的颜色、大小或位置,你会有意想不到的收获。

http://picx.zhimg.com/f6a8d301b447bc4348e8e811181937ab_r.jpg?source=1940ef5c

b、创造空间感
在一个平面上,元素之间是有“远近”之分的。
颜色深的比颜色浅的近,面积大的比面积小的近,叠在上方的比被压在下方的近(不要想歪)。

http://pica.zhimg.com/11aaac0a9fe4502322bba743e89b6801_r.jpg?source=1940ef5c
灵活运用空间理论,让PPT的信息表达形式更多样,页面更有层次感、设计感。

http://picx.zhimg.com/84ad45f160c3b7771a70f616b40d136c_r.jpg?source=1940ef5c
c、留白
留白不是指留出白色,而是指留出空白的空间。

http://picx.zhimg.com/b8d98917e9bd8fd29a183ad3207dd106_r.jpg?source=1940ef5c
留白能营造特殊的美感。

http://picx.zhimg.com/7d4b20b938539ce6bb49fe6464bd5e84_r.jpg?source=1940ef5c
留白能突出焦点信息,更容易让观众记住信息。

http://picx.zhimg.com/b68cffc62f42c3ad036ed05f4333e5e9_r.jpg?source=1940ef5c

http://picx.zhimg.com/1979035ab9b344d33be86ed0db4b0284_r.jpg?source=1940ef5c
每次看到这样的页面,我都觉得无法呼吸。

http://picx.zhimg.com/952f4eb95bf79ccc52fcdfd573e1121b_r.jpg?source=1940ef5c
如果你不想被老板打到不能呼吸,那么你最好留出空间给你的页面呼吸。

d、黄金分割
把一条线段分割为两部分,较长部分与整体长度之比的比值约等于0.618。

http://picx.zhimg.com/25fac3709b2de2c599927a28672479b5_r.jpg?source=1940ef5c
运用黄金分割可以在PPT中得出以下4条线段:

http://picx.zhimg.com/a942ac095b265b14464ace11a20b0bf8_r.jpg?source=1940ef5c
当你把它运用于排版时,就会有这样美腻的效果:

http://pic1.zhimg.com/25e8d63c2d1432bd65b531c65055bb36_r.jpg?source=1940ef5c

http://pic1.zhimg.com/468180fb1c070e756d182edbcef128c7_r.jpg?source=1940ef5c

04、排版类型


a、基础型
对称型

http://picx.zhimg.com/5e0b0d92e7439ff8c429e8a658d4d805_r.jpg?source=1940ef5c

http://pic1.zhimg.com/c847592977d07d1a9c12133e27ba0b4b_r.jpg?source=1940ef5c
居中型

http://picx.zhimg.com/a29cd1271ab58cae29cb6fc7d4c78228_r.jpg?source=1940ef5c

http://pic1.zhimg.com/82d25b218f371e4dbdae004fa5b8e8e1_r.jpg?source=1940ef5c
黄金分割型

http://picx.zhimg.com/6fe573e6921f67f071fcfc4a1e43e67d_r.jpg?source=1940ef5c

http://pica.zhimg.com/859bd6f8a2dd6910e8fe5892db443191_r.jpg?source=1940ef5c

b、高级型
顶天型

http://picx.zhimg.com/fec9f4cedd2b8b963d1108cf8b78775c_r.jpg?source=1940ef5c

http://pica.zhimg.com/7c6c01f8b9b05323b219ded96c65d03d_r.jpg?source=1940ef5c
立地型

http://pic1.zhimg.com/f4974ddfeadd9123472a27a904daecec_r.jpg?source=1940ef5c

http://pica.zhimg.com/bb922cad6461ba14754786cf529050ce_r.jpg?source=1940ef5c
三角稳定型

http://picx.zhimg.com/94ae199f9ac7c16890679bc932de30bc_r.jpg?source=1940ef5c

http://pica.zhimg.com/3f4e65be16f6d7a64db23300660407ea_r.jpg?source=1940ef5c
c、不规则型

http://picx.zhimg.com/aa000e31acc7a867ee9fff10970a3cf4_r.jpg?source=1940ef5c

http://pica.zhimg.com/7f25b5092f503c787ee3293d3e98cc4f_r.jpg?source=1940ef5c

http://pic1.zhimg.com/055f6c96c79dc611bee10bc4c23909ad_r.jpg?source=1940ef5c

http://pic1.zhimg.com/197a49d15e014fcbe5c22d5dcb0c863c_r.jpg?source=1940ef5c

d、你怎么不上天型

http://picx.zhimg.com/8489ab37623a3a1db29e358dd8582a10_r.jpg?source=1940ef5c

http://picx.zhimg.com/27eb01ca8f7044e633511fcc168685eb_r.jpg?source=1940ef5c

http://picx.zhimg.com/155c747cae91b6bd3d4194fb04b291cd_r.jpg?source=1940ef5c

http://picx.zhimg.com/df2143f1ebc8bb707ef7d5ae61643d81_r.jpg?source=1940ef5c
PPT排版就这么简单。
没看过前两期教程的同学可以戳下方链接:
配色:怎样的 PPT 配色会让人觉得舒服? - 知乎用户的回答
字体:该如何选择PPT的字体? - 知乎用户的回答
掌握了配色、字体、排版三大板块的基础知识,今后PPT就可以成为你的装逼利器了。

———————————————2016.10.19更新———————————————

前几天小木在公众号里问了一句:大家做PPT的时候都遇过哪些问题?
小木统计了一下,小伙伴们问的最多的就是排版问题。
那今天就跟大家说说排版的思维——模块化思维。
什么是模块化思维?
模块化思维是指:在排版时有意识地把页面中的元素进行规律性地组织、分割,使它们形成若干个视觉单元。

http://pic1.zhimg.com/v2-4c55904cd4cb0f1b8cb12d605198b183_r.jpg?source=1940ef5c
下面看几个实例:

http://picx.zhimg.com/v2-adbb6896a1c7dc987cb8dd51e27ae9b3_r.jpg?source=1940ef5c
组织与分割视觉单元有以下几个注意事项:
a、有关联的元素才能组织到一起,形成一个视觉单元;
b、视觉单元之间应有明显的分割标识;
c、视觉单元的位置的摆放要符合阅读顺序;
首先来看第一项:
a、有关联的元素才能组织到一起,形成一个视觉单元;
什么叫有关联的元素?
举个例子:某电影公司需要详细地展示今年他们出产了哪些影片。
没有经验的同学可能会这么排版:

http://picx.zhimg.com/v2-a0a9c05b62a39191caf5da03158782b8_r.jpg?source=1940ef5c
有经验的同学就会这么排版:

http://picx.zhimg.com/v2-a9f8ebb4dbe7c566366422c37bc9503e_r.jpg?source=1940ef5c
这样看起来是不是舒服很多?阅读起来是不是更有条理了?
这位同学一看就是老司机,因为他在排版时会把有关联的信息(同一类型的影片)组织到一起,把无关联的信息(不同类型的影片)分割开来,使页面形成了若干个信息量适中的视觉单元。


http://picx.zhimg.com/v2-a5db2ff833551f2f084d2a908dd428b8_r.jpg?source=1940ef5c
再来看第二项:
b、视觉单元之间应有明显的分割标识;
视觉单元之间可以用线条分割,也可以用留出空隙(也就是留白)的方式进行分割:

http://picx.zhimg.com/v2-50d39c4e5d3a5d1e9a80a684638febf5_r.jpg?source=1940ef5c
记住,不仅仅每个视觉单元之间需要留白,视觉单元与页面的边缘也应该留白:

http://pica.zhimg.com/v2-409b232b2f65de6a33278af22ad64320_r.jpg?source=1940ef5c


http://pic1.zhimg.com/v2-3898595daec44df946628ed57813e583_r.jpg?source=1940ef5c
最后看第三项:
c、视觉单元的位置的摆放要符合阅读顺序;
每页PPT里包含的信息肯定都有某种逻辑关系,比如:

http://pic1.zhimg.com/v2-6d34666d346a5d450f2fc2a3cec8edd0_r.jpg?source=1940ef5c
这页PPT所表达的逻辑关系十分严谨:先学车,再拿证,后上路。
在排版时,每个视觉单元的摆放也是按照这个顺序进行的,同时也还遵循了大脑阅读信息的顺序(从上到下,从左到右)。

http://picx.zhimg.com/v2-6d7c7ac1eb65ab04775f4316f3641ade_r.jpg?source=1940ef5c
因此,这个排版可谓精妙无比!!(认真脸)
下面我们再来看看各种常见逻辑关系图应该如何排版:

http://pic1.zhimg.com/v2-76fa34ff4aca347e62c318af63b1992c_r.jpg?source=1940ef5c
最后,我们来总结一下利用模块化思维排版时应该注意的事项:
a、有关联的元素才能组织到一起,形成一个视觉单元;
b、视觉单元之间应有明显的分割标识;
c、视觉单元的位置的摆放要符合阅读顺序;
更多骚教程,欢迎关注我的PPT公众号【跟我学个P】!
页: [1]
查看完整版本: 有哪些相见恨晚的PPT排版技巧?