流動的風景

本次課堂邀請到安捷達的執行總監Raphael主講
還有潛能開發大師－橘子磨坊總監Laurent－帶大家靜坐冥想
但圖片中的是我們家文案，大師 (不是她驕傲，這是她的綽號)

前一堂課中，講師柱子談到了網路廣告的創意架構
接 下來衍生的問題是，既然『互動』是網路廣告的重點
那麼要如何吸引網友發生互動？

Raphael談到banner實際的瀏覽時間非常短
所以一支成功的banner必需要在5秒內就抓住觀眾，一個動作就進到重點
溝通的訊息結構必須非常簡單
至於怎樣吸引網友發生互動呢？
Raphael舉出兩種要素：
1. 吸引人的視覺 (我的解讀是吸引人的第1 cut)
2. 觀者熟悉或忍不住會想碰的東西

第一點對於有經驗的美術設計來說應該不是什麼問題
關於第二點，Raphael認為有以下幾種啟動互動的關鍵：
1. 電腦介面
網路廣告是作給網路瀏覽者看的，自然這些人最熟悉的就是電腦介面
許多傑出的banner都運用了電腦介面來傳達概念，比方說用youtube的時間軸來象徵事件發展，
用暫停或停止播放鈕來象徵停止悲劇
或是用游標的手指圖示來象徵觀者的參與行動


2. 生活週邊
開關、門把、按鍵、拉鍊、油門
這些讓人再熟悉不過的物件最適合拿來串接banner的因與果變化
Audi有一支banner讓我印象深刻，他的畫面中就只有一台車跟一個油門
點擊滑鼠踩下油門之後，那台車就開始在畫面上『燒胎』，搞得整支banner煙霧瀰漫
配合音效非常讓人上癮～



3. 大自然
看到蟑螂就會想打，看到貓狗就會想摸，想不互動也難
4. 令人好奇的元素
違反常理或者是前後對比的視覺，也很容易吸引互動
例如去年的得獎作品，畫面中的一塊錢mouse over後變成一桶水，就是運用了對比的作用
以下這支banner也是一個好例子



不過怎樣才不是為了互動而互動呢？
許多講師們都一直強調，互動的機制必須要與概念有關
否則只是讓網友單純地下指令使廣告演完，互動就會流於形式


感覺上台灣的網路廣告因為滑鼠點下去之後就要連到landing page
以至於大部分的互動都只能在mouse over上作文章
然而在互動的『觸媒』上仍可參考上述元素
相信還是比一些過於直接明瞭的call for action文字更有吸引力


除了互動之外，Raphael也希望我們注意到其他面向
於是引導我們一一感受不同版面的banner對視覺心理造成的影響
方形的banner感覺很聚焦與穩定
扁的banner讓人感到開闊
高的banner讓人感到侷促


最後音樂人出身的Raphael強調不要忽略banner的Rhythm律動感
塑造律動感的要素有以下幾種：
a. 文案張力
不同的發語詞、疑問句、倒裝句，都會改變文字的律動感
b. 視覺的率動
c. 動畫的節奏
這些要素組合起來的律動，則會影響著整支banner閱讀的流暢性



這系列文章拖了很久
最近實在忙到沒什麼心力寫
所以有沒有完結篇也不知道了  XD

本文同步刊載於不來梅網路部落格