2013年1月3日

讓風格說話:用一致的風格表達自我

想像今天你參加了一場舞會,
眼前突然出現一位美女
她身穿黑色禮服,
身材曼妙,
跳起舞來風姿綽約
於是你決定找她攀談
隨便找了個藉口問她問題
結果正當她開口回答的那一霎那
一切突然靜止......
你的眼睛直直的盯著她的嘴巴
只見她其中一顆門牙
鑲了一顆大金牙。
雖然金色的牙齒單獨看並不醜
但是和她搭起來
整個氛圍就是不對勁
到底是出了什麼問題呢?
問題在於風格不一致

有大金牙的美女
我們每個人幾乎都知道看了會不自在
但是往往在設計簡報時
卻會忘記這個簡單的道理
」有很多種形式
每一種形式之所以會美
正是因為其具有獨樹一格的風格,
而非雜亂無章的拼湊物
而在設計簡報時也是如此。
很多人喜歡在設計簡報時,
盡量地把各式各樣漂亮的東西塞進去
讓簡報看起來不要那麼空、熱鬧一些。
最後觀眾在看時,
會記得那一份熱熱鬧鬧的簡報,
卻往往會不記得到底這份簡報在說什麼。
這樣便失去了簡報的意義。
因此適當地節制,
保持簡報設計風格的一致,
其重要性無法被過分地強調!



那麼要如何保持風格的一致呢?
或許有人會丟出一個相當地雷的答案:「用模板啊!」
嗯~這並不能說是錯誤的答案~
但模板只是讓風格一致最最基礎的方法而已,
就好像在高中時
為了要展現校風
而要求每個人不論燕瘦環肥
都要穿制服一樣。
其實想要達到同樣的風格,
有很多更好的方法,
而其中最簡單有效的方法是,
排版畫面元素的取捨上保持一貫性。

在詳細說明排版與畫面元素之前,
先讓我們岔開話題一下
來看看下面兩個例子的風格比較:

第一個例子是Bill在2012台大國際英語演講營的開幕式上使用的投影片
下圖是投影片的綜覽圖(本份投影片張數較多,圖中僅秀出其1/3):
而下面是投影片逐頁瀏覽的連結:





第二個例子是Bill在第十一屆國際英語演講社的Campus Union裡面的Workshop所使用的投影片
下圖是投影片的綜覽圖,這份投影片張數較少:
而下面是投影片逐頁瀏覽的連結:

雖然乍看之下,
這兩份投影片都有豐富的圖片與照片
而在設計上都看起來活潑多彩
但是仔細看看,
你就可以分得出其中的差別
包括在圖片排版的處理、文字色調與字型的取捨上皆然
或許你不見得能夠直接指出究竟是哪些部分不同
但是可以確定的是,
如果其中一份的一張投影片移到另外一份上面的話
觀眾在觀看時
一定會感到某種程度的不對勁
而其箇中原因,
就是來自於風格的差異。



在談簡報設計的風格時
網路上常有所謂的專家喜歡替各種簡報風格區分名字
像是什麼「圖片優先簡報」、「賈伯斯式簡報」、「高橋流式簡報」等等
同時往往最喜歡拿來比較的例子,
就是賈伯斯高橋流的簡報
最後這些所謂專家會再告訴你說,
「你不是他們,所以請中規中矩的做好傳統的簡報吧!」
雖然他們兩者的例子的確形象鮮明
但是卻容易誤導觀眾
以為所謂風格就是要特立獨行一般
(就好像以為所謂有個性的穿著就是要穿的像Lady Gaga一般XD)
所謂賈伯斯式的簡報,通常指的就是以深色底、去背圖片外加少量文字的風格
高橋流式簡報。筆者認為此種簡報簡直慘不忍睹,說穿了就是每頁都只有字而且放得很大罷了!
因此Bill在這邊刻意舉了自己設計的例子
雖然這兩個例子乍看相似,
但是都能同時給人一種統一、風格一致的感覺
同時也可以在一般的簡報設計中脫穎而出
這就像是平凡的衣服,
只要經過適當的穿搭
一樣可以令人耳目一新。






接著,讓我們回到正題!
前面提到,
建立風格的要素是在排版畫面元素的取捨上保持一貫性
現在回到我舉的第一個例子,
也就是2012台大國際英語演講營的開幕式投影片
在這份投影片中
Bill將舉出其中兩個設計風格:「方塊式的排版」與「簡單的黑色字體、去背與白底」
作為在排版畫面元素的取捨上較為詳細的例子


A.方塊式的排版

比較下面這一章投影片
和同一份簡報的其他張投影片
就可以發現方塊式構圖的應用充滿整份投影片
這是Bill個人非常喜歡使用的設計風格之一
因為這在呈現上
不但看起來工整
也不失活潑的感覺

近來為了與Apple抗衡
Microsoft在平板電腦使用者介面上
大量地採用了這種方塊式構圖的風格
如果你有興趣的話不妨留意一下=)


B.簡單的黑色字體、去背與白底

貫穿整份投影片的另外一個設計風格是
大部份的文字
都是採用簡單的白底黑字輔以粗體的設計
少數需被強調的內容
則採用白字、黑色光暈的樣式(如下面的第二張)
除此之外
並沒有其它紅色、綠色、底線、斜體等摻雜其中
這讓畫面更加簡潔
也看起來更統一

與文字相輔相成的
是採用白底的設計
不論是大張圖片,還是單一物件
都是以白色為背景
以去背的處理
用一種非常純淨、聚焦的方式
呈現圖片在大家的眼前。

值得留意的是
這部分的設計和前面的第二個例子(第十一屆國際英語演講社的Campus Union裡面的Workshop)完全不同
在第二個例子中
用的是類似海報的非水平排版
外加大量霧邊處理的背景圖片。

這兩種風格如果混用的話,
整份簡報的風格純淨感會立即消失。
雖然這些細節不經分析可能無法立即查覺
但正是這些微小的差異
一點一滴的定義了屬於這份簡報獨特的風格

風格的本質是一種選擇
沒有人規定說哪一種風格才是好的,
哪一種選擇才是正確的
就如設計簡報
不見得一定要用第一個例子中的「方塊式的排版」與「簡單的黑色字體、去背與白底」一般

重點是
做選擇以後
你必須對於其他的誘惑說不
你必須忠於你的選擇
而在一系列的選擇、限制之中
會讓你漸漸培養出屬於自己的風格

最後,呼應本文的第一張圖,
Bill也選了與之風格相似的另一張圖當作是本文結尾:
讓我們一起展現出屬於自己的風格吧!

P.S.首尾兩張圖都是在台灣大學總區的室外取景的喔!各位猜得出是在哪裡嗎?