2013年10月17日

跟模板說拜拜,改用統一的元素建構投影片!

很多人對於投影片「模版」有著很深刻的迷思,
認為不使用模板的投影片就是所謂的藝術投影片、創意投影片,
真正用於工作場合報告的投影片還是有個模板看起來比較正式、有秩序。
因此很多相關網站都會提供PowerPoint模板下載以取悅使用者。
事實上,許多好看的模板充其量就只是投影片的「制服」而已;
它們可以很迅速的統一每一張投影片表面看起來的樣子,
卻往往以犧牲每一張投影片的表達力作為代價。
統整整份投影片雖然具有重要性,
但是就好像在一個組織或團隊中
最重要的並不是統一每個成員外在的服裝與造型(當然如果是櫃台服務員那就另當別論)
而是整個團隊內在的認知、文化與價值觀;
一份投影片需要統一的也不是外在的模板與裝飾,
而是其中內在的設計元素。
那要怎麼樣統一設計元素呢?
接下來BILL就以SlideShare上面的熱門作品
"11 Things My Son Taught Me about Life and Business"
當做例子進行說明:

這份投影片可以算是風格相當鮮明的投影片,
有許多一個大人透過觀察(自閉症)小孩所得到的人生體悟。
不過這一篇BILL想要分享的主要是投影片的元素設計。
在進入分析之前
大家可以先瀏覽過前面的投影片聯結,
相信大家會覺得這是一份相當活潑、風格很強烈的簡報,
雖然沒有兩張投影片是一模一樣的,
卻不會覺得投影片彼此之間有什麼衝突或是違和感;
相反的,每一張投影片既有各自特色也相輔相成。
很明顯的這份投影片的秩序並不來自於模板的統一使用,
而是來自於設計元素的統一。
下面BILL將會以章節投影片為例,
說明作者如何應用這些設計元素的統一
首先我們可以把每一張章節投影片,
也就是倒數編號從11到1的投影片分離出來整理在上圖。
一分離出來我們馬上就可以發現
這些投影片基本上都有著相同的"Fu"。
現在先讓我們聚焦在編號"9"、"8"、"4"、"3"、"2"的這幾張:
我們可以發現這幾張的設計有著高度的相似。
下面我們以編號"3"作為例子剖析相似設計「感覺」的來源是什麼:
我們可以發現設計元素的統一主要來自於4個地方:
  1. 數字:處理方式是極大、滿版的灰色粗體,並融入在背景之中
  2. 標題的關鍵字:使用全大寫、粗體與醒目的顏色提示
  3. 標題其他部分:以黑色細體在關鍵字旁陪襯
  4. 圖片:灰階化、刷淡並染上與背景相似的顏色,同時也融入在背景中
上述的處理方式老實說沒有一項是PowerPoint 2007以後的簡報軟體做不到的,
不需要什麼超凡入聖的技巧;
作者厲害的地方主要在於他設計出了這樣的配色與排版。
而這樣的排版的「好」除了來自於它本身的樣子以外,
更來自於與整份投影片的融合。
也就是說,單看這一張投影片的設計可能沒特別了不起、特別好看,
但是和其他張投影片放在一起檢視的時候,
就會變成特色十足、風格強烈的設計。
另外這也同時是擅用「投影片是連續但分張播放的媒體」本質的好例子。
(關於投影片的本質歡迎參看掌握投影片6項設計本質,輕鬆駕馭不犯錯!

在進一步討論之前,
必須先澄清其實元素的統一有許多不同面向,
為了說明上的方便BILL在本篇僅以章節投影片進行舉例,
因為它們的設計元素具有最高度的相近與相似。
實際上就算投影片之間看起來有更大的差別,
如果它們有著類似的配色、類似的排版邏輯等相同設計元素,
還是可以辨認得出來。
因此你或許也有發現,
其實內文投影片本身似乎也隱藏著某種相似與關聯,
雖然差異頗大不容易說出來,
但是心中還是有辦法感受到
它們彼此的設計共享著某些相同的特色。

接下來是編號"9"、"8"、"4"、"2"的投影片,
可以清楚看見它們也都應用了與編號3相同的設計處理:
我們把上述的討論整理成下面這一張圖片。
在所有的章節投影片中,
下圖展示的5張投影片所使用的設計元素都是相同的:
那麼其他張章節投影片呢?
下面兩張圖片整理了其他編號投影片的設計處理方法,
可以發現與前面所舉的5張投影片極為相似:
(這3張缺少了背景的人物圖片,其餘的設計元素相似。)
(這3張缺少背景的人物圖片,但加入了全彩滿版背景圖片,其餘部分相同。)

由前面幾張圖片的整理可以發現,
就這11張章節投影片而言,
雖然每一張的排版都不一樣,並非使用相同的模板,
但是我們依舊覺得它們是高度統一的設計;
而這種統整感來自於相近甚至是相同設計元素的使用。
這些相近的設計元素「定義」了章節投影片,
讓我們在瀏覽整份投影片的時候,
可以清楚的分辨哪些是章節投影片、哪些是內容投影片、在哪個地方進入下一段等等
回頭我們再釐清一次為何「統一設計元素」那麼重要?
因為統一設計元素可以達到讓觀眾容易辨認出章節投影片的目的,
以及透過與內容投影片的區分讓觀眾瞭解整份投影片彼此之間的邏輯關聯;
目的與邏輯兩者使得這些設計元素變成有意義的視覺資訊,
協助我們更快速地理解投影片所透露的訊息。
(目的、邏輯與資訊的關聯歡迎參看是「資訊」還是「雜訊」?剖析投影片設計的有效性



有前面的範例介紹後,
相信大家也不難瞭解為何不應該一味的迷信模板的功用。
在下面的例子中BILL將其中一段的內容套用在模板之中,
如下圖所示:
將模板的設計與作者原先的設計擺在一起,
我們馬上就可以理解套用模板的局限性:
雖然「應用相同設計元素」與「套用模板」兩者都有統一、統整的功效,
(這是重要的,因為這樣方能減少雜訊、增加資訊性)
但使用相同設計元素統合的是整份投影片的風格與感覺,
每一張投影片依舊擁有靈活的設計空間與表現性;
而套用模板統一的僅僅只是表面上的形式,
不但犧牲了個別投影片的設計,
也讓整份投影片看起來無聊許多。
因此我們可以下結論:
想要建立一份擁有秩序、統整的投影片,
可行的方法不僅僅只有使用模板(事實上它應該是最爛的方法),
更好的方法是使用相同元素,
因為使用相同元素讓我們可以「定義」投影片的設計,
使整份投影片具有高度統整感的同時,
各自依舊擁有靈活的表現性。
因此下次設計投影片時如果情況允許,
就放棄模板,改用統一的元素的概念建構你的投影片吧!