由內容與結構設計簡報排版

上一篇文章應用心智圖與便利貼建立簡報架構已經和大家分享過
如何應用心智圖及便利貼發展、決定我們的簡報架構；
同時也介紹了「模板在後」的觀念，
也就是在設計投影片排版前，
我們可以將所有投影片依照呈現方法的性質進行分類，
如下圖所示（不同的顏色代表不同的呈現性質分類）：

而之後我們就可以針對不同分類，
設計不同的排版方式，如下圖所示：

因為相同呈現類型的投影片設計相似，
所以觀眾在看過一開始數張同類型的投影片後，
就能夠反過來用設計理解該同類型投影片的內容，
而讓演講較後面投影片的理解更為快速。
我們可以稱這個概念為排版（構圖）線索（Composition Clue）

上述的邏輯理論上簡單易懂，
但是實務上會衍生出以下的問題：
1. 我們該如何設計不同類型的排版？
2. 區分不同類型排版的意義是什麼？
3. 我們該如何定義「不同的呈現性質」並決定簡報的排版種類呢？
而這些問題正是我們今天要探討的。

應用心智圖與便利貼建立簡報架構

建立簡報時常常面對的一大問題是，
當你打開電腦，看著完全空白的第一頁時，
對於接下來該工作多久、該如何設計簡報，
甚至下一頁的內容該放什麼都會陷入全然的茫然。
就算對於自己即將報告的內容熟稔，
做了一兩頁之後，也很容易陷入不斷處理技術性問題的迴圈。
（如這張圖該怎麼擺、那邊要用什麼特效等等）
最後好不容易歷經無數陣痛生產出一份簡報，
開始進行口語練習之後，
又發現有些很重要的環節根本忘了做投影片說明，
反過來另外一些環節則有太多瑣碎的視覺輔助。
面對一大堆問題如五倍的祝福的故事一般一個、又一個冒出來的囧境，
最後求好心切，只好重新回去補足另外一大堆投影片、
同時忍痛砍掉一些早先的心血，
在心中就留下「設計簡報是一件很麻煩、很可怕、很吃力不討好的事」的陰影。
那麼該怎樣解決這個問題呢？

簡報配色必備輔助工具：Adobe Kuler

（閱讀本文前請先參考上一篇：如何選擇簡報的配色?）
前面一篇探討到簡報的配色時，
提到須先了解「如何建立色彩的意義」以及「如何選擇色彩」的觀念。
了解簡報配色的概念之後，
我們便可以應用配色輔助工具"Adobe Kuler"進行簡報配色的選擇與記錄。
這套工具的主要功能是幫助使用者「記錄」與「保存」在生活中所見美麗景象的配色。
比方說你的電腦有一張照片、裡面有一些你很喜歡的顏色，
那麼Adobe Kuler可以幫助你從該張照片中挑出（推薦出）5個顏色；
或是你看見了某個很漂亮的事物，
那Adobe Kuler的手機app也可以讓你隨時記錄那些美麗的配色，
當作日後簡報色彩搭配的參考。

如何選擇簡報的配色?

哈，過了一個新年，又好久不見啦！
2014年BILL要分享給大家的第一篇文章是關於如何替簡報選擇顏色。
之前到葉丙成教授所開設的臺大簡報課班上分享時，
BILL聽到有同學問「簡報該怎麼選顏色？有什麼一定不能選的地雷色嗎？」
當時BILL的回答並沒有完整說出想要表達的內容，
因此現在把相關的想法整理成本篇文章分享。
如果你是一位個性很急的讀者的話，
先告訴你BILL心目中的答案：

1. 簡報該怎麼選顏色：
沒有一定規則，
但是可以遵循LOGO或是故有設計的配色，
或者是借助像是Adobe Kuler (在下篇介紹)這樣的配色工具。

2. 有什麼一定不能選的地雷色嗎：
就設計上而言只要符合視覺聚焦、衝擊、流動，
沒有不能用的顏色，
但是顏色的偏好與禁忌往往需要視觀眾而定。

很多書籍或網站喜歡一開始就教人如何選色，
同時推薦很多協助選色的工具。
但實際上選色是奠基在色彩具有意義之上的；
也就是說在探討簡報的配色時，
必須先了解「如何建立色彩的意義」再探討「如何選擇色彩」。
讓我們先從如何建立色彩的意義開始。

聚焦、衝擊與流動：簡報設計的核心目的

在前面三篇的分享中，
BILL個別介紹了視覺聚焦、視覺衝擊與視線流動三者的詳細概念，
他們都是簡報設計的目的中，三個基於投影片本質所產生的必要目的。
在這一篇，BILL會以「有效資訊量」以及資訊/雜訊的綜觀角度重新審視，
讓大家更了解他們彼此之間的關係 :-)

（前置概念閱讀）
視覺聚焦：一次專注一個重點，聚焦你的簡報內容
視覺衝擊：視覺衝擊：讓觀眾目睹你的感受
視線流動：簡報的視線流動：用視覺的文法說故事
有效資訊：是「資訊」還是「雜訊」？剖析投影片設計的有效性 

首先我們先來回顧一下資訊與雜訊的基本概念：
簡報視覺設計裡面每一個可以辨識的元素都算是訊息，
而訊息如果「符合（講者演講的）目的」且彼此之間具有「邏輯聯結」
那麼該訊息便是屬於資訊，反之則屬於雜訊。
而簡報視覺設計的好壞便是取決於資訊與雜訊兩者的相對份量；
一份設計良好的投影片，或是說「有效」設計的投影片，
便是有較多的資訊與較少的雜訊。

簡報的視線流動：用視覺的文法說故事

各位讀者好久不見～BILL回來囉!!!
今天要介紹的是簡報的「視線流動」
在進入正題前，
再次替大家複習之前BILL所介紹的投影片設計三大元素—
從目的、媒介到風格的思維概念，
也就是「目的決定媒介選擇、媒介選擇構成風格、風格回頭實現目的」，
它們三者的關係可以如下圖所示：

而在目的之中，有三個基於投影片本質所產生的必要目的，
分別是視覺聚焦、視覺衝擊與視線流動。
在上兩篇我們已經介紹過第一與第二個必要目的—視覺聚焦與視覺衝擊的概念，
而今天便讓我們進入第三個投影片設計的必要目的：「視線流動」。

視線流動的意義是減少「選擇雜訊」
也就是讓觀眾在閱讀時，
能夠在最短的時間找到合理的閱讀順序並看懂畫面上的資訊。
這樣的特性在畫面上必須「同時」並陳大量資訊時尤其重要。

視覺衝擊：讓觀眾目睹你的感受

簡報之所以相對更純演講擁有更豐富的表現力，

很重要的因素之一便是簡報可以造成觀眾的「視覺衝擊」。
先前BILL所介紹的投影片設計三大元素—從目的、媒介到風格的思維概念，
也就是「目的決定媒介選擇、媒介選擇構成風格、風格回頭實現目的」，
它們三者的關係可以如下圖所示：

在目的之中，有三個基於投影片本質所產生的必要目的，
分別是視覺聚焦、視覺衝擊與視線流動。
在上一篇我們已經介紹過第一個必要目的—視覺聚焦的概念，
而今天介紹便讓我們進入第二個投影片設計的必要目的：視覺衝擊。

為什麼簡報需要視覺衝擊呢？
要回答這個問題，我們可以先從3D電影的興起開始談起。
下圖是大家在電影院佩戴3D眼鏡觀看IMAX 3D電影的照片：

3D電影其實內容與劇情，甚至是音效基本上都與傳統的2D電影無異，
兩者之間最大的差別便是3D電影提供了更好的「臨場感」。
也就是3D電影讓觀眾感到更加的身歷其境、彷彿進入了電影中的世界一般。