動態(tài)海報設(shè)計中的交互性

石 洵

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

一、海報的分類

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

從海報的制作手段和表現(xiàn)形式來看，海報可以分成靜態(tài)海報和動態(tài)海報。在計算機、互聯(lián)網(wǎng)還沒有出現(xiàn)之前，只有靜態(tài)海報。然而，隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，海報動起來了，且迅速流行。

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

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

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

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

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

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

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

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

三、聲音：一起聆聽現(xiàn)場

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

聲音藝術(shù)創(chuàng)作者常用的創(chuàng)作工具有各種樂器、錄音設(shè)備、效果器，發(fā)展到現(xiàn)在更離不開電腦，以利用音頻軟件對聲音進(jìn)行剪輯與處理。

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

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

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

四、動畫：讓靜態(tài)動起來

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

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

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

目前，武進(jìn)區(qū)融媒體中心制作創(chuàng)意動態(tài)海報還只是初級階段，許多復(fù)雜的技術(shù)尚待進(jìn)一步學(xué)習(xí)掌握、靈活運用，還需進(jìn)一步增進(jìn)藝術(shù)審美，豐富想象，賦予主題表達(dá)獨特的藝術(shù)魅力。

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

當(dāng)然，隨著科技的進(jìn)步，三維動態(tài)、流體動態(tài)、虛擬現(xiàn)實等技術(shù)應(yīng)用廣泛，嗅覺互動、味覺互動、心理互動等更多形式會隨之誕生。隨著科學(xué)與藝術(shù)的結(jié)合，動態(tài)海報將迸發(fā)出無限可能，用科技賦新海報樣態(tài)，用創(chuàng)意賦彩美好生活。