讓你看過來!透過動畫進行視覺引導

Roy Cheng
簡報研究所
Published in
5 min readApr 5, 2020

「視覺引導」,顧名思義,就是告訴聽眾現在應該「看哪個地方」

在視訊會議越來越常舉行的現在,同樣也會需要透過螢幕共享的方式來呈現你的簡報,這個時候,視覺引導這件事情變得更為重要了

怎麼說呢?在以往的實體會議中,由於報告者和聽眾是面對面的,所以報告者可以藉由肢體動作和表情的引導,來去輔助目前簡報的內容,告訴聽眾目前該注意的是在投影片上頭的哪個部分

在簡報或談話時,常透過肢體語言來輔助 (圖片攝影師:Jopwell)

但是當整個簡報形式轉為線上螢幕的分享時,一切都不同了,聽眾看不到(或是很難看到)報告者的動作和表情,因此只能透過螢幕上投影片本身的文字來去理解目前在講的是哪個部分

所以,如果投影片上不做任何「視覺引導」的話,就會增加聽眾理解的阻礙,也必須要花更多精力才能吸收簡報上的內容,可能一個晃神之後,聽眾就完全不知道目前講到哪個部分了。而另一件事是,假如沒有「視覺引導」,那麼聽眾其實可以直接把投影片上的文字全部自己讀完,注意力就不會放在報告者的發言上了,讓報告者淪為「讀稿機」

講了這麼多,那麼「視覺引導」到底在投影片上面該怎麼做出來呢?

我們來看一下範例,首先這頁投影片呈現了某個計畫的三個不同階段,以及各個階段分別要完成的內容。而這樣的三塊並排也是很常見的一種投影片排版的類型

常見的「三塊並排」排版

但如果直接把這樣投影片,不做任何效果就放上來,就會像剛剛說的一樣,聽眾會不知道注意力應該放在哪裡,比較晚才加入視訊會議的成員也無法判斷目前是講到哪個階段。我們來看看以下幾種不同的視覺引導示範吧

先來看第一種處理方式:加個框框

最簡單的方法

這是最簡單的視覺引導方法,直接用框框圖形告訴聽眾:「我現在在講的是這個部分喔」。但這個做法似乎沒有辦法解決一開始所說的「文字會被看光光」的情形,不過至少製作起來非常簡單,透過動畫中的「出現」和「消失」來控制框框就好了,有框框也總比沒有來得好

第二種處理方式:霓虹燈

這樣的效果是不是很像霓虹燈?

這個方法是我很喜歡的方法,效果也很好,透過「有顏色+沒顏色」的變換方式,就可以很自然的讓聽眾只關注在那塊特別明顯的地方,而自動忽略灰色的部分

這個效果製作起來也很簡單,但其實它並不是透過動畫來呈現,而是用三頁投影片組合而成。第一頁投影片保留最左邊色塊的綠色,而把中間和右邊的色塊都改成灰色;第二頁則是保留中間色塊的藍色,而把左邊和右邊色塊改成灰色;第三頁類推,保留最右邊色塊的紫色,把其他色塊改成灰色。這樣一來,透過投影片的切換,就可以達成如圖片中一樣的效果喔!

第三種處理方式:滑塊

這樣的感覺就更高級啦!

這種方式就比較特別,是把一條長條型的色塊墊在文字的下方,然後透過滑動到不同位置來襯托出上方的文字。如果喜歡特別一點的效果,可以試試看用這種方法。做法是透過動畫中的「移動」把色塊移到定點,或者是透過office 365中的「轉化」來達到這個效果

其實視覺引導也不見得要透過動畫才能辦到

就像我們之前在粉專PO的這張圖一樣:

你的視線是不是也跟著圖片中的敘述一起前進呢?

很神奇吧!像這種靜態的視覺引導,就是透過不同顏色與字體大小的差異,就能輕易地引導讀者的視線,讓讀者跟著你所要呈現的順序來看下去

不過在視訊會議當中,還是會建議大家使用動畫來做視覺引導會比較適合喔!畢竟會議已經夠沈悶了……你說是吧(?)

可以讓聽眾更好理解的方法,就是好方法

除了以上舉例的幾種方法之外,當然還有很多種不同的視覺引導方法,只要能把聽眾的注意力集中在講者正在講的部分的話,那、就都是好的方法!多多嘗試,或許可以有不同的新想法喔!

不過還是要順便提醒,有一個最爛的視覺引導方法要盡量避免,那就是「用滑鼠游標在要講的部分上面不斷畫圈圈」,這樣子做其實根本無法讓聽眾專注在內容上,反而會讓聽眾的視線會一直跟著繞圈圈的游標來轉圈,你是在簡報還是在玩逗貓棒啊!!!

如果覺得這篇文章有幫助到你
也請在下方幫我們鼓掌喔~~
我們將可以獲得 Likecoin 的實際贊助
您只要花一分鐘用 Facebook 或 Google 帳號註冊(完全免費)
並按幾下拍手鍵
就可支持我們繼續創作出更好的文章 :)

--

--

Roy Cheng
簡報研究所

一天不做簡報,就吃不下飯的簡報研究所所長|努力推廣實用的簡報設計知識,希望台灣的學校和職場再也不會出現醜簡報!