多图预警,请在wifi环境下打开~
许多同学在制作PPT时,面对页面排版常常感觉思路枯竭,灵感匮乏,最后无奈只能求助于套用模板。问题究竟出在哪里?
二维平面限制了我们的思考
版式缺乏创意的一个原因在于,排版时我们总是不由自主的在二维平面中思考。习惯于把图片与文字平铺摆放,让两者之间保持距离,相互独立,就像是传统的小人书,图和字之间界限分明:
在X轴和Y轴构成的二维平面中,图文之间分左、右、上、下四种位置关系,由此产生的版式就是:左图右文、右图左文、上图下文、下图上文:
这些版式中规中矩,很难引起观众的兴趣。如何能让排版思路更开阔,版式更出彩呢?
我们可以从PS软件中获得一些启发
使用过PS的童鞋会有体会,在PS软件中,许多设计都是多层叠加的结果。就像是有多张透明玻璃板,每一张玻璃板上放置一个素材。比如文字一层,图片一层 ,背景一层 。最后,多张玻璃板相互叠加,看起来成为一个整体:
PPT中也有层的概念,只不过隐藏较深,很多人甚至没有意识到它的存在,只有当一个素材被另一个素材遮挡时,才会去考虑调整层级顺序。
从Z轴角度思考和设计
引入层的概念后,需要从Z轴角度进行思考和设计。一个素材占据一层。排版设计则是处理层与层之间的位置关系:
图文素材的三种层次关系
从Z轴的角度看,图文素材之间存在三种层次关系,即包含、分离 、相交。下面我们逐一来看:
层次关系之一
包含:素材之间相互融合
模糊素材之间的边界,追求的是和谐之美。
1.图片包含文字
常见于全图型PPT。一张图片填满整个页面,文字位于图片内部,两者之间相互融合,浑然一体。为了达到这样的效果,有三种方法。
一是搜到好图。找到本身具有大量留白的图片来放置文字,这对图片的要求比较高,需要一定的搜图技巧。甚至有时为了找到好图片还要碰碰运气、花点银子,毕竟好图可遇不可求:
二是后期处理。如果找不到留白的图片,就自己创造。
要么抠出图片的主体,放置在单一背景下,人为的设置大片留白区域:
要么适当剪裁,更改画面布局,此法常有化腐朽为神奇之功效。
举个栗子,下面这张图看起来稍有些杂乱:
来,放大,裁剪!
裁出留白空间,页面主体也更加突出了!
三是添加蒙版。这种方法几乎已经成为当前制作全图型PPT的黄金法则。在图片上方覆盖一个黑色的半透明色块,图片时隐时现充当背景:
但是,蒙版法有一个缺点:页面的整体色调会偏暗。许多领导的审美标准是「大红大绿」,于是结果可能是你喜欢领导不喜欢(好尴尬~)。
2.文字包含图片
图片中可以包含文字,反过来,文字的笔画间也可以包含图片。将文字填充为多彩的纹理图片,图文合二为一,使文字看起来更有质感:
层次关系之二
分离:文字与图片各自保留清晰的边界
素材之间相互独立,互不越界,追求的是规整之美。
这是常见的图文排版方式。版式设计上,素材边缘严格对齐,四平八稳。
文字左对齐:
文字右对齐:
文字居中对齐:
层次关系之三
相交:素材之间的边界相互叠加
从Z轴角度看,素材之间相互叠加,版面平衡被打破,重新定义了重心,产生兴趣点, 吸引观众眼球,追求的是创意之美。
1.文字与图片的叠加
将大段文字置于色块中并与图片分离。图片与文字之间各自保留明显的边界,通过错位排版呈现层次感。这种效果已经大量应用在平面设计中。
电商网页设计:
手机APP界面设计:
在PPT中使用错位排版,可以打破常规套路, 版式更加灵活,提升了整个页面的表现力和吸引力:
2.图片与形状的叠加
形状作为衬底与图片叠加,可以产生强烈的层次感。
图片与三角形(或梯形)叠加:
图片与矩形叠加:
图片与线条叠加:
去背图片与形状叠加:
去背图片与线条叠加:
上图制作要点如下:
3.形状与文字的叠加
利用背景填充,将文字「穿透」形状:
上图制作要点如下,页面背景用图片填充,插入文本框设置填充为【幻灯片背景填充】并放置在形状上层,即可生成穿透效果:
4.图片与图片的叠加
下面这个案例,通过3张图片将人物服饰细节分别展示出来,版式更加灵活多变:
另外
如果将图标理解为段落的一部分
......
在很多情况下,图标的作用更像是段落文字的标题,起到划分结构,提纲挈领的作用。因此如果将「图标+文字」看作一个整体,与其他素材同样也有以上几种层次关系。
包含关系。留白处放置「图标+文字」:
分离关系。图片与「图标+文字」相互分离:
相交关系。图片与「图标+文字」相互叠加:
以上经验之谈,供你参考。