牛舒欣 王進(jìn)華

[摘 要]首先，立足于新媒介技術(shù)迅猛發(fā)展的時(shí)代背景，結(jié)合視覺(jué)傳播設(shè)計(jì)的特點(diǎn)，研究了動(dòng)態(tài)海報(bào)的特征，歸納、提煉了現(xiàn)存的動(dòng)態(tài)海報(bào)的藝術(shù)表達(dá)方式和應(yīng)用場(chǎng)景特征。其次，從技術(shù)設(shè)備、軟硬件等角度，分析了媒介技術(shù)的技術(shù)支撐、動(dòng)態(tài)元素與其他元素的和諧關(guān)系，歸納出新媒介環(huán)境下動(dòng)態(tài)海報(bào)的設(shè)計(jì)原理和表達(dá)方式。最后，將該可行性方案運(yùn)用到“共生”系列公益海報(bào)的具體實(shí)例中，以聲音可視化作為其設(shè)計(jì)的出發(fā)點(diǎn)，通過(guò)實(shí)踐檢驗(yàn)已經(jīng)總結(jié)出的動(dòng)態(tài)海報(bào)的設(shè)計(jì)原理和思想，使其在新媒介環(huán)境下呈現(xiàn)出更多的可能性。

[關(guān)鍵詞]動(dòng)態(tài)海報(bào)；新媒體技術(shù)；聲音可視化

[中圖分類號(hào)]J524 [文獻(xiàn)標(biāo)識(shí)碼] A [文章編號(hào)] 2095-7556（2024）11-0023-03

本文文獻(xiàn)著錄格式：牛舒欣，王進(jìn)華.聲音可視化在動(dòng)態(tài)海報(bào)中的設(shè)計(jì)探究：以“共生”系列公益海報(bào)為例[J].天工，2024（11）：23-25.

新媒介技術(shù)快速發(fā)展的背景下，各行各業(yè)都受到了新媒介技術(shù)的影響。傳統(tǒng)的平面海報(bào)以靜態(tài)的文字和圖案為主，把圖形和文本限制在一個(gè)長(zhǎng)方形的框架中，缺乏層次感、多樣性和視覺(jué)沖擊力。如何打破這一視覺(jué)上的限制，創(chuàng)作出一種全新的海報(bào)，成為眾多視覺(jué)設(shè)計(jì)者和研究者必須面對(duì)的一項(xiàng)重大挑戰(zhàn)。在此背景下，產(chǎn)生了一種新的海報(bào)形式——?jiǎng)討B(tài)海報(bào)。

傳統(tǒng)的海報(bào)形式是靜態(tài)的，表達(dá)的信息和內(nèi)容是十分有限的。與傳統(tǒng)海報(bào)相比，動(dòng)態(tài)海報(bào)在信息傳遞上有著明顯的優(yōu)勢(shì)。動(dòng)態(tài)海報(bào)集合了圖形、文字、圖像、影像、聲音等元素，采用動(dòng)態(tài)形式，突破了平面的限制，增強(qiáng)了海報(bào)的空間效果。同時(shí)，動(dòng)態(tài)海報(bào)也具備時(shí)空性，將大量連續(xù)的靜止畫(huà)面當(dāng)作“幀”，不斷地播放，使信息的表達(dá)形式更加多樣化，從而在傳達(dá)的信息量方面占有很大的優(yōu)勢(shì)。目前，海報(bào)的形式正在由靜態(tài)逐漸發(fā)展為動(dòng)態(tài)，在新媒介技術(shù)的促進(jìn)下，動(dòng)態(tài)海報(bào)也彰顯出了自身的獨(dú)特優(yōu)勢(shì)。

一、動(dòng)態(tài)海報(bào)的藝術(shù)符號(hào)系統(tǒng)分析

在新媒介環(huán)境下，動(dòng)態(tài)海報(bào)已經(jīng)成了一種潮流。但在目前的研究中，對(duì)動(dòng)態(tài)海報(bào)運(yùn)用的研究還比較薄弱，缺乏理論支持。動(dòng)態(tài)海報(bào)在具體使用過(guò)程中的優(yōu)勢(shì)和局限性有待于進(jìn)一步挖掘。如，將傳統(tǒng)海報(bào)中的文字、圖形和圖像應(yīng)用到動(dòng)態(tài)海報(bào)中時(shí)應(yīng)該遵循何種美學(xué)原則，采用怎樣的版式編排，使用怎樣的動(dòng)態(tài)效果，都需要充分考量。再如，動(dòng)態(tài)海報(bào)中，圖形的運(yùn)動(dòng)方向、角度和速度的改變，不僅要根據(jù)設(shè)計(jì)者的構(gòu)想來(lái)設(shè)計(jì)，還要根據(jù)觀眾的需求和習(xí)慣來(lái)做出相應(yīng)的調(diào)整。這些方面都需要一套理論來(lái)支持。因此，有必要通過(guò)對(duì)平面海報(bào)與動(dòng)態(tài)海報(bào)的界定及特點(diǎn)進(jìn)行深入剖析，并對(duì)其側(cè)重點(diǎn)進(jìn)行辨析，并在相關(guān)理論的支持下，正確地引導(dǎo)動(dòng)態(tài)海報(bào)的設(shè)計(jì)實(shí)踐。

當(dāng)前，動(dòng)態(tài)海報(bào)的使用越來(lái)越多，相關(guān)實(shí)踐對(duì)動(dòng)態(tài)海報(bào)的研究與發(fā)展具有很高的參考價(jià)值。新媒介技術(shù)的發(fā)展打破了各種傳統(tǒng)媒體形式之間的壁壘，實(shí)現(xiàn)了動(dòng)態(tài)海報(bào)與傳統(tǒng)海報(bào)的融合。然而，傳統(tǒng)的平面海報(bào)仍然是招貼的主流。動(dòng)態(tài)海報(bào)雖然在新媒介時(shí)代發(fā)展迅速，但仍處于起步階段，發(fā)展空間和藝術(shù)延伸空間是無(wú)限的。因此，我們應(yīng)該深入挖掘新媒介與動(dòng)態(tài)海報(bào)相結(jié)合的方法，對(duì)傳統(tǒng)海報(bào)進(jìn)行延伸，從而形成一套真正符合動(dòng)態(tài)海報(bào)設(shè)計(jì)的準(zhǔn)則和規(guī)范。

二、“共生”系列公益海報(bào)在聲音可視化中的設(shè)計(jì)轉(zhuǎn)化

本文提出了“共生”系列公益海報(bào)創(chuàng)作的初步構(gòu)想與設(shè)計(jì)方案，在吸取其他動(dòng)態(tài)海報(bào)經(jīng)驗(yàn)的基礎(chǔ)上，從人與自然共存這一主題入手，尋求恰當(dāng)?shù)那腥朦c(diǎn)。運(yùn)用動(dòng)態(tài)要素來(lái)表現(xiàn)自然與聲音的韻律，以實(shí)現(xiàn)人與自然的和諧共存這一終極目標(biāo)，并為聲音可視化在動(dòng)態(tài)海報(bào)設(shè)計(jì)中的運(yùn)用提供理論依據(jù)。

（一）“共生”系列公益海報(bào)的靈感來(lái)源

隨著社會(huì)生產(chǎn)力的不斷提升和人口的不斷增長(zhǎng)，全世界面臨著環(huán)境污染日益嚴(yán)重的困境，人與自然的關(guān)系越來(lái)越緊張，必須引起我們的足夠重視。當(dāng)前，我國(guó)也在大力提倡人與自然和諧共生。提取自然界中的聲音，如海浪聲，森林中的鳥(niǎo)鳴聲、流水聲，進(jìn)行聲音的可視化設(shè)計(jì)，制作動(dòng)態(tài)公益海報(bào)，能有效地喚起人們愛(ài)護(hù)自然、與自然共生的意識(shí)。

“共生”系列公益海報(bào)之所以選擇動(dòng)態(tài)海報(bào)的形式，是因?yàn)閯?dòng)態(tài)海報(bào)中的視覺(jué)元素與靜態(tài)海報(bào)相比更加多樣，一方面繼承和吸納了傳統(tǒng)海報(bào)的色彩、圖形和文字等設(shè)計(jì)要素，另一方面又采用新技術(shù)和新材質(zhì)，使視覺(jué)沖擊力更強(qiáng)，更直觀、更有效地傳遞人與自然和諧共生的理念，增強(qiáng)大眾的環(huán)保意識(shí)。

（二）“共生”系列公益海報(bào)的聲音表現(xiàn)

相對(duì)于傳統(tǒng)的2D圖形設(shè)計(jì)方法，將數(shù)字媒介表達(dá)技術(shù)融入3D造型設(shè)計(jì)中，是目前最常用的將視覺(jué)藝術(shù)與技術(shù)相結(jié)合的方法，更具創(chuàng)新性和視覺(jué)沖擊力?！肮采毕盗泄婧?bào)設(shè)計(jì)主要運(yùn)用Touch Designer等軟件，把聲音與畫(huà)面相結(jié)合，通過(guò)虛擬、夸張、聯(lián)想的方式和渲染、顏色繪制等設(shè)計(jì)手法，在表達(dá)出人與自然和諧共生理念的同時(shí)創(chuàng)作出全新的、有趣的視覺(jué)形象。

“共生”系列公益海報(bào)中，海報(bào)《共生海洋》提取了海浪的聲音，將其與豎琴的聲音融合，相互應(yīng)和，使觀眾仿佛置身于海邊。這正如元代詩(shī)人唐珙《題龍陽(yáng)縣青草湖》中的“醉后不知天在水，滿船清夢(mèng)壓星河”描寫(xiě)的一般，人與自然完美地融為一體。海報(bào)《鳥(niǎo)鳴山澗》提取了森林中的聲音，比如，水流聲、鳥(niǎo)鳴聲，并從樹(shù)干和山巒中提取視覺(jué)元素，使圖像隨著頻譜的節(jié)奏運(yùn)動(dòng)，從視覺(jué)藝術(shù)的角度增強(qiáng)效果，加強(qiáng)觀眾對(duì)森林的了解，使觀眾仿佛置身于茂密靜謐的叢林中，時(shí)不時(shí)有幾只鳥(niǎo)兒在鳴叫，這聲音出現(xiàn)于森林，又漸隱于森林中，最后又回歸了平靜。

三、“共生”系列公益海報(bào)聲音可視化的設(shè)計(jì)運(yùn)用

（一）“共生”系列公益海報(bào)在聲音可視化設(shè)計(jì)方面的獨(dú)特性

隨著Touch Designer等聲音可視化軟件的普及，動(dòng)態(tài)海報(bào)的表現(xiàn)形式更加豐富，表現(xiàn)力也不斷加強(qiáng)?！肮采毕盗泄婧?bào)作為動(dòng)態(tài)海報(bào)，具有比較獨(dú)特的視覺(jué)效果和風(fēng)格，即通過(guò)聲音可視化的設(shè)計(jì)手法增強(qiáng)視覺(jué)傳達(dá)沖擊力，通過(guò)布局的合理化增強(qiáng)畫(huà)面的空間感，通過(guò)渲染的方式增強(qiáng)畫(huà)面的動(dòng)態(tài)感，排除干擾觀眾注意力的因素，突出表現(xiàn)主題，增強(qiáng)觀眾對(duì)人與自然和諧共生理念的認(rèn)識(shí)。

（二）“共生”系列公益海報(bào)對(duì)自然環(huán)境及生物的色彩提取

根據(jù)人與自然和諧共生的主題，除了要考慮一幅海報(bào)畫(huà)面的美感，還要協(xié)調(diào)兩幅海報(bào)畫(huà)面的風(fēng)格與色系的統(tǒng)一。“共生”系列海報(bào)中的色彩來(lái)自大自然的顏色——綠色、藍(lán)色和白色等，圍繞綠色、健康、循環(huán)、生命等關(guān)鍵詞，與聲音結(jié)合后，隨著海浪聲、鳥(niǎo)鳴聲等進(jìn)行變換，使畫(huà)面風(fēng)格完整統(tǒng)一。同時(shí)在海報(bào)中點(diǎn)綴一些鮮艷的顏色，既不影響畫(huà)面的協(xié)調(diào)統(tǒng)一，又能起到增加畫(huà)面亮度的作用。經(jīng)過(guò)對(duì)色彩的構(gòu)思，對(duì)主要物體進(jìn)行上色，上色效果如圖1所示。

（三）“共生”系列公益海報(bào)中音頻輸入轉(zhuǎn)化頻譜為可視化圖像的過(guò)程

元件通過(guò)連線組成網(wǎng)絡(luò)，音頻和圖像從左邊輸入，從右邊輸出，數(shù)據(jù)從左向右流動(dòng)，相互合成。每個(gè)元件各司其職，調(diào)整不同元件的各種參數(shù)，互相作用，實(shí)現(xiàn)聲音可視化。首先，建立audio file in元件，選中提取出的音樂(lè)，建立envelope元件、audio devout元件和math元件，對(duì)輸入的音樂(lè)進(jìn)行數(shù)據(jù)處理。其次，通過(guò)rename元件將音樂(lè)分為左右兩條聲道，用audio para EQ元件將音頻均衡。最后，建立audio spectrum元件，形成音頻頻譜，添加resample元件，提取5 000個(gè)采樣點(diǎn)。

（四）“共生”系列公益海報(bào)中轉(zhuǎn)化頻譜為可視化圖像的過(guò)程

添加chop to元件，將數(shù)據(jù)轉(zhuǎn)化為圖像，疊加noise元件像素，用composite元件對(duì)圖像做基礎(chǔ)的拉伸，繼續(xù)添加level元件后，可在composite元件中看到最初的效果。調(diào)整noise元件中的數(shù)據(jù)，使圖像運(yùn)動(dòng)起來(lái)，豐富視覺(jué)效果，并用transform元件調(diào)整background color選項(xiàng)為黑色。然后，添加level元件調(diào)整數(shù)據(jù)。在添加null元件后，可以進(jìn)行初步播放。

（五）“共生”系列公益海報(bào)中增加圖像可視化效果的過(guò)程

通過(guò)TOP元件，輸入可視化效果。通過(guò)調(diào)整參數(shù)，更細(xì)致地模擬海浪的視覺(jué)效果和鳥(niǎo)鳴聲從茂密森林中傳出的視覺(jué)感受。根據(jù)提取的像素，對(duì)圖像進(jìn)行處理，對(duì)視頻進(jìn)行解析，增強(qiáng)畫(huà)面效果。為了給圖像上色，首先添加mono改為黑白，在comp元件中的operation里選中divide選項(xiàng)，可初步預(yù)覽效果。疊加look up元件，建立ramp元件，開(kāi)始進(jìn)行顏色效果的疊加，確定顏色后，將ramp元件疊加至look up元件的黑白效果中，可以初步看到上色后的畫(huà)面效果。添加兩個(gè)blur元件在comp元件后進(jìn)行疊加輸入至displace元件，調(diào)整數(shù)據(jù)。

（六）“共生”系列公益海報(bào)在聲音可視化條件下的最終視覺(jué)效果調(diào)整

在audio devout元件下疊加key board in元件，起到對(duì)音頻進(jìn)行單擊播放控制的效果。在resample元件中調(diào)整采樣參數(shù)，觀察畫(huà)面變化，調(diào)整至最優(yōu)效果后選中noise元件，在period選項(xiàng)中調(diào)整數(shù)值，縮小圖像波動(dòng)。添加constant元件，把resolution選項(xiàng)改為輸出的尺寸，隨原來(lái)像素進(jìn)行直線拉伸后完成最終效果。

（七）“共生”系列公益海報(bào)成圖效果

如《共生海洋》海報(bào)中，將海浪的聲音提取成頻譜，并進(jìn)行了演變。畫(huà)面給觀眾以屹立在岸邊的沙灘上，向遠(yuǎn)處望去，只看見(jiàn)白茫茫的一片，海水和天空合為一體，分不清是水還是天的感覺(jué)。正所謂“霧鎖山頭山鎖霧，天連水尾水連天”。遠(yuǎn)處的海水在嬌艷的陽(yáng)光照耀下，仿佛有片片魚(yú)鱗鋪在水面，又像頑皮的小孩不斷向岸邊跳躍。海鷗明澈的眸子中閃爍著的頑強(qiáng)的光芒，嘹亮的嘶鳴聲中透出倔強(qiáng)的音調(diào)（見(jiàn)圖2）。

如《鳥(niǎo)鳴山澗》海報(bào)中，提取了森林中的蟲(chóng)鳴鳥(niǎo)叫。遠(yuǎn)望，綠色的大森林像海洋一樣，樹(shù)木長(zhǎng)得郁郁蔥蔥。陽(yáng)光像一縷縷金色的細(xì)沙，穿過(guò)層層疊疊的枝葉，灑落在草地上。草地上盛開(kāi)著各種顏色的野花，發(fā)出誘人的芳香。林中的鳥(niǎo)雀在歡快地飛翔著、鳴叫著，伴著潺潺的流水聲在微風(fēng)中久久地回蕩著（見(jiàn)圖3）。

四、結(jié)束語(yǔ)

本文主要介紹在新媒介環(huán)境下，“共生”系列公益動(dòng)態(tài)海報(bào)的創(chuàng)作過(guò)程。首先，從新媒介技術(shù)迅猛發(fā)展的大背景出發(fā)，探討了新媒介對(duì)視覺(jué)傳達(dá)設(shè)計(jì)的影響以及對(duì)傳統(tǒng)海報(bào)設(shè)計(jì)的沖擊。其次，作為動(dòng)態(tài)海報(bào)發(fā)展的重要推動(dòng)力量，新媒介技術(shù)無(wú)論從硬件上還是從軟件上都在影響著海報(bào)設(shè)計(jì)的發(fā)展?？傊?，數(shù)字技術(shù)可以更好地表現(xiàn)聲音的視覺(jué)化，信息處理技術(shù)的進(jìn)步也使動(dòng)態(tài)海報(bào)的可視化表達(dá)變得更為細(xì)致，從而提升觀眾對(duì)動(dòng)態(tài)海報(bào)的感知體驗(yàn)，突破了以往具象幾何形態(tài)圖像的視覺(jué)束縛，實(shí)現(xiàn)聲音可視化圖像的轉(zhuǎn)化，建立音頻與圖像之間的聯(lián)系，為聲音藝術(shù)的視覺(jué)化提供了具體的表達(dá)形式。

參考文獻(xiàn)：

[1]李美佳.新媒體環(huán)境下視覺(jué)傳達(dá)設(shè)計(jì)的表現(xiàn)形式轉(zhuǎn)換研究[D].沈陽(yáng)：沈陽(yáng)師范大學(xué)，2020.

[2]鄭茜.公益海報(bào)的個(gè)性化創(chuàng)意表現(xiàn)研究[D].蘇州：蘇州大學(xué)，2014.

[3]王捷.現(xiàn)代招貼版式設(shè)計(jì)創(chuàng)意研究[D].臨汾：山西師范大學(xué)，2015.

[4]薛明瑛.新媒體環(huán)境下公益廣告研究[D].烏魯木齊：新疆大學(xué)，2018.

[5]師雪靜.環(huán)保公益海報(bào)設(shè)計(jì)中圖形的趣味性研究[D].南昌：江西科技師范大學(xué)，2020.

[6]曾嶸.基于仿生分形的聲音藝術(shù)可視化動(dòng)態(tài)設(shè)計(jì)[J].美術(shù)大觀，2021（5）：134-135.

[7]劉智超，晏耀華.虛擬現(xiàn)實(shí)中可視化及聲音表達(dá)的幾點(diǎn)思考[J].北京測(cè)繪，2015（2）：116-119.

[8]公藝涵.視覺(jué)傳達(dá)設(shè)計(jì)中的通感研究[D].蘇州：蘇州大學(xué)，2021.

[9]高景帥.聲音的可視化研究[D].南京：東南大學(xué)，2019.

[10]曾子晴，畢偉.音樂(lè)可視化交互與視覺(jué)設(shè)計(jì)應(yīng)用研究：以Touch Designer創(chuàng)意編程為例[J].藝術(shù)市場(chǎng)，2024（2）：98-99.

[11]范雅汶.視覺(jué)交互設(shè)計(jì)在公共藝術(shù)中的應(yīng)用：以TeamLab作品為例[J].玩具市場(chǎng)，2023（5）：149-151.

[12]馮喬，黃天.基于Touch Designer視覺(jué)編程技術(shù)的粵劇數(shù)字化設(shè)計(jì)創(chuàng)新[J].包裝工程，2023，44（6）：1-11.