觸發(fā)器動(dòng)畫的制作以及3大應(yīng)用場(chǎng)景，快進(jìn)來(lái)學(xué)習(xí)！

這是大疆無(wú)人機(jī)官網(wǎng)的截圖動(dòng)畫：

問(wèn)我能不能在 PPT 中，做出這樣的點(diǎn)擊交互的按鈕？
其實(shí)想要做出這樣的交互效果，我們離不開一個(gè)基礎(chǔ)的功能，那就是『觸發(fā)動(dòng)畫』。

聽到這個(gè)名字，可能有些讀者會(huì)覺得陌生，其實(shí)是沒什么高大上的，初高中的老師們，非常喜歡用這個(gè)動(dòng)畫。
當(dāng)你在上學(xué)的時(shí)候，你有沒有被老師們 PPT 課件上的，一些奇怪聲音給嚇到過(guò)？
我相信，大多數(shù)人都有過(guò)這樣的經(jīng)歷。

一、什么是觸發(fā)器動(dòng)畫

其實(shí)很簡(jiǎn)單，就是我們?cè)陧?yè)面上點(diǎn)擊某個(gè)特定元素，才能喚醒另一個(gè)元素的出現(xiàn)。

我錄個(gè)動(dòng)圖，給各位演示一下：

而添加觸發(fā)動(dòng)畫的方式，也很簡(jiǎn)單，當(dāng)我們給一個(gè)元素，添加了動(dòng)畫之后，可以在觸發(fā)選項(xiàng)中，選擇頁(yè)面上任何一個(gè)元素即可：

利用這個(gè)非常非常非?；A(chǔ)的功能，你也能輕松地，做出大疆官網(wǎng)的點(diǎn)擊交互效果：

看起來(lái)很贊，對(duì)嗎？
那除此之外，這個(gè)動(dòng)畫，在 PPT 設(shè)計(jì)中，還有哪些應(yīng)用場(chǎng)景的？

二、觸發(fā)器動(dòng)畫的三大應(yīng)用場(chǎng)景

我總結(jié)了3個(gè)比較常用的，分別是：

啥意思呢？咱們挨個(gè)來(lái)說(shuō)一下。

1.制作動(dòng)態(tài)交互的圖表
對(duì)于 PPT 圖表來(lái)講，相信我們都知道。那啥叫動(dòng)態(tài)交互圖表呢？
翻譯成人話就是，你需要通過(guò)點(diǎn)擊，才能看到某些數(shù)據(jù)。
比如說(shuō)我們舉個(gè)例子，當(dāng)我們?cè)诠ぷ鲄R報(bào)PPT中，展示數(shù)據(jù)時(shí)，可以使用折線圖，把今年的銷售情況給呈現(xiàn)出來(lái)。
就像這樣：

但如果，我們想要加上一些與往年數(shù)據(jù)的對(duì)比呢？
這時(shí)候，有一個(gè)按鈕，點(diǎn)擊一下，就可以把想要對(duì)比的數(shù)據(jù)展示出來(lái)，是不是更好一點(diǎn)呢？

當(dāng)然，你還可以增加2018、2017甚至更多的數(shù)據(jù)

有些讀者可能會(huì)問(wèn)，這跟普通的動(dòng)畫，有什么區(qū)別呢？
普通的動(dòng)畫就是，你必須要把頁(yè)面上所有內(nèi)容呈現(xiàn)出來(lái)，而觸發(fā)動(dòng)畫則不然，你可以選擇性呈現(xiàn)。
假設(shè)演講時(shí)間不多了，那么，有些內(nèi)容就可以選擇不講了，明白了嗎？
再舉個(gè)例子，比如我們想要展示全球不同區(qū)域的數(shù)據(jù)情況：

那我們，就可以通過(guò)點(diǎn)擊不同的區(qū)域，來(lái)呈現(xiàn)對(duì)應(yīng)的數(shù)據(jù)信息：

這里的話，有一個(gè)小竅門。是什么呢？
我們可以在對(duì)應(yīng)的區(qū)域上，隨意的插入一個(gè)色塊，然后把它的顏色填充透明度，設(shè)置為100%，無(wú)輪廓。

這樣一來(lái)，你依舊可以點(diǎn)擊，但是別人也看不到色塊的影子。

2.呈現(xiàn)方案對(duì)比
對(duì)于做銷售類的讀者們，我覺得太合適了，為啥這么說(shuō)呢？咱們舉個(gè)例子。
比如你要給客戶講一個(gè)裝修方案，你可以在一個(gè)頁(yè)面上，同時(shí)展示出好幾套方案，供客戶選擇：

那這個(gè)是怎么做的呢？很簡(jiǎn)單。咱們先來(lái)梳理下動(dòng)畫的呈現(xiàn)邏輯：
點(diǎn)擊『方案01』：

• 對(duì)應(yīng)的圖文內(nèi)容出現(xiàn)；
• 按鈕文字變成橙色；

點(diǎn)擊『方案02』：

• 對(duì)應(yīng)圖文內(nèi)容出現(xiàn)；
• 方案01部分內(nèi)容消失；
• 方案02按鈕文字變成橙色；
• 方案01按鈕文字變成灰色

點(diǎn)擊『方案03』：

• 對(duì)應(yīng)的圖文內(nèi)容出現(xiàn)；
• 方案02部分內(nèi)容消失；
• 方案03按鈕文字變成橙色；
• 方案02按鈕文字變成灰色

好了，理解這一點(diǎn)之后，這個(gè)看似復(fù)雜的動(dòng)畫，就變得簡(jiǎn)單多了。你可以按照下面的動(dòng)畫進(jìn)行添加：

當(dāng)然，你也可以展示團(tuán)隊(duì)的不同成員信息。啥意思呢？舉個(gè)例子，就像這樣：

3.微課教學(xué)課件
對(duì)于老師們來(lái)講，在給學(xué)生講解題目的時(shí)候，你可以給不同的選項(xiàng)，或者填空題，添加觸發(fā)動(dòng)畫。
這樣，當(dāng)學(xué)生回答錯(cuò)誤的時(shí)候，我們可以設(shè)置一個(gè)錯(cuò)誤提示動(dòng)畫：

反之，則有一個(gè)回答正確的效果：

這就是觸發(fā)動(dòng)畫，在 PPT 設(shè)計(jì)中，的一些使用場(chǎng)景，在為這篇文章查資料時(shí)，我看到很多的課件中，會(huì)特別喜歡使用這個(gè)功能，希望能夠?qū)Ω魑挥兴鶐椭?/p>