觸發(fā)器動畫的制作以及3大應(yīng)用場景，快進來學(xué)習(xí)！

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

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

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

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

其實很簡單，就是我們在頁面上點擊某個特定元素，才能喚醒另一個元素的出現(xiàn)。

我錄個動圖，給各位演示一下：

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

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

看起來很贊，對嗎？
那除此之外，這個動畫，在 PPT 設(shè)計中，還有哪些應(yīng)用場景的？

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

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

啥意思呢？咱們挨個來說一下。

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

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

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

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

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

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

這樣一來，你依舊可以點擊，但是別人也看不到色塊的影子。

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

那這個是怎么做的呢？很簡單。咱們先來梳理下動畫的呈現(xiàn)邏輯：
點擊『方案01』：

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

點擊『方案02』：

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

點擊『方案03』：

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

好了，理解這一點之后，這個看似復(fù)雜的動畫，就變得簡單多了。你可以按照下面的動畫進行添加：

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

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

反之，則有一個回答正確的效果：

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