层次感:出彩PPT版式的必杀器

层次感:出彩PPT版式的必杀器_第1张图片

多图预警,请在wifi环境下打开~

许多同学在制作PPT时,面对页面排版常常感觉思路枯竭,灵感匮乏,最后无奈只能求助于套用模板。问题究竟出在哪里?

二维平面限制了我们的思考

版式缺乏创意的一个原因在于,排版时我们总是不由自主的在二维平面中思考。习惯于把图片与文字平铺摆放,让两者之间保持距离,相互独立,就像是传统的小人书,图和字之间界限分明:

层次感:出彩PPT版式的必杀器_第2张图片

在X轴和Y轴构成的二维平面中,图文之间分左、右、上、下四种位置关系,由此产生的版式就是:左图右文、右图左文、上图下文、下图上文:

这些版式中规中矩,很难引起观众的兴趣。如何能让排版思路更开阔,版式更出彩呢?

我们可以从PS软件中获得一些启发

使用过PS的童鞋会有体会,在PS软件中,许多设计都是多层叠加的结果。就像是有多张透明玻璃板,每一张玻璃板上放置一个素材。比如文字一层,图片一层 ,背景一层 。最后,多张玻璃板相互叠加,看起来成为一个整体:

层次感:出彩PPT版式的必杀器_第3张图片

PPT中也有层的概念,只不过隐藏较深,很多人甚至没有意识到它的存在,只有当一个素材被另一个素材遮挡时,才会去考虑调整层级顺序。

从Z轴角度思考和设计

引入层的概念后,需要从Z轴角度进行思考和设计。一个素材占据一层。排版设计则是处理层与层之间的位置关系:

层次感:出彩PPT版式的必杀器_第4张图片

图文素材的三种层次关系

从Z轴的角度看,图文素材之间存在三种层次关系,即包含、分离 、相交。下面我们逐一来看:

层次感:出彩PPT版式的必杀器_第5张图片

层次关系之一

包含:素材之间相互融合

模糊素材之间的边界,追求的是和谐之美

1.图片包含文字

常见于全图型PPT。一张图片填满整个页面,文字位于图片内部,两者之间相互融合,浑然一体。为了达到这样的效果,有三种方法。

一是搜到好图。找到本身具有大量留白的图片来放置文字,这对图片的要求比较高,需要一定的搜图技巧。甚至有时为了找到好图片还要碰碰运气、花点银子,毕竟好图可遇不可求:

层次感:出彩PPT版式的必杀器_第6张图片
层次感:出彩PPT版式的必杀器_第7张图片
层次感:出彩PPT版式的必杀器_第8张图片

二是后期处理。如果找不到留白的图片,就自己创造。

要么抠出图片的主体,放置在单一背景下,人为的设置大片留白区域:

层次感:出彩PPT版式的必杀器_第9张图片

要么适当剪裁,更改画面布局,此法常有化腐朽为神奇之功效。

举个栗子,下面这张图看起来稍有些杂乱:

层次感:出彩PPT版式的必杀器_第10张图片

来,放大,裁剪!

层次感:出彩PPT版式的必杀器_第11张图片

裁出留白空间,页面主体也更加突出了!

三是添加蒙版。这种方法几乎已经成为当前制作全图型PPT的黄金法则。在图片上方覆盖一个黑色的半透明色块,图片时隐时现充当背景:

层次感:出彩PPT版式的必杀器_第12张图片

但是,蒙版法有一个缺点:页面的整体色调会偏暗。许多领导的审美标准是「大红大绿」,于是结果可能是你喜欢领导不喜欢(好尴尬~)。

2.文字包含图片

图片中可以包含文字,反过来,文字的笔画间也可以包含图片。将文字填充为多彩的纹理图片,图文合二为一,使文字看起来更有质感:

层次感:出彩PPT版式的必杀器_第13张图片

层次关系之二

分离:文字与图片各自保留清晰的边界

素材之间相互独立,互不越界,追求的是规整之美

这是常见的图文排版方式。版式设计上,素材边缘严格对齐,四平八稳。

文字左对齐:

层次感:出彩PPT版式的必杀器_第14张图片

文字右对齐:

层次感:出彩PPT版式的必杀器_第15张图片

文字居中对齐:

层次感:出彩PPT版式的必杀器_第16张图片

层次关系之三

相交:素材之间的边界相互叠加

从Z轴角度看,素材之间相互叠加,版面平衡被打破,重新定义了重心,产生兴趣点, 吸引观众眼球,追求的是创意之美

1.文字与图片的叠加

将大段文字置于色块中并与图片分离。图片与文字之间各自保留明显的边界,通过错位排版呈现层次感。这种效果已经大量应用在平面设计中。

电商网页设计:

层次感:出彩PPT版式的必杀器_第17张图片

手机APP界面设计:

层次感:出彩PPT版式的必杀器_第18张图片

在PPT中使用错位排版,可以打破常规套路, 版式更加灵活,提升了整个页面的表现力和吸引力:

层次感:出彩PPT版式的必杀器_第19张图片
层次感:出彩PPT版式的必杀器_第20张图片
层次感:出彩PPT版式的必杀器_第21张图片

2.图片与形状的叠加

形状作为衬底与图片叠加,可以产生强烈的层次感。

图片与三角形(或梯形)叠加:

层次感:出彩PPT版式的必杀器_第22张图片

图片与矩形叠加:

层次感:出彩PPT版式的必杀器_第23张图片

图片与线条叠加:

层次感:出彩PPT版式的必杀器_第24张图片

去背图片与形状叠加:

层次感:出彩PPT版式的必杀器_第25张图片

去背图片与线条叠加:

层次感:出彩PPT版式的必杀器_第26张图片

上图制作要点如下:

层次感:出彩PPT版式的必杀器_第27张图片

3.形状与文字的叠加

利用背景填充,将文字「穿透」形状:

层次感:出彩PPT版式的必杀器_第28张图片
层次感:出彩PPT版式的必杀器_第29张图片

上图制作要点如下,页面背景用图片填充,插入文本框设置填充为【幻灯片背景填充】并放置在形状上层,即可生成穿透效果:

层次感:出彩PPT版式的必杀器_第30张图片

4.图片与图片的叠加

下面这个案例,通过3张图片将人物服饰细节分别展示出来,版式更加灵活多变:

层次感:出彩PPT版式的必杀器_第31张图片

另外

如果将图标理解为段落的一部分

......

在很多情况下,图标的作用更像是段落文字的标题,起到划分结构,提纲挈领的作用。因此如果将「图标+文字」看作一个整体,与其他素材同样也有以上几种层次关系。

包含关系。留白处放置「图标+文字」:

层次感:出彩PPT版式的必杀器_第32张图片

分离关系。图片与「图标+文字」相互分离:

层次感:出彩PPT版式的必杀器_第33张图片

相交关系。图片与「图标+文字」相互叠加:

层次感:出彩PPT版式的必杀器_第34张图片

以上经验之谈,供你参考。

你可能感兴趣的:(层次感:出彩PPT版式的必杀器)