動態海報設計中的交互性

石 洵

海報，作為一種宣傳形式，遍布街巷，隨處可見。它充斥著我們的生活空間，影響著我們的精神世界。什么是海報？漢語詞典的解釋是：張貼起來或用其他辦法分發出去的廣告。海報這一名稱，最早起源于上海，演變到現在，范圍已不僅僅是戲劇演出的專用張貼物了，而是一種傳遞信息、廣而告之的形式。

一、海報的分類

海報的形式多樣，按照應用領域的不同來劃分，大致可以分為商業海報、文化海報、電影海報和公益海報等。走過社區的公告欄，這幾種海報都能見得著。此處就不贅述了。

從海報的制作手段和表現形式來看，海報可以分成靜態海報和動態海報。在計算機、互聯網還沒有出現之前，只有靜態海報。然而，隨著互聯網技術的快速發展，海報動起來了，且迅速流行。

相較于傳統的靜態海報，動態海報更具表現張力和視覺沖擊，人們也能從變化的圖像及文字中獲取更多信息。動態海報在傳播過程中更加靈活且不拘一格，不僅限于靜態的圖片，在互聯網中以GIF 動圖的格式傳播也將其原汁原味保留，而且多媒體信息技術的發展以及載體的多樣化，使其傳播途徑更為多樣且便利，信息的傳達更多元且豐富。

與靜態海報相比，動態海報最大的特點在于交互性。傳統的靜態海報，一旦貼在櫥窗里，就靜靜地待在那里一動不動，憑著設計師們的創意傳播信息，等著“有緣人”體會其妙處。動態海報卻能與受者互動，受者通過感官如視覺、聽覺、觸覺、嗅覺、味覺等多種方式與系統進行雙向交流。從傳播的基本模式來看，它的過程呈現一個閉環。傳者發出訊息，受者根據自己的理解作出相應的反饋，由此可以確認傳播的效果。

交互性使觀者成為設計的一部分，在參與中完成信息傳達、精神傳遞。這不僅拉近了觀者與藝術的距離，也使觀者從被動接受信息轉為主動獲取信息，進一步強化了觀者的觀賞體驗和情感體驗。強化交互性，成為動態海報的重要設計方向之一。

二、色彩：給生活添一抹精彩

海報是一種信息傳遞藝術，具備一定的號召力與藝術感染力。海報通過色彩來渲染氣氛，色彩也是有感情的。很多時候，大家都會通過色彩來渲染情感，這是比較簡單直接的表達方式。通常，紅色代表熱情溫暖，綠色代表青春新鮮，藍色代表理智深遠，紫色代表高貴優雅，白色代表純潔神圣，黑色代表嚴肅堅實。我們通過調動色彩、構圖、形式感等因素形成強烈的視覺效果；除此以外，畫面還應有較強的視覺中心，力求新穎、單純，同時具有獨特的藝術風格和設計特點。

如何通過色彩實現交互呢？ 2021 年底疫情籠罩下的御城社區，寂靜、冷清，因為有了白衣戰士和志愿者的身影，又多了幾分溫暖和感動。在與世隔絕了兩周之后，小區即將解除封閉，小區居民即將重獲自由。有一幢樓尤其引人關注，因為整幢樓的居民全部轉運至集中隔離點，這幢樓的燈火已經兩周沒有點亮了。而他們也即將回家。于是，武進區融媒體中心萌生了一個創意，就是點亮小區，照亮回家的路。

武進區融媒體中心航拍了一組御城小區的標志性建筑，由彩色照片生成黑白照片，然后把這些照片發布到手機客戶端，大家手指一點，黑白照片就又還原成彩色照片，意味著戰勝疫情，一切如常，五彩斑斕的生活又回來了。

這需用到SVG 圖片切換效果技術。通過SVG 布局，每個效果需要準備兩張圖片，一張彩色，一張黑白。SVG 布局有兩層，外層為動畫設置層面，內層為一個單圖固定布局。在內層單列布局中添加一張黑白圖片，外層動畫設置中添加另一張彩色圖片，設置觸發區域，設置動畫效果為淡出，速度按需設定，這樣引導用戶點擊圖片，就能做出圖片從黑白到彩色切換的效果。

三、聲音：一起聆聽現場

聲音是由物體振動產生的聲波。廣義的聲音藝術可指一切訴諸耳朵的藝術形式。聲音藝術可以被視為許多領域的元素，例如聲學、噪音音樂、音頻媒體等，其演化到現在，還包括如街道、市場、工廠、田間等開放式環境下將生活中的聲音也納入聲音藝術的范圍。

聲音藝術創作者常用的創作工具有各種樂器、錄音設備、效果器，發展到現在更離不開電腦，以利用音頻軟件對聲音進行剪輯與處理。

2022 年6 月1 日，《人民日報》微信發布了一則有聲海報《“大朋友”習近平和小朋友的暖心時刻》，點擊“小喇叭”，就能聽到習近平的原音重現，這些溫暖寄語體現了黨和國家領導人對少年兒童的深切期望和美好祝福。

新冠肺炎疫情期間，武進涌現出了許多感人的事跡：有銀發志愿者堅守一線，有老百姓千余只愛心餛飩送往核酸檢測點，有新疆同胞傾“馕”相贈，有白衣戰士推遲婚禮 武進區融媒體中心原本策劃做一個人物素描的長卷，但是在抗疫的過程中還有許多感人肺腑的話，也應該讓人們聽到。于是，工作人員決定增加一個聲音按鈕。只要點擊聲音按鈕，畫中的主人公就會傾吐他此刻的所思所想。

首先，通過SVG 技術布局把一張長圖分割成幾張不同場景的小圖上傳，進行無縫拼接，在微信公眾號上上傳配套不同場景的音頻隱藏在圖片下方，在相應場景設置觸發區域，也可做一些明顯的標識或者文字，用戶點擊不同場景的觸發區域即可自動播放對應場景的音頻，從而達到身臨其境的效果。

四、動畫：讓靜態動起來

動畫是一門年輕的藝術。1892 年10 月28 日，埃米爾·雷諾首次在巴黎向觀眾放映光學影戲，標志著動畫的正式誕生。動畫藝術的概念又不囿于一般意義上的動畫片，它是集合了繪畫、電影、攝影、音樂、文學、數字媒體等眾多藝術門類于一體的綜合表現形式。

如何通過手指點擊海報中的物體，使它活起來、動起來？武進區融媒體中心在夏至節氣的海報上做了嘗試。整幅海報的底非常簡潔，近處是一片水面，遠處青山隱隱。當點擊畫面時，水面生出荷花搖曳，同時凸顯“夏至”字樣。

其實，這是很簡單的動畫技術。通過SVG 組合布局，首先，參考色彩交互模式，制作一張靜態海報作為內層，一張動態gif 海報作為外層。其次，參考聲音互動，在布局中插入一個音頻，音頻隱藏在圖片下方，把這兩個單獨的SVG 功能進行組合，設置一個觸發區域，引導用戶點擊觸發區域后，不僅畫面會動起來，也會隨之自動播放音頻。

目前，武進區融媒體中心制作創意動態海報還只是初級階段，許多復雜的技術尚待進一步學習掌握、靈活運用，還需進一步增進藝術審美，豐富想象，賦予主題表達獨特的藝術魅力。

技術賦能，以成熟的“ SVG 互動+ 熱點內容”形式，武進區融媒體中心創作出了具有實驗性的出圈作品，動態海報這一形式適應了當下快節奏的生活方式，以其視覺效果多元、敘事情節豐富、意境表達妙趣橫生等特點，滿足了大眾的感官需求、心理需求。不僅讓觀者在多重體驗中強化印象、深化理解，而且通過動態化效果，延展時空、擴充信息、產生情感共鳴。從靜態到動態，不僅實現了從平面向立體、從單線敘事向多線敘事的轉變，增強了海報的藝術感染力和視覺沖擊力，同時也改變著人們接受信息的方式。

當然，隨著科技的進步，三維動態、流體動態、虛擬現實等技術應用廣泛，嗅覺互動、味覺互動、心理互動等更多形式會隨之誕生。隨著科學與藝術的結合，動態海報將迸發出無限可能，用科技賦新海報樣態，用創意賦彩美好生活。