2012年7月30日

你可以再靠近一點:滿版出血圖片的視覺震撼

很久以前有一個化妝品的廣告,
廣告中的女主角不斷的對著鏡頭說「你可以靠近一點」
藉此顯示產品抹在皮膚上的保養效果,
是禁得起近距離觀察的考驗的。
其實簡報設計的排版上,
近距離的效果比起遠觀,
也一樣可以造成更大的視覺震撼! 

在進入正題前
BILL先介紹兩個簡單的概念:滿版出血 :

滿版」就和他的字面意義一樣,
是指把圖片放大到佔滿整個版面

出血」則是印刷上的詞彙,
簡單來說就是,
當你打算把圖片佔滿整張紙面時,
由於印刷上的限制,
印刷並沒有辦法印到最邊界的範圍,
因此圖片的邊界會有一部分被剪掉,
而這就稱為圖片的出血

我們要如何在簡報排版上應用這兩個概念呢?
以下用一個簡單的範例舉例:
假設有一張投影片是想要講說一個教師或是一個組織,
如何協助人找到自我獨特性等概念,
並且打算以一張Steve Jobs的頭像作為輔助。
這樣的投影片如過套用預設模板的話,
大概看起來如下圖:
這張投影片很正常、四平八穩,
但是看久了就是很呆板。
所以通常我們會調整一下企圖改善,
比方說把圖片拉大一點、靠近一點底邊,
同時下意識的留一點點空隙,
也就是所謂「留天留地留中間」的排版方式:
然而這樣的情況常常造成觀眾的困擾;
當觀眾在觀看投影片的時候,
大腦一直會在潛意識的層次不斷思考:
「圖片為什麼在那邊?它是快要撞上邊界的嗎?」
你並不會察覺到自己這樣的情緒
但是卻無法阻止潛意識產生不斷的無限迴圈
而其結果就是會讓人覺得
「這張投影片不好看、令人反感、不專業」
當然你是否會在意一份投影片專業與否是另外一回事,
但是這樣的設計會影響觀感絕對是事實。 

如果你再細心一點的話,
大概會注意到這張圖像的肩膀被削掉,
因此如果把圖片放往邊角會是較佳的作法,
如下圖:

下面這張投影片的圖片已經靠往邊角,
然而在顯示圖片時會自動預留一些邊角,
所以如果想要檢視完整效果可以把圖片下載到你的電腦上看,
以下圖片亦同。
整張投影片看起似乎更好一些了!
而且採用橫向的配置,
不會讓人感受到文字凌駕在圖片上方的衝突感。
不過這樣的設計再怎麼樣也是個"OK"的設計,
做不到簡報該有的「視覺震撼」。
因此此時,我們就要請出今天的主角:
滿版出血」設計:
在這一張圖中,
我們把圖片放大,使之滿版與出血,
可以讓畫面的視覺張力更為清晰,
彷彿畫面不夠大,不足以容納圖片似的。
因為沒有了邊界,
所以我們的腦袋會自動延伸那些出血被切掉的部分,
因此透過這樣的處理,
我們無形中擴大了螢幕的範圍

所以回到最開頭的圖片,一般來說投影片會做成這樣:
加上滿版與出血的效果之後,就會變成這樣:
感受到滿版出血的視覺震撼了吧!