廣告概念發展與互動內容規劃

（一）、廣告概念和草圖發展

本創作的設計理念為利用“ 漂漂老師＂已建立四年之品牌內容精華作為廣 告內容，藉由民眾與廣告互動，讓民眾認識“ 漂漂老師＂與生動活潑的教學風格 品牌精神。創作構想初稿說明如下：

螢幕未與民眾互動前，呈現“ 漂漂老師＂廣告不停輪播畫面，如圖5-2，當 民眾停留在廣告螢幕前超過5秒後，畫面會感應出現“ 漂漂老師＂廣告互動內 容，並提示民眾可直接將手放在畫面對應的位置以進行廣告互動，民眾可經由互 動方式在畫面中選取關於“ 漂漂老師＂的資訊，以進一步了解 “ 漂漂老師＂

（如圖5-3）。

圖5-2 “ 漂漂老師＂廣告不停輪播畫面

圖5-3 民眾與“ 漂漂老師＂廣告互動時產生之畫面

（二）、互動腳本與互動介面組織

春嬌與志明是一對就讀大學三年級的情侶，週末皆會相約至人潮聚集的信義 計畫區逛街與看電影（圖5-4）。

圖5-4 互動腳本之角色設定

某個週末，兩人搭乘捷運到市府站準備去信義華納威秀買最近一場要開演的 電影票，在兩人輕鬆步行往影城的途中，見到百貨公司櫥窗內螢幕中有兩人的身 影（圖5-5）。

圖5-5 互動腳本—經過螢幕前，參與者啓動互動畫面

畫面中除了兩人影像之外，還有絢麗的影像及一個卡通造型的公仔，公仔還 會隨著兩人所站的位置進行不同姿勢的變換與互動，志明走到旁邊看到指示牌的 說明，跟春嬌說：“這是一個互動廣告裝置耶！”，接著春嬌發現螢幕中的畫面 播出了一段廣告後，接著自己的影像進入到類似香港背景的場景中，春嬌又好奇 的往畫面的中間移動，螢幕中的自己又進入到類似台北背景的場景中（圖5-6）。

圖5-6 互動腳本—互動過程

接著春嬌發現螢幕畫面中還有一幅“漂漂老師”的巨型看板，上面有圖形指 示春嬌可以用手點選看板，春嬌很好奇的將手放到對應的圖形上，畫面中出現 了“漂漂老師”的個人資訊介紹。過了一會兒，畫面提示春嬌可以現場列印剛剛 互動的畫面，因此用手對應的碰觸列印的按鈕，並從印表機取出剛剛列印出的卡 片。春嬌說：“漂漂老師的廣告好有趣喔！而且畫面中的圖像非常美麗，這個老 師 在 教 學 上 應 該 很 創 新 ！ ” ， 志 明 看 著 一 旁 漂 漂 老 師 的 立 牌 介 紹 ， 附 和 著 說：“原來多媒體與影音動畫可以這樣結合，我們兩個這麼喜歡看電影，或許我 們可以利用週末一起去作這方面的進修與學習，為出社會先做好準備。”（圖 5-7）

圖5-7 互動腳本—互動過程

圖5-8 互動腳本—兩人以上進入互動過程

由以上互動腳本整理出詳細的互動流程圖（圖5-9），並說明如下：

圖5-9 互動流程圖

1. 站在螢幕前，觸發畫面產生變化

民眾還未經過螢幕時，畫面中輪播“ 漂漂老師＂廣告畫面，當民眾停留 在螢幕前超過 5 秒，即觸發螢幕發現自己的影像出現在畫面中，且依據民眾站 立對應畫面中的位置，出現不同場景與欲進行介紹“ 漂漂老師＂資訊之內容

（以站立位置對應感應器左、中、右，呈現關於漂漂老師、漂漂老師著作、漂 漂老師教學三種場景模式），並有圖示指示可互動的圖形，當民眾的肢體碰觸 到圖形，畫面中則產生對應的介紹資訊。畫面的介紹內容架構如圖5-10 互動腳 本組織圖。

圖5-10 互動腳本組織圖

2. 觀眾進行廣告互動

當民眾（可一人或兩人以上）進入互動偵測範圍，可與螢幕中的場景進 行互動，選擇漂漂老師介紹之說明內容，並可選取畫面中的拍照按鈕，將互動

過程中的影像拍攝下來，系統同時將拍攝之影像上傳到Facebook活動網站，民 眾可上網分享或選擇畫面中的列印按鈕現場列印帶回留念。

3. 民眾完成互動或離開畫面，回復至初始預設畫面

當民眾完成一個互動的過程或離開螢幕範圍，互動內容切換為漂漂老師 轉場廣告，當互動範圍未偵測到有人進入，畫面則回到初始輪播的“ 漂漂老 師＂廣告。

（三）、環境與裝置設備、製作素材規劃

參照基地位置與互動腳本的描述，進行系統架構設計，如圖5-11，並繪製裝 置立面與配置圖於圖5-12。互動裝置所需器材設備清單如下：

(1)kinect攝影偵測機：位於投影螢幕下方；

(2)Mac Mini電腦主機；

(3)喇叭；

(4)背投影螢幕；

(5)短焦投影機。

由於廣告基地在人潮來往之通道，避免器材裝設影響互動位置與動線，並且 為了方便器材管理，將所有器材置於同一位置較佳。電腦軟硬體以木隔板與外界 隔離，用來包覆器材，集中器材管理，隔板上則預留投影螢幕空間及攝影孔。

圖5-11 系統架構設計圖

圖5-12 裝置配置圖

因應互動腳本，進行多媒體內容規劃，規格為配合投影設定的1024x768像 素，設計內容計有：

1. “ 漂漂老師＂30秒廣告；

2. 提示互動位置轉場影片10秒；

3. 互動場景設計：台北、香港、澳門；

4. 互動隱藏版場景設計：歐洲、美國；

5. 啟動互動圖示（去背動態影像檔）；

6. 關於“ 漂漂老師＂說明文字（簡介、著作、教學內容）；

7. 互動流程說明文字（互動結果列印與上網儲存、多人互動狀況）；

8. 提示拍照圖示（靜態影像檔）；

9. “ 漂漂老師＂公仔造型圖（多人互動拍照用）。