上個(gè)禮拜，我一位創(chuàng)業(yè)中的朋友，發(fā)了一張大疆無人機(jī)官網(wǎng)的截圖：

問我能不能在 PPT 中，做出這樣的點(diǎn)擊交互的按鈕？

看到這樣的提問，我真是氣不打一處來，嚴(yán)詞告訴他，你把 PowerPoint 軟件當(dāng)成什么了，像這樣的功能，肯定能實(shí)現(xiàn)??！

據(jù)網(wǎng)上傳聞，很多蘋果官方內(nèi)部的設(shè)計(jì)師，都會(huì)拿keynote 做軟件的功能交互演示。

其實(shí)，不管 PowerPoint 也好，Keynote 也罷，想要做出這樣的交互效果，我們離不開一個(gè)基礎(chǔ)的功能，那就是『觸發(fā)動(dòng)畫』。

聽到這個(gè)名字，可能有些讀者會(huì)覺得陌生，其實(shí)是沒什么高大上的，初高中的老師們，非常喜歡用這個(gè)動(dòng)畫。

當(dāng)你在上學(xué)的時(shí)候，你有沒有被老師們 PPT 課件上的，一些奇怪聲音給嚇到過？
我相信，大多數(shù)人都有過這樣的經(jīng)歷。

那到底什么叫觸發(fā)動(dòng)畫呢？

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

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

關(guān)注我的原創(chuàng)微信公眾號(hào)【旁門左道PPT】，回復(fù)關(guān)鍵詞【觸發(fā)動(dòng)畫】，即可免費(fèi)獲取本文課件PPT源文件！

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

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

看起來很贊，對(duì)嗎？

那除此之外，這個(gè)動(dòng)畫，在 PPT 設(shè)計(jì)中，還有哪些應(yīng)用場(chǎng)景的？

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

啥意思呢？咱們挨個(gè)來說一下。

首先是第1個(gè)

制作動(dòng)態(tài)交互的圖表

對(duì)于 PPT 圖表來講，相信我們都知道。那啥叫動(dòng)態(tài)交互圖表呢？

翻譯成人話就是，你需要通過點(diǎn)擊，才能看到某些數(shù)據(jù)。

比如說我們舉個(gè)例子，當(dāng)我們?cè)诠ぷ鲄R報(bào)PPT中，展示數(shù)據(jù)時(shí)，可以使用折線圖，把今年的銷售情況給呈現(xiàn)出來。

就像這樣：

但如果，我們想要加上一些與往年數(shù)據(jù)的對(duì)比呢？

這時(shí)候，有一個(gè)按鈕，點(diǎn)擊一下，就可以把想要對(duì)比的數(shù)據(jù)展示出來，是不是更好一點(diǎn)呢？

有些讀者可能會(huì)問，這跟普通的動(dòng)畫，有什么區(qū)別呢？

普通的動(dòng)畫就是，你必須要把頁面上所有內(nèi)容呈現(xiàn)出來，而觸發(fā)動(dòng)畫則不然，你可以選擇性呈現(xiàn)。

假設(shè)演講時(shí)間不多了，那么，有些內(nèi)容就可以選擇不講了，明白了嗎？

再舉個(gè)例子，比如我們想要展示全球不同區(qū)域的數(shù)據(jù)情況：

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

這里的話，有一個(gè)小竅門。是什么呢？

我們可以在對(duì)應(yīng)的區(qū)域上，隨意的插入一個(gè)色塊，然后把它的顏色填充透明度，設(shè)置為100%，無輪廓。

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

其次是第2個(gè)

呈現(xiàn)方案對(duì)比

對(duì)于做銷售類的讀者們，我覺得太合適了，為啥這么說呢？咱們舉個(gè)例子。

比如你要給客戶講一個(gè)裝修方案，你可以在一個(gè)頁面上，同時(shí)展示出好幾套方案，供客戶選擇：

那這個(gè)是怎么做的呢？很簡(jiǎn)單。咱們先來梳理下動(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個(gè)

微課教學(xué)課件

對(duì)于老師們來講，在給學(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ū)Ω魑挥兴鶐椭?/span>

好了，這篇文章就這么多，外面又是下雨得一天~

關(guān)注我的原創(chuàng)微信公眾號(hào)【旁門左道PPT】，回復(fù)關(guān)鍵詞【觸發(fā)動(dòng)畫】，即可免費(fèi)獲取本文課件PPT源文件！