幻灯片的沟通策略之动画

用户头像
深圳/学生/9年前/8147浏览
幻灯片的沟通策略之动画
用户头像
臭喷蛆

这不是一篇事无巨细的教你每个动画怎么用的文章,而是告诉你 90% 的幻灯片动画都是鸡肋。

我一直认为,在幻灯片中不加思索地添加动画,是非常愚蠢的。在做幻灯片的过程中,我经常看见有人总是忘记提醒自己:这里为什么要加动画,而且还是这样的动画(弹跳飞旋空翻接挥鞭)。但你刨根问底地问他为什么时,他也会勉强和你说“不想让这么多内容一次性出现”、“这两张图片想通过动画过渡一下”、“就是为了突显下关键字”……我每次听到这样的回答,还会追问一句:你都清楚,但发现问题出在哪了吗?


应该说,大部分的动画并没有为“内容”的理解做出服务。


动画的 3 大目的


幻灯片中的动画不是让你去做 AE、Motion 要做的事,纯粹的炫技只是在浪费时间(注意,在说我自己)。当我们在幻灯片的某处添加了动画,它从头到尾都应该是为“内容”服务的,解决信息传达的问题。我们的注意力非常容易被移动的物体吸引,动画的设置可以让观众注意到信息的出现和隐藏,让讲者把握演讲的逻辑和节奏。这里说的逻辑和节奏,也就是幻灯片动画所要完成的三大目的:叙述同步、强调吸引和层级表达。


1. 叙述同步

当我们要通过嘴来说出“一二三”时,在时间上是无法做到“一二三”同时脱口而出的,只能是说完“一”再说“二”,以此类推。但是,将“一二三”从语言转化成文字或图形后,就可以同时出现在幻灯片中。这时,观众肯定会本能地看完幻灯片上的全部内容——在你说到“一”时,观众就看完“二三”了,而不是乖乖地等你说到哪我再看到哪。这就会影响到信息的传达和演讲节奏的把控。所以,理想的状态应该是,讲者说到“一”时,幻灯片上出现的也只有“一”,让观众听到的与看到的紧密结合。要实现这样的效果,我们只需简单的添加一点动画,简单举个例子:


022358a56a9ca801219c773f0648.jpg

2. 强调吸引

通过动画来强调,是为了进一步抓住观众的注意力,落脚到同级信息中的核心观点或要素。这是一个由静到动,有意图的破坏统一,赋予元素以颜色、大小、间距等,从而完成信息传递的过程。见下图:


b27f58a56ac4a801219c77957222.jpg

3. 层级表达

我们以层级形式——金字塔模型、闭环、交叉关系、流程结构…… 讲故事或表达观点的时候,往往是一个点到面、部分到整体、从下往上、从个性到共性的过程。在整个讲述的逻辑中,势必会以“一二三”开始,到最后“一二三”融合连接,得出一个新结论。这样的场景下,有动画作衔接,无论是从观感上还是叙述的流畅度上都会是理想的状态。见下图:


756658a56ad6a801219c77de5557.jpg

看到这,我们可以明白,幻灯片动画是以功能为导向的,它的目的不是让人看起来好看,发出“哇哇哇”的赞美。换句话说,功能性才是幻灯片动画的最高指导原则,通过动画让信息的传达更为准确,也因为动画弥补了受众理解能力的差距。


动画运用 3 原则


1. 内容优先原则

幻灯片中所有的颜色、字体、配图都是为内容服务的,这里也包括动画。我们始终要记住“形式追随内容”。一切动画的运用都是为了配合讲者进行内容的变化。一旦动画干扰到内容的清晰呈现,我们有理由将其弃之不用,而选择静态展示。


2. 自然原则

可以说幻灯片中自带的大部分动画,用“特效”来形容更加准确。“特效”在百科中的定义为:由电脑软件制作出的现实中一般不会出现的特殊效果。我们可以看到,像“挥鞭式”“玩具风车”或者页面切换中的“涡流”“棋盘”之类的动画都太酷炫了,而且整个效果还很长,完全是为了动而动。好的动画运用,要遵守自然原则,像是电影中的场景转换、UI 设计中的连贯动效和生活场景中的遮盖、碰撞、旋转等。可以说,它的动让你习以为常,这就是好的动画。


3. 克制原则

回到文章开头所问的:你都清楚,但发现问题出在哪了吗?核心的一点在于动画类型的选择上。打开幻灯片软件(以 PowerPoint 2016 为例),可以找到“进入”动画 40 种——“退出”动画数量与之对应,“强调”动画 24 钟,再加上丰富多彩的路径动画、组合动画和第三方插件预设的各种动画,这就是一个缩小版的 AE 动画库,怎么选择就成了很大的问题。我们经常能看到一页幻灯片中就用上 3、4 种动画的,飘来飘去左转右转乐此不疲。但这样的做法,对内容是毫无帮助的,而且原本需要停留在内容上的注意力全都被这些动画吸引住了。我的建议是,在一页幻灯片中只使用一种动画,至少让人看起来以为是一种。 并且只需在以下四种类型中做选择,而这样做的原因是下面的动画才是符合观众观看习惯的,也是大家习以为常乐于接受的。


  • 放大 / 缩小(后者为对应退出动画,下同)

  • 淡入 / 淡出

  • 推入 / 推出

  • 移动 



为了便于使用,我做了一张表格来说明,四种类型在软件中所对应的动画名称。


bacf58a56b0ba801219c773e51fe.jpg



需要提醒的是,添加动画之后,对其时间的调整,是非常重要的。这里的时间,需要分成持续时间和曲线时间两部分来看。持续时间,即一个动画从始到末运动所需要的时间,一般建议控制在0.5s,而两个连续动画间隔控制在0.1s,如下图:


2c5058a56b3aa801219c7750533b.jpg(一个元素的动画时长统一为 0.5s,间隔分别是:左 0.5s ,中 0.25s ,右 0.1s)


曲线时间指的是一个动画的加速与减速时间。因为在现实的世界中,物体的运动是没有直线运动的,如一个从高处落下的物体必然有加速的过程。所以,我们适当的调整曲线时间,可以让动画看起来更加自然,也就更符合上面提到的自然原则。如下图:


91ca58a5b120a801219c773a0fd6.jpg(1.无加速效果  2.先加速后减速  3.一直加速)


下面是设置方法:

d1f558a56be3a801219c77a1e51b.jpg


以上就是我对于幻灯片动画所要想说的全部内容了(其实不太确定),记住这 3 个目的和 3 个原则,在制作过程中,常问自己“这里是否有添加动画的必要?”“动画喧宾夺主了吗?”“我克制了吗?”……就这么简单。


最后想说的是,幻灯片中真正值得存在的动画,应该一个“神奇移动”就够了吧。


191
举报
|
134
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
牛奶乳液层次平面平铺平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
海底世界插画
平面书法字手写
平面风格黄绿色系花朵装饰
玄关入门地毯印花图案红地毯
空的平台平面和自然景观
城市园林平面布局航拍
平面插画设计女孩喝咖啡
金色颗粒质地的平面
城市园林平面布局航拍
城市园林平面布局航拍
金色颗粒质地的平面
城市园林平面布局航拍
空的平台平面和自然景观
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
平面人物插画
倒计时,海报,平面
城阙凡花
平面设计 吊牌设计
平面男孩喝咖啡插画设计
平面插画情侣/矢量
中国传统纹样创新图案设计
金色颗粒质地的平面
你可能喜欢
大家都在看
登录注册