簡報技巧(1)-風格篇

香奈兒(CHANEL): 「Fashion passes，style remains.

時尚潮流會改變，只有風格永存。」

簡報的風格會帶給台下觀眾深刻的印象，本篇帶大家認識幾種簡報的風格，當然怎麼搭配，就取決於不同場合和情境了。

還記得我們在第一篇談過如何建構一頁簡報嗎? 當中我們其實就談了一種風格，就是加上一個專業的底圖，透過底圖去襯托出你的文字，讓視覺更為具焦。

風格1-底圖襯出文字(bring out)

photo1. 風格1-底圖襯出文字

風格1的使用技巧:，注意底圖的調整，若是不夠厚重，可能無法襯出文字…

現在就讓我們來看一下，怎麼打造風格1的簡報吧!

風格1示範做法

step1. 找到一張喜歡的底圖並放入簡報當作背景。

photo2. 風格1–第一步

問題1: 當加入底圖以後，你可能會發現底圖不夠厚重，因此無法聚焦你想要表達的內容，這時候你需要進一步的優化…

step2. 將底圖的亮度/對比進行調整。

photo3. 風格1–第二步(採用亮度-40%，對比+20%)

問題2: 若是你還覺得不夠凸顯，這時候偷偷交你一招…加上遮罩(mask)

step3. 為你的簡報加上一個遮罩(mask)。

photo4. 風格1–第三步(採用透明度40%的遮罩)

加入後你就會發現，你的內容又會更加凸顯了…

photo5. 風格1–底圖襯出文字

恭喜你，學會了第一種風格的運用，喘口氣，我們馬上帶你來看另一種風格呈現。

風格2-圖+文(picture+text)

photo6. 風格2–圖+文

風格2的使用技巧:，注意選圖，若是和你的文字關聯度低，可能無法引起共鳴…

同樣的，我們帶大家看一下…如何打造風格2的簡報!

風格2示範做法

step1. 首先，挑選一張你喜歡，而且和文字關聯度高的圖片。

photo7. 風格2–第一步

看到這或許你會想問，為什麼我們在風格1底圖的挑選，沒有對關聯度做這麼嚴格的限制，原因是當你把圖+文併在一起呈現，使用者的視覺會呈現Z字形的瀏覽，這時候若是關聯度低，反而會造成觀看者的困擾。

photo8. Z字型走法 (圖片來源:https://item.btime.com/m_9595f77c0aab8d490)

photo9. Z字型瀏覽

如果還沒有感受到，不如...我們就換個關聯度低的圖試試看吧!

photo10. IG的圖+FB的文

photo11. IG的圖+FB的文

一下看著IG的圖，但闡述的是有關FB的內容，這是不是造成一點錯亂了..XD
因此，風格2的設計重點將會聚焦在圖文間的關聯，若是拿捏得當，這頁會帶給觀眾很順暢的瀏覽體驗。

風格3-插畫風格(illustration)

插畫是一種很中性的設計(中性:指的是任何人都可接受的風格調性)，因此許多網站的風格也都融入插畫風的設計，這邊帶大家看幾個例子...

photo12. Dropbox插畫風格

photo13. Slack插畫風格

風格3的使用技巧:，適度運用插畫的圖像作為輔助，讓整體風格看起來又更簡潔和輕快…

photo14. 風格3-插畫風格

風格4-圖像化資訊(InfoGraphic)

圖像化資訊(InfoGraphic)也不是新東西，過去的象形文字，其實就是一種圖像化資訊。

photo15. 象形文字 (圖片來源: https://www.jianshu.com/p/a3e7fd7eb60e)

圖像化資訊的風格能夠減化資訊含量，將重點直截了當地做表示，當你的簡報需要給大家一個醒目的數據或是概念時，圖像化資訊會是你不錯的一個選擇。

photo16. 風格4-圖像化資訊(InfoGraphic)風格

風格5-演講型簡報(Speech)

當然，有另一種更簡潔的風格，這種風格常用在演講的場合，例如:賈伯斯的簡報就是一種很典型的例子，簡單的三張大圖就開始侃侃而談。通常這類型的簡報很少太多花俏的效果。

風格5的使用技巧:決勝負的關鍵就來自於講者當下的闡述，打中人心的通常是他在台上的經典的台詞...

photo17. 演講型簡報(圖片來源:https://www.youtube.com/watch?v=ZEoc5WcwbZQ)

巧妙運用這些風格會為你的簡報帶來比較多的變化，當然，每一種風格其實適用不同的場域和聽眾，我們在往後的章節會慢慢帶大家釐清這些風格的應用情境。

關於風格的揣摩，可以開啟你的簡報試試看囉~

-aaron liu & chris chang