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

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

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

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

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

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

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

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

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

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

从Z轴角度思考和设计

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

图文素材的三种层次关系

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

层次关系之一

包含:素材之间相互融合

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

1.图片包含文字

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

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

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

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

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

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

来,放大,裁剪!

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

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

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

2.文字包含图片

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

层次关系之二

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

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

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

文字左对齐:

文字右对齐:

文字居中对齐:

层次关系之三

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

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

1.文字与图片的叠加

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

电商网页设计:

手机APP界面设计:

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

2.图片与形状的叠加

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

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

图片与矩形叠加:

图片与线条叠加:

去背图片与形状叠加:

去背图片与线条叠加:

上图制作要点如下:

3.形状与文字的叠加

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

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

4.图片与图片的叠加

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

另外

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

......

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容

  • 职场中的你一定想做出高大上的PPT!但什么才是高大上?在我看来,PPT设计就跟做菜一样,页面上的每个元素是最原始的...
    kyleChin阅读 3,756评论 23 146
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 我怀念的 演唱:林俊杰 我问为什么 那女孩传简讯给我 而你为什么 不解释低着头沉默 我该相信你很爱我 不愿意敷衍我...
    我在胡说些什么阅读 934评论 5 4
  • 今天叨叨了一整天的“老来多健忘”,刚刚实在受不了了,就大声的告诉自己:“我一点都不老啊!” 突然想起自己蛮健忘的哈...
    27348f40a2aa阅读 307评论 0 0
  • 时间让我们在最好的年纪里遇到了等不起的人。 那时候我们总以为时间会很长,长到我们会等到某个人;那时候我们总以为世界...
    安蓉ar阅读 1,015评论 44 24