PPT排版太单一?试试这招大厂都在用的“分屏布局”法!


那么什么是分屏布局呢?


一、分屏布局


分屏布局就是使用色块将PPT背景划分为N个子屏,每一屏都是一个容器,都可以用来承载一种信息。


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图1)


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图2)



在我看来分屏布局有两个作用:


1.从形式上实现信息的模块化表达,减轻观众认知负荷。


2.大幅提升画面的图版率,增强画面的视觉效果。

 

二、分屏布局在PPT中的应用


分屏布局可以简单分为等分布局和不等分布局。


(一)等分布局


等分布局得到的每一块子屏幕都是等大的,常常用来表达并列关系或对比关系。

PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图3)

▴素材来自阿里妈妈《下沉式增长—你不懂的小镇青年》报告

 

这页幻灯片讲的四大趋势是并列关系,通过将屏幕划分为四个等大的子屏幕,并用图片填充以营造出真实场景,每块屏幕上承担一种“趋势”信息。这种排版非常整齐,并且利于逻辑表达。


1、规则等分布局


下面以一个具体的案例讲一下,如何实现这种相对规则的“等分布局”排版方式。


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图4)




这一页讲的是某产品在三个领域内的解决方案,是典型的并列关系,可以采用分屏排版。


Step1,利用插件实现屏幕三等分


等分屏幕的方法有很多,我直接说我最常用的。


利用OK插件插入一个全屏矩形,选中矩形,使用英豪插件中的分割图形完成等分分割。(后台回复“插件”打包下载常用的PPT插件)

PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图5)

▴操作演示—利用插件实现图形等量分割

 

Step2,将图片填充至子屏幕,营造真实场景。


这一步不建议直接使用“图片填充”的方式来制作底图,因为原图比例与子屏幕不一致,所以直接填充会使图片变形,所以建议采用布尔运算的方式进行底图制作。


具体制作过程演示如下


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图6)


▴操作演示—子屏幕底图制作

 

最终得到的“子屏幕”效果如下


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图7)



Step3,为图片添加渐变蒙版,或统一做变色处理。


这样做的目的有二:一是统一图片的色调;二是降低背景对文字信息的干扰。



Step4:添加文案信息,对齐页面元素


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图8)

▴小川作品

 

注意,由于添加蒙版之后子屏幕之间界面被模糊化了,所以这里添加了一个分割线。


掌握了这个技巧之后我们就可以轻松制作出如下效果的幻灯片。



PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图9)

▴小川作品

 

PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图10)

▴素材来自网易云音乐banner

 PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图11)

▴素材来自@老秦-王牌P计划

 PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图12)

▴素材来自海信电视官方微博

 

上面讲的都是相对规则的分屏方式,我们还可以做出以下几种不规则的分屏设计。


2、不规则等分布局


(1)倾斜式分屏


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图13)

▴素材来自吴晓波激荡2020特别演讲PPT


下面简单说一下如何做出这种倾斜的“分屏”效果。


Step1:插入一个全屏矩形,然后将其等分为五份,沿着子屏幕的边缘画出四条参考线


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图14)


Step2:插入四条倾斜线条,根据之前的参考线调整其大概位置,借助“横向分布”和“对齐”工具确定其最终位置。


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图15)


Step3:选中四条线条,使用英豪插件中的“线条拓展”功能,将线条拓展为形状。


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图16)


Step4:选中全屏矩形和四个拓展形状,做拆分处理即可得到分屏效果。来看演示



PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图17)

得到分屏色块之后按照之前的操作步骤就可以得到倾斜的分屏效果了。


类似的效果还有

PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图18)

▴素材来自站酷网鸣天传媒主页

 

PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图19)

▴素材来自@老秦-王牌P计划

 

(2)箭头式分屏


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图20)

▴素材来自站酷网鸣天传媒主页

 

通过上面的讲解,我们发现其实分屏设计的基础是形状的布尔运算,形状的形态决定了分屏效果最终的形态。像上面这中间箭头式的分屏,其实就是借助smart图表中的“闭合V型流程”图表来制作完成的。


Step1:插入闭合V型流程图表,确定好模块数量。

PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图21)



Step2:剪切“闭合V型流程”图表,“选择性粘贴”(ctrl+shift+V)为“增强型图元文件”。

PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图22)


Step3:通过取消组合,将“增强型图元文件”转换为office图形对象,再次取消组合,调整图形的位置,完成分屏处理。


整体演示一下


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图23)


(3)圆弧式分屏


除了箭头式分屏,还可以做出圆弧式分屏效果,像这样。


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图24)

▴素材来自旁门左道PPT

 

这个要怎么做出来呢?


依然是借助smartArt图表


这次我们用的是“基本目标图”和“堆积韦恩图”。


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图25)


“基本目标图”可以为我们提供出“同心圆”、“堆积韦恩图”可以提供发散圆环。

将他们取消组合转换为形状后可以做出如下分屏效果


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图26)

PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图27)


(二)不等分布局


不等分布局会得到大小不同的两块或多块屏幕,可用于突出重点信息。


比如这张封面作品其实就是利用分屏原理制作的。


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图28)

▴小川作品

 

类似的还有


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图29)

▴素材来自@老秦-王牌P计划

 

PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图30)

▴素材来自@老秦-王牌P计划

 

屏幕被规划为两部分,分别放置不同的信息。


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图31)

▴小川作品

 

还有这页幻灯片,其实就是卡片式排版了。


另外,分屏效果常与样机或png图片搭配使用,做跨屏穿插处理,增加页面的层次感。例如


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图32)

▴小川模板作品


PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图33)

▴小川模板作品

 

PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图34)

▴素材来自小米手机发布会PPT



PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图35)

▴素材来自网络

 

PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图36)

▴素材来自网络


今天的分享就是这些,总结一下



PPT排版太单一?试试这招大厂都在用的“分屏布局”法!(图37)

分屏布局,你学会了么?

转至公众号:小川PPT


PPT美化教程 PPT基础教程 PPT设计排版教程