聲音可視化在動態海報中的設計探究

牛舒欣 王進華

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

[關鍵詞]動態海報；新媒體技術；聲音可視化

[中圖分類號]J524 [文獻標識碼] A [文章編號] 2095-7556（2024）11-0023-03

本文文獻著錄格式：牛舒欣，王進華.聲音可視化在動態海報中的設計探究：以“共生”系列公益海報為例[J].天工，2024（11）：23-25.

新媒介技術快速發展的背景下，各行各業都受到了新媒介技術的影響。傳統的平面海報以靜態的文字和圖案為主，把圖形和文本限制在一個長方形的框架中，缺乏層次感、多樣性和視覺沖擊力。如何打破這一視覺上的限制，創作出一種全新的海報，成為眾多視覺設計者和研究者必須面對的一項重大挑戰。在此背景下，產生了一種新的海報形式——動態海報。

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

一、動態海報的藝術符號系統分析

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

當前，動態海報的使用越來越多，相關實踐對動態海報的研究與發展具有很高的參考價值。新媒介技術的發展打破了各種傳統媒體形式之間的壁壘，實現了動態海報與傳統海報的融合。然而，傳統的平面海報仍然是招貼的主流。動態海報雖然在新媒介時代發展迅速，但仍處于起步階段，發展空間和藝術延伸空間是無限的。因此，我們應該深入挖掘新媒介與動態海報相結合的方法，對傳統海報進行延伸，從而形成一套真正符合動態海報設計的準則和規范。

二、“共生”系列公益海報在聲音可視化中的設計轉化

本文提出了“共生”系列公益海報創作的初步構想與設計方案，在吸取其他動態海報經驗的基礎上，從人與自然共存這一主題入手，尋求恰當的切入點。運用動態要素來表現自然與聲音的韻律，以實現人與自然的和諧共存這一終極目標，并為聲音可視化在動態海報設計中的運用提供理論依據。

（一）“共生”系列公益海報的靈感來源

隨著社會生產力的不斷提升和人口的不斷增長，全世界面臨著環境污染日益嚴重的困境，人與自然的關系越來越緊張，必須引起我們的足夠重視。當前，我國也在大力提倡人與自然和諧共生。提取自然界中的聲音，如海浪聲，森林中的鳥鳴聲、流水聲，進行聲音的可視化設計，制作動態公益海報，能有效地喚起人們愛護自然、與自然共生的意識。

“共生”系列公益海報之所以選擇動態海報的形式，是因為動態海報中的視覺元素與靜態海報相比更加多樣，一方面繼承和吸納了傳統海報的色彩、圖形和文字等設計要素，另一方面又采用新技術和新材質，使視覺沖擊力更強，更直觀、更有效地傳遞人與自然和諧共生的理念，增強大眾的環保意識。

（二）“共生”系列公益海報的聲音表現

相對于傳統的2D圖形設計方法，將數字媒介表達技術融入3D造型設計中，是目前最常用的將視覺藝術與技術相結合的方法，更具創新性和視覺沖擊力。“共生”系列公益海報設計主要運用Touch Designer等軟件，把聲音與畫面相結合，通過虛擬、夸張、聯想的方式和渲染、顏色繪制等設計手法，在表達出人與自然和諧共生理念的同時創作出全新的、有趣的視覺形象。

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

三、“共生”系列公益海報聲音可視化的設計運用

（一）“共生”系列公益海報在聲音可視化設計方面的獨特性

隨著Touch Designer等聲音可視化軟件的普及，動態海報的表現形式更加豐富，表現力也不斷加強。“共生”系列公益海報作為動態海報，具有比較獨特的視覺效果和風格，即通過聲音可視化的設計手法增強視覺傳達沖擊力，通過布局的合理化增強畫面的空間感，通過渲染的方式增強畫面的動態感，排除干擾觀眾注意力的因素，突出表現主題，增強觀眾對人與自然和諧共生理念的認識。

（二）“共生”系列公益海報對自然環境及生物的色彩提取

根據人與自然和諧共生的主題，除了要考慮一幅海報畫面的美感，還要協調兩幅海報畫面的風格與色系的統一。“共生”系列海報中的色彩來自大自然的顏色——綠色、藍色和白色等，圍繞綠色、健康、循環、生命等關鍵詞，與聲音結合后，隨著海浪聲、鳥鳴聲等進行變換，使畫面風格完整統一。同時在海報中點綴一些鮮艷的顏色，既不影響畫面的協調統一，又能起到增加畫面亮度的作用。經過對色彩的構思，對主要物體進行上色，上色效果如圖1所示。

（三）“共生”系列公益海報中音頻輸入轉化頻譜為可視化圖像的過程

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

（四）“共生”系列公益海報中轉化頻譜為可視化圖像的過程

添加chop to元件，將數據轉化為圖像，疊加noise元件像素，用composite元件對圖像做基礎的拉伸，繼續添加level元件后，可在composite元件中看到最初的效果。調整noise元件中的數據，使圖像運動起來，豐富視覺效果，并用transform元件調整background color選項為黑色。然后，添加level元件調整數據。在添加null元件后，可以進行初步播放。

（五）“共生”系列公益海報中增加圖像可視化效果的過程

通過TOP元件，輸入可視化效果。通過調整參數，更細致地模擬海浪的視覺效果和鳥鳴聲從茂密森林中傳出的視覺感受。根據提取的像素，對圖像進行處理，對視頻進行解析，增強畫面效果。為了給圖像上色，首先添加mono改為黑白，在comp元件中的operation里選中divide選項，可初步預覽效果。疊加look up元件，建立ramp元件，開始進行顏色效果的疊加，確定顏色后，將ramp元件疊加至look up元件的黑白效果中，可以初步看到上色后的畫面效果。添加兩個blur元件在comp元件后進行疊加輸入至displace元件，調整數據。

（六）“共生”系列公益海報在聲音可視化條件下的最終視覺效果調整

在audio devout元件下疊加key board in元件，起到對音頻進行單擊播放控制的效果。在resample元件中調整采樣參數，觀察畫面變化，調整至最優效果后選中noise元件，在period選項中調整數值，縮小圖像波動。添加constant元件，把resolution選項改為輸出的尺寸，隨原來像素進行直線拉伸后完成最終效果。

（七）“共生”系列公益海報成圖效果

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

如《鳥鳴山澗》海報中，提取了森林中的蟲鳴鳥叫。遠望，綠色的大森林像海洋一樣，樹木長得郁郁蔥蔥。陽光像一縷縷金色的細沙，穿過層層疊疊的枝葉，灑落在草地上。草地上盛開著各種顏色的野花，發出誘人的芳香。林中的鳥雀在歡快地飛翔著、鳴叫著，伴著潺潺的流水聲在微風中久久地回蕩著（見圖3）。

四、結束語

本文主要介紹在新媒介環境下，“共生”系列公益動態海報的創作過程。首先，從新媒介技術迅猛發展的大背景出發，探討了新媒介對視覺傳達設計的影響以及對傳統海報設計的沖擊。其次，作為動態海報發展的重要推動力量，新媒介技術無論從硬件上還是從軟件上都在影響著海報設計的發展。總之，數字技術可以更好地表現聲音的視覺化，信息處理技術的進步也使動態海報的可視化表達變得更為細致，從而提升觀眾對動態海報的感知體驗，突破了以往具象幾何形態圖像的視覺束縛，實現聲音可視化圖像的轉化，建立音頻與圖像之間的聯系，為聲音藝術的視覺化提供了具體的表達形式。

參考文獻：

[1]李美佳.新媒體環境下視覺傳達設計的表現形式轉換研究[D].沈陽：沈陽師范大學，2020.

[2]鄭茜.公益海報的個性化創意表現研究[D].蘇州：蘇州大學，2014.

[3]王捷.現代招貼版式設計創意研究[D].臨汾：山西師范大學，2015.

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

[5]師雪靜.環保公益海報設計中圖形的趣味性研究[D].南昌：江西科技師范大學，2020.

[6]曾嶸.基于仿生分形的聲音藝術可視化動態設計[J].美術大觀，2021（5）：134-135.

[7]劉智超，晏耀華.虛擬現實中可視化及聲音表達的幾點思考[J].北京測繪，2015（2）：116-119.

[8]公藝涵.視覺傳達設計中的通感研究[D].蘇州：蘇州大學，2021.

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

[10]曾子晴，畢偉.音樂可視化交互與視覺設計應用研究：以Touch Designer創意編程為例[J].藝術市場，2024（2）：98-99.

[11]范雅汶.視覺交互設計在公共藝術中的應用：以TeamLab作品為例[J].玩具市場，2023（5）：149-151.

[12]馮喬，黃天.基于Touch Designer視覺編程技術的粵劇數字化設計創新[J].包裝工程，2023，44（6）：1-11.