2013年10月22日

從目的、媒介到風格:投影片建構的設計心法

前面幾篇我們有討論到資訊與雜訊的取捨以及投影片的本質,
以及如何統一應用設計元素,
到這邊BILL終於可以開始介紹簡報藝術烘焙坊最核心的設計觀念/心法,
也就是投影片建構的設計三元素:目的媒介風格
在繼續看下去之前,
提醒大家這三個元素不是又三個簡報必勝法則之類的項目,
而是投影片設計的邏輯決策過程,
也就是投影片製作的設計SOP概念。
當然所謂「戲法人人會變,各有巧妙不同」
BILL不敢說所有簡報專家或是投影片的設計者都是根據這三個元素製作投影片,
(事實上如果你長期Follow簡報藝術烘焙坊
就不難發現我們著重的面向與坊間所說的簡報技巧有極大的差距XD)
但是這一套從目的、媒介到風格的設計思考流程
可以讓每個人在有限的預算內,
用合理的時間與精力設計出有效、簡約且吸睛的高品質簡報。

那麼目的、媒介與風格三者的關係是什麼呢?
讓我們以已故的Apple前執行長賈伯斯的標誌性穿著為例說明。
有別於其他企業執行長的西裝革履,
近十年賈伯斯出現在公眾場合的形象一直都是
「三宅一生的黑色高領衫 + Levis牛仔褲 + New Balance的運動鞋」
根據賈伯斯傳的說法,
他認為這種固定穿著可以傳遞他不同凡「想」的理念與個人風格。
我們把這樣的思維依照目的>>媒介>>風格的邏輯,整理如下圖:
看到上面的邏輯,或許此刻你的心中正想著:
「這輪不到賈伯斯,我自己穿衣服也是這樣想的啊!」
然而有趣的是,
當我們在設計投影片而非穿搭衣服時,
往往大腦的設計邏輯就會突然變得不靈光,
總是選擇用一般人做投影片的方式製作自己的投影片,
搞得最後自己的投影片就跟所有其他人的投影片一般無聊而乏味。
為什麼會這樣呢?
BILL相信這是因為比起衣服的穿搭,
設計投影片是個我們相對不熟悉的過程。
因此本篇文章將會釐清這一系列的觀念,
讓我們除了可以活用這些觀念設計投影片之外,
也讓各位讀者未來看見其他佳作時,
可以看穿其設計的眉眉角角,見賢思齊=)

下圖是簡報設計3元素的示意圖:
接下來BILL會以SlideShare上面的自己的作品
說明目的、媒介與風格的設計流程:

大家稍微瀏覽一下這份投影片,
就可以發現其設計的投影片頁面主要分成兩種,
也就是章節投影片(下圖左黑色區塊)與內文投影片(下圖右)。
這便是用統一設計元素定義不同功用的投影片如首頁、章節、內文等的例子
(新加入的讀者可以參考前一篇文章理解統一設計元素的概念:跟模板說拜拜,改用統一的元素建構投影片!
為了說明上的方便,我們下面的例子都會使用下圖右側的內文投影片當作範例:



從目的到媒介
首先是從「目的」到「媒介」。
在設計一份投影片時,我們心中會有許許多多的目的,
包括宏觀上我們希望投影片達到的視覺效果,
以及細節裡你希望傳遞給觀眾的感受等等。
這些設計的目的因人而異;
下圖的範例便是設計投影片時,
一個人可能同時希望達到的目的:
每個人製作投影片的目的可能千變萬化,
但不論你的目的有哪些,有兩個一定要注意的地方:

・視覺聚焦、衝擊與流動是三個必要的目的
受限於投影片的本質(參考掌握投影片6項設計本質,輕鬆駕馭不犯錯!
有三個目的是所有投影片設計時皆必須包括的,
分別是視覺聚焦視覺衝擊視線流動(上述黑底圓圈)
之後會再有專文說明這三個必要的目的意義是什麼。

目的之間不能互相衝突
就跟探索人生一般,
其實很多人在設計投影片時,並沒有釐清自己的目的是什麼。
最常見的狀況就是一方面希望觀眾可以充分聚焦在自己所講的內容,
另外一方面卻又希望自己的版面可以充滿裝飾,「充實」一些。
聚焦與花俏這兩個目的是互相衝突的,
這種目的彼此矛盾的要求任誰也做不到。

設計投影片的目的本身是講者自己的期望,
實現這樣的期望需要目的與媒介之間緊密聯結
接下來便以上圖中灰底圓圈編號1,2,3的目的為例,
在下圖顯示出上述的目的如何體現在媒介處理之上,
也就是「目的決定媒介選擇」的過程:
上圖只是這一份投影片目的與媒介的聯結的一部份例子而已。
實際上整份投影片的媒介處理各式各樣,
就如下圖所示(下圖也僅列舉了主要的媒介處理)。
在本文中大家沒有必要一一了解不同處理方式各自的意義是什麼,
但最重要的是瞭解下面這樣的觀念:
目的決定媒介選擇;
整份投影片所使用的媒介處理方式都應該是一致的,
而且背後皆有其特定相應的目的。
進入下一部份之前,
我們來思考一個大家心中都可能會有的問題:
我是美術白痴,我該如何知道我的媒介處理是否可以聯結我的目的?
答案其實很簡單,也就是多看、多觀察、多揣摩。
多看簡報藝術烘焙坊的文章、
多上像是SlideShare這樣的簡報分享網站觀摩別人的作品。
比方說"米黃色羊皮紙的背景"可以給人"溫暖"的感覺。
這種知識不需要你坐在電腦前無中生有想出來,
只需要你在觀摩的過程中,
看見相關的作品(如本文的範例)用了這樣的設計,
並不經意的帶給你"溫暖"的感覺時,
將它記錄下來,這樣子便可以應用在下次的投影片設計中。
簡而言之,設計始終來自人性,而對人性的理解則來自不斷的觀察與揣摩。
簡報藝術烘焙坊在這過程中所扮演的角色就是幫助各位讀者看「重點」
剖析看似一體成型設計的背後,一個作品所做的設計思考與決策。





從媒介到風格
接著便是「媒介」到「風格」。
投影片風格就是所有媒介選擇的集合,
就如一個人的人格是其所有個性的集合一般。
然而如果一份簡報的每張投影片之間,
甚至是同一張投影片之內媒介的選擇都不一樣的話,
那麼自然就無所謂風格可言。
因此從媒介到風格最重要的關鍵就是「忠於一致的媒介選擇」。
媒介的選擇本身就會形成一份投影片的設計元素
因此內容可以與上一篇跟模板說拜拜,改用統一的元素建構投影片!相互呼應。

下圖我們以範例投影片的第26張為例說明。
如果說我們所採用媒介選擇就跟前面所列舉的一樣,
那麼投影片的製作成果就會如下面這一張節錄的例圖;
而如果我們更改每一個媒介的選擇,
去除手寫風格的色彩的話,就可能會變成下下張新製作得例圖:
現在讓我們一起檢視這兩張投影片(如下圖),
我們可以發現他們兩者的差異源自於不同設計元素的選擇。
值得注意的地方有兩處:
其一,雖然媒介的選擇並不一樣,但是最終形成的投影片皆是合理、好的設計。
其二,雖然兩者皆屬合理的設計,但是最終形成的風格卻是相差甚大
因此從上圖我們可以得到下面的結論,
也就是「個別媒介的選擇導致統一風格的形成」,
兩者的風格雖然有著根本的差異,
但是透過一致的媒介選擇,
兩者皆可以形成各自完整有效的風格。

我們也可以因此反推,
風格形成最忌諱的就是四不像,
也就是媒介選擇前後不一致。
以下圖為例:
上面這一張投影片雜和前面兩張範例的媒介選擇。
然而這樣的雜和在沒有特定目的的支持下,
容易讓觀眾感到困惑並形成理解上的雜訊。
下圖標示出這張反例投影片媒介選擇衝突的地方;
這些不一致的媒介處理使得這張投影片無法形成完整的風格。

最後還要提醒大家,
或許你並不覺得這是一張很醜、不好看的投影片,
但是重點並不是好不好看,而是能否形成一致的風格。
無法形成風格會使得整份投影片變得凌亂不一致,
從而產生理解上的雜訊。




從風格到目的
風格形成之後,
便會回過頭來實現一開始投影片設計的目的。
就如開頭賈伯斯的例子一般,
最後他那標誌性的穿著風格所透漏出來的訊息,
便是他一開始所希望的目的:不同凡「想」、特立獨行等等,
這便是「風格塑造實現目的」的例證。

然而值得注意的是,
很多人時常會把風格與目的搞混,
比方說某些人覺得他做投影片的目的就是要設計「賈伯斯風」的簡報。
這樣把風格與目的搞混的現象非常常見卻也非常危險,
因為往往這樣的簡報者都只能模仿到大師的皮毛,最後畫虎不成反類犬。
近年來很多人都以為在簡報上只弄一兩個大字就是「高橋流」簡報,
並且對著一張上面只有兩三個字的投影片講了老半天。
實際上高橋流的表現方式需要一定程度的爆發力,
雖然每一張投影片上都只有數個大字,
但是投影片切換的節奏必須非常明快。
(因為高橋流的目的(之一)便是應用大型關鍵字提示觀眾以掌握演講的節奏。)
因此「風格是結果不是目的」,
在應用目的、媒介與風格的設計觀念時需要特別注意。





綜合以上的討論,
我們可以用下圖總結前述的介紹:
文章結束前BILL再用下面這張圖說明一下
本文所介紹的設計三元素與先前介紹的文章的關聯:
設計三元素所介紹的主要是投影片製作過程的設計心法;
而先前介紹的投影片的本質以及資訊與雜訊的篩選的概念,
則是應用在製作過程的篩選、檢驗步驟。
以上便是「目的、媒介與風格」設計邏輯的介紹啦!
這便是簡報藝術烘焙坊最核心的設計觀念/心法。
之後BILL會再陸陸續續的詳細介紹
三個必要目的之特性、不同媒介的處理範例,
以及不同風格的應用等等,
敬請大家繼續收看喔!