那么什么是分屏布局呢?
一、分屏布局
分屏布局就是使用色块将PPT背景划分为N个子屏,每一屏都是一个容器,都可以用来承载一种信息。
在我看来分屏布局有两个作用:
1.从形式上实现信息的模块化表达,减轻观众认知负荷。
2.大幅提升画面的图版率,增强画面的视觉效果。
二、分屏布局在PPT中的应用
分屏布局可以简单分为等分布局和不等分布局。
(一)等分布局
等分布局得到的每一块子屏幕都是等大的,常常用来表达并列关系或对比关系。
▴素材来自阿里妈妈《下沉式增长—你不懂的小镇青年》报告
这页幻灯片讲的四大趋势是并列关系,通过将屏幕划分为四个等大的子屏幕,并用图片填充以营造出真实场景,每块屏幕上承担一种“趋势”信息。这种排版非常整齐,并且利于逻辑表达。
1、规则等分布局
下面以一个具体的案例讲一下,如何实现这种相对规则的“等分布局”排版方式。
这一页讲的是某产品在三个领域内的解决方案,是典型的并列关系,可以采用分屏排版。
Step1,利用插件实现屏幕三等分
等分屏幕的方法有很多,我直接说我最常用的。
利用OK插件插入一个全屏矩形,选中矩形,使用英豪插件中的分割图形完成等分分割。(后台回复“插件”打包下载常用的PPT插件)
▴操作演示—利用插件实现图形等量分割
Step2,将图片填充至子屏幕,营造真实场景。
这一步不建议直接使用“图片填充”的方式来制作底图,因为原图比例与子屏幕不一致,所以直接填充会使图片变形,所以建议采用布尔运算的方式进行底图制作。
具体制作过程演示如下
▴操作演示—子屏幕底图制作
最终得到的“子屏幕”效果如下
Step3,为图片添加渐变蒙版,或统一做变色处理。
这样做的目的有二:一是统一图片的色调;二是降低背景对文字信息的干扰。
Step4:添加文案信息,对齐页面元素
▴小川作品
注意,由于添加蒙版之后子屏幕之间界面被模糊化了,所以这里添加了一个分割线。
掌握了这个技巧之后我们就可以轻松制作出如下效果的幻灯片。
▴小川作品
▴素材来自网易云音乐banner
▴素材来自@老秦-王牌P计划
▴素材来自海信电视官方微博
上面讲的都是相对规则的分屏方式,我们还可以做出以下几种不规则的分屏设计。
2、不规则等分布局
(1)倾斜式分屏
▴素材来自吴晓波激荡2020特别演讲PPT
下面简单说一下如何做出这种倾斜的“分屏”效果。
Step1:插入一个全屏矩形,然后将其等分为五份,沿着子屏幕的边缘画出四条参考线
Step2:插入四条倾斜线条,根据之前的参考线调整其大概位置,借助“横向分布”和“对齐”工具确定其最终位置。
Step3:选中四条线条,使用英豪插件中的“线条拓展”功能,将线条拓展为形状。
Step4:选中全屏矩形和四个拓展形状,做拆分处理即可得到分屏效果。来看演示
得到分屏色块之后按照之前的操作步骤就可以得到倾斜的分屏效果了。
类似的效果还有
▴素材来自站酷网鸣天传媒主页
▴素材来自@老秦-王牌P计划
(2)箭头式分屏
▴素材来自站酷网鸣天传媒主页
通过上面的讲解,我们发现其实分屏设计的基础是形状的布尔运算,形状的形态决定了分屏效果最终的形态。像上面这中间箭头式的分屏,其实就是借助smart图表中的“闭合V型流程”图表来制作完成的。
Step1:插入闭合V型流程图表,确定好模块数量。
Step2:剪切“闭合V型流程”图表,“选择性粘贴”(ctrl+shift+V)为“增强型图元文件”。
Step3:通过取消组合,将“增强型图元文件”转换为office图形对象,再次取消组合,调整图形的位置,完成分屏处理。
整体演示一下
(3)圆弧式分屏
除了箭头式分屏,还可以做出圆弧式分屏效果,像这样。
▴素材来自旁门左道PPT
这个要怎么做出来呢?
依然是借助smartArt图表
这次我们用的是“基本目标图”和“堆积韦恩图”。
“基本目标图”可以为我们提供出“同心圆”、“堆积韦恩图”可以提供发散圆环。
将他们取消组合转换为形状后可以做出如下分屏效果
(二)不等分布局
不等分布局会得到大小不同的两块或多块屏幕,可用于突出重点信息。
比如这张封面作品其实就是利用分屏原理制作的。
▴小川作品
类似的还有
▴素材来自@老秦-王牌P计划
▴素材来自@老秦-王牌P计划
屏幕被规划为两部分,分别放置不同的信息。
▴小川作品
还有这页幻灯片,其实就是卡片式排版了。
另外,分屏效果常与样机或png图片搭配使用,做跨屏穿插处理,增加页面的层次感。例如
▴小川模板作品
▴小川模板作品
▴素材来自小米手机发布会PPT
▴素材来自网络
▴素材来自网络
今天的分享就是这些,总结一下
分屏布局,你学会了么?
转至公众号:小川PPT