这是我见过最棒的演示！

赋予复杂内容以简洁的形式。

减少无谓的繁杂装饰，增加内容相关的精雕细琢。

不刻意炫技，但技术悄然渗透到每个方面。

外表干净整洁，细嚼有滋有味。

这是我心目中好的演示文稿的标准。

本期，老黑就来介绍一下目前为止我见过最棒的演示文稿。

2019年GOOGLE I/O大会。

谷歌2019年开发者大会5月7日在加州举行，随后我从网络上下载了视频，反复观看了很多遍。

对其中的每个细节进行了GIF截图，在过程中我自己学习到了很多有趣有用的设计。

分享给大家~

01

变化画布大小

在讲解发展历程的时候，谷歌采用的平面设计非常简单。

一条直线代表时间轴，事件直接放在圆角矩形里。

当小球沿着时间轴运动，圆角矩形逐个出现的时候，效果非常棒。

用PPT，我们容易做出类似的平面设计。

还能够让小球动起来，事件框随之出现。

但如果要让小球运动的同时，页面的大小发生变化，就比较困难了。

这正是PPT动画设计的一个缺点：无法修改观察视角，我们永远看到的都是整个页面。

如果要实现类似效果，可以借助PR等剪辑软件，将PPT导出的视频进行处理，然后再插回PPT中。

对于剪辑软件而言，修改观察视角是最基本的功能了，只需要首尾各设一个关键帧，拖动一下视频大小就行了。

做PPT而不局限于PPT，借助其它软件，能够让演示变得更加多样化。

例如用修图软件处理图片，用PS合成图片，用AI过渡矢量素材，用AE做动态背景，用C4D制作3D模型等，都是可以探究的方向。

从另一个角度思考，运动是相对的。

坐在静止的火车上，看到旁边的火车开始移动，常常无法辨别是自己的火车开动了还是旁边轨道的火车开动了。

从相对运动的角度出发，我们只在PPT中，也可以做出画布变化的效果。

让背景图片的大小发生变化，这个技巧在营造氛围的时候非常有用。

似乎是摄像机拉远/拉近了，其实只是背景图片变小/变大了。

诀窍就在于插入一张图片，然后给它添加强调动画中的【放大/缩小】动画。

02

交互效果

谷歌开发者大会的演示文稿中，大量仿制了人机交互效果。

这种效果的设计原理很简单，整个页面其实是一张图片，图片有一个窗口。

露出下面的界面以及它的动态效果。

制作这样一个带窗口的图片，使用图片与形状的布尔运算或者幻灯片背景填充都能实现，感兴趣的朋友可以翻看我之前的相关文章。

在PPT中还原交互设计的动效，细节很重要。

举个栗子，一个小小的单击动画，如果只是生硬地变色，感觉就像卡住了。

按钮点击的一瞬间，放大一些，看起来就会更自然。

还原UI界面和动效，都是为了让人能够更直观地理解内容，但也带来一个问题，就是按钮太小了。

谷歌采取了如此策略。

从界面中截取重点并放大，简单有效。

类似的效果，我们可以应用平滑切换或者平滑过渡在PPT中制作出来。

03

跨页的元素衔接

PPT中的多页，往往是相互割裂的。

如果能用简单的动效，将多页连在一起，既对逻辑有帮助，又能让演示更有趣。

例如，将图片归置，延伸场景。

或者讲解功能。

当了解了这样的表达方式，再配合上PPT的平滑切换，可以还原类似动效。

04

更多灵感

文章写太长了没人看，他们都说3点结束最好。

那我就写4点吧，剩下有很多截图就没有详细归类了，供参考欣赏。

3D效果：

缩小定位效果：

视频的应用：

图表动画：

移动效果：

PPT能够实现其中的许多设计，也有不少我仍在探索可行性和操作步骤，希望以后能够再分享。

相比各大厂千篇一律发布会而言，我觉得谷歌开发者大会的这个演示文稿更有意思。

你觉得呢？

黑白间设计

致力于在美与实用间寻找平衡

让设计变得简单

∨