大疆官网中这个被吹爆的动画,用PPT也能轻松搞定!

 

又是下雨的一天,无摘要...

上个礼拜,我一位创业中的朋友,发了一张大疆无人机官网的截图:
问我能不能在 PPT 中,做出这样的点击交互的按钮?

看到这样的提问,我真是气不打一处来,严词告诉他,你把 PowerPoint 软件当成什么了,像这样的功能,肯定能实现啊!

据网上传闻,很多苹果官方内部的设计师,都会拿keynote 做软件的功能交互演示。

其实,不管 PowerPoint 也好,Keynote 也罢,想要做出这样的交互效果,我们离不开一个基础的功能,那就是『触发动画』。
听到这个名字,可能有些读者会觉得陌生,其实是没什么高大上的,初高中的老师们,非常喜欢用这个动画。

当你在上学的时候,你有没有被老师们 PPT 课件上的,一些奇怪声音给吓到过?

我相信,大多数人都有过这样的经历。

那到底什么叫触发动画呢?

其实很简单,就是我们在页面上点击某个特定元素,才能唤醒另一个元素的出现。
我录个动图,给各位演示一下:
而添加触发动画的方式,也很简单,当我们给一个元素,添加了动画之后,可以在触发选项中,选择页面上任何一个元素即可:
利用这个非常非常非常基础的功能,你也能轻松地,做出大疆官网的点击交互效果:





看起来很赞,对吗?

那除此之外,这个动画,在 PPT 设计中,还有哪些应用场景的?

我总结了3个比较常用的,分别是:
啥意思呢?咱们挨个来说一下。

首先是第1个

制作动态交互的图表

对于 PPT 图表来讲,相信我们都知道。那啥叫动态交互图表呢?

翻译成人话就是,你需要通过点击,才能看到某些数据。

比如说我们举个例子,当我们在工作汇报PPT中,展示数据时,可以使用折线图,把今年的销售情况给呈现出来。

就像这样:
但如果,我们想要加上一些与往年数据的对比呢?

这时候,有一个按钮,点击一下,就可以把想要对比的数据展示出来,是不是更好一点呢?
当然,你还可以增加2018、2017甚至更多的数据

有些读者可能会问,这跟普通的动画,有什么区别呢?

普通的动画就是,你必须要把页面上所有内容呈现出来,而触发动画则不然,你可以选择性呈现。

假设演讲时间不多了,那么,有些内容就可以选择不讲了,明白了吗?

再举个例子,比如我们想要展示全球不同区域的数据情况:
那我们,就可以通过点击不同的区域,来呈现对应的数据信息:
这里的话,有一个小窍门。是什么呢?

我们可以在对应的区域上,随意的插入一个色块,然后把它的颜色填充透明度,设置为100%,无轮廓。


这样一来,你依旧可以点击,但是别人也看不到色块的影子。

其次是第2个

呈现方案对比对于做销售类的读者们,我觉得太合适了,为啥这么说呢?咱们举个例子。

比如你要给客户讲一个装修方案,你可以在一个页面上,同时展示出好几套方案,供客户选择:
那这个是怎么做的呢?很简单。咱们先来梳理下动画的呈现逻辑:

点击『方案01』:

  • 对应的图文内容出现;
  • 按钮文字变成橙色;
点击『方案02』:

  • 对应图文内容出现;
  • 方案01部分内容消失;
  • 方案02按钮文字变成橙色;
  • 方案01按钮文字变成灰色
点击『方案03』:

  • 对应的图文内容出现;
  • 方案02部分内容消失;
  • 方案03按钮文字变成橙色;
  • 方案02按钮文字变成灰色
好了,理解这一点之后,这个看似复杂的动画,就变得简单多了。你可以按照下面的动画进行添加:
当然,你也可以展示团队的不同成员信息。啥意思呢?举个例子,就像这样:
最后是第3个

微课教学课件

对于老师们来讲,在给学生讲解题目的时候,你可以给不同的选项,或者填空题,添加触发动画。

这样,当学生回答错误的时候,我们可以设置一个错误提示动画:
反之,则有一个回答正确的效果:
这就是触发动画,在 PPT 设计中,的一些使用场景,在为这篇文章查资料时,我看到很多的课件中,会特别喜欢使用这个功能,希望能够对各位有所帮助。

好了,这篇文章就这么多,外面又是下雨得一天,这种天气,还挺适合写文章,哈哈~

另外,旁友圈618限时优惠活动进行中,一次加入,永久有效。

现在加入,可免费获取近8000页PPT设计灵感手册,以及免费订阅4门对外售价超460元PPT学习课程......目前,优惠名额不到130张,先到先得,点击抢券:


而且,这是我们最后一次以229元的价格进行促销,活动结束将涨至365元。
点击进一步查看活动详情
这是我们最后一次以229元的价格进行优惠
活动结束后,将涨价至365元
优惠名额有限,先到先得


    关注 旁门左道PPT


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册