動態(tài)圖形設(shè)計的信息傳達有效性探索

王 萍

?

動態(tài)圖形設(shè)計的信息傳達有效性探索

王 萍

摘要：文字、圖形、色彩、動態(tài)、聲音是動態(tài)圖形的五大基本媒介元素，也是探索動態(tài)圖形設(shè)計信息傳達有效性的五個方面，結(jié)合教學與創(chuàng)作的實踐案例分別分析各大元素吸引受眾注意的有效技法，得出對不同媒介元素及技術(shù)特征的把握能更好地表達創(chuàng)意，能在動態(tài)圖形設(shè)計中更好地實現(xiàn)信息的有效傳遞。

關(guān)鍵詞：動態(tài)圖形；信息傳達；有效性

動態(tài)圖形作為一種信息傳遞語言，正悄悄的改變著我們對信息的接受方式和解讀方式，它使復雜的信息內(nèi)容簡單化，信息傳播的形式多樣化［1］，同時增強了信息表達的趣味性，豐富了信息的內(nèi)涵。動態(tài)圖形設(shè)計的特性與歸屬領(lǐng)域探討要從它的由來說起，在電影海報設(shè)計時期，平面設(shè)計師索爾·巴斯（Saul Bass）率先制作了電影的片頭設(shè)計（Title Sequence），之后逐漸應(yīng)用于影視創(chuàng)作、交互界面、空間展示等各領(lǐng)域之中，因此，動態(tài)圖形設(shè)計往往被歸屬于視覺傳達設(shè)計（Visual Communication）領(lǐng)域，與動畫（anime）不同，因為動畫是圍繞角色來講述一個有時間線的故事，動態(tài)圖形可以敘述性地表達觀點，傳遞信息卻并不一定要敘事。它強調(diào)圖形的形態(tài)變化、色彩更替，強調(diào)每時每秒的完美靜幀呈現(xiàn)。于是，也有人將動態(tài)圖形定義為“基于時間變化的非敘述性、非具象化的視覺設(shè)計”［2］。動態(tài)圖形還被看作是圖形在時間維度上的動態(tài)表現(xiàn)形式，即：Motion Graphic = Motion + Graphic + Time［3］?？梢?，動態(tài)圖形是綜合了圖形設(shè)計、動態(tài)設(shè)計和時間設(shè)計的交叉設(shè)計活動。

動態(tài)圖形基于圖形設(shè)計的發(fā)展，與靜態(tài)的平面設(shè)計相比有著無與倫比的優(yōu)勢，因為它深受藝術(shù)表現(xiàn)、科學技術(shù)、設(shè)計表達等多方面的影響。根據(jù)寧海林教授提出的視覺傳播機制ACTS模式［4］，要想達到良好的傳播效果，首先要能吸引受眾注意（Attention）。阿恩海姆的視知覺形式動力理論表示，動態(tài)形式的圖像顯然更能引起觀眾的注意。而且，動態(tài)圖形能提供受眾含有視覺、聽覺、思維感知、空間認知、節(jié)奏動感等全方位的感受過程，表現(xiàn)出信息傳達的高效性，視覺震撼性以及情感通融性等多方面優(yōu)勢［5］，不但更能吸引注意還能因為強烈的感官刺激更容易留存記憶。融合了文字、圖形、色彩、聲音、動態(tài)等多種表現(xiàn)元素的動態(tài)圖形，借助現(xiàn)代技術(shù)能將眼睛看到的內(nèi)容整合成視覺信息流，并迅速地傳達給我們所要表達的認知信息。作為視覺傳達設(shè)計的一種新形態(tài)，我們需要探索動態(tài)圖形這種設(shè)計形態(tài)在有效傳達信息方面有哪些實用的方法或技巧。

一、文字數(shù)據(jù)視覺化

數(shù)據(jù)視覺化（data visualization）指的是通過圖形化手段進行清晰有效的信息傳遞。廣義上平面領(lǐng)域的設(shè)計都屬于數(shù)據(jù)視覺化的范疇，狹義上指的是能提高人們信息應(yīng)用效能的信息設(shè)計infographics。柱狀圖、曲線圖、餅狀圖是典型的信息設(shè)計圖形，對于記憶數(shù)據(jù)、理解趨勢有較好的輔助說明效果。然而動態(tài)形式能更好的傳遞信息，因為動態(tài)往往更能建立認知次序，簡化或聚焦信息，能利用形式美感加深閱讀者的認知記憶，甚至閱讀者還能通過交互動作有選擇地閱讀信息，這對信息傳遞的認知效率和精準定位具有積極意義［6］。所以也有人認為動態(tài)圖形是對復雜難懂的數(shù)字、概念和其他信息的視覺化表述。

如今的信息設(shè)計已經(jīng)被普遍應(yīng)用在新聞報道、紀錄片、電視廣告等領(lǐng)域，當然還出現(xiàn)過以gif文件為主的微動式信息圖表、圖標或圖示。之后設(shè)計行業(yè)內(nèi)出現(xiàn)了大量唯美的有一定篇幅的動態(tài)短片作品，信息短片才以獨立的表現(xiàn)形式被人們所認可，不過中文叫法各不相同，動畫、影視短片、廣告似乎都能意指信息短片。國外以jess3設(shè)計團隊的信息短片最為出名，他們聲稱是一家專門從事社交媒體策略和數(shù)據(jù)可視化的創(chuàng)意機構(gòu)，擅長用優(yōu)美的畫面通俗易懂的表達復雜的問題或繁雜的數(shù)據(jù)，他們對谷歌翻譯技術(shù)、互聯(lián)網(wǎng)現(xiàn)狀、云計算的短片解說給我們留下深刻印象。學生作品《阿爾茨海默癥》就是以信息短片的方式向我們普及阿爾茨海默癥的相關(guān)知識，并呼吁人們對病患的關(guān)愛。首先將收集到的阿爾茨海默癥的相關(guān)資料精簡成文本信息，并轉(zhuǎn)換成有聲資料，然后通過對色彩、矢量圖、位圖、文本、線條等元素的運用，在flash軟件中編輯位移、縮放、旋轉(zhuǎn)、形變、生長等基本動態(tài)，做到了讓觀眾在高效接受信息的同時，也能被生動的視覺形象所打動，這對煽動情緒，激發(fā)關(guān)愛有積極作用。（如圖1）

圖1 阿爾茨海默癥

文字數(shù)據(jù)的視覺化主要是對文本信息而言，文字作為一種媒介元素，最能直接了當?shù)貍鬟f信息，所以旁白和字幕往往能在作品中有效地發(fā)揮信息傳遞作用。宣傳片是一種提高聲譽、擴大影響、吸引觀眾的渲染手段，它以傳遞觀眾視覺震撼的方式來體現(xiàn)價值，如獲得浙江省第十四屆大學生多媒體作品設(shè)計競賽本科組DV類一等獎的《天地人》是關(guān)于茶文化的宣傳片，學生運用動態(tài)圖形獨特的技術(shù)和審美優(yōu)勢，表達采茶、炒茶、品茶的人文情懷，用唯美的畫面與特效表達對天與地的敬畏與感恩。文本信息在這里起到了畫龍點睛的作用，提綱挈領(lǐng)地來揭示主題、表達思想。片首以文本“尋回那股溫暖的味道”開場，展開青山綠水、鄉(xiāng)里人家的自然美景畫卷，中間點明主題“天地人”，講述了一片天、一塊地和一些人的故事，茶工藝和茶道文化徐徐道來，片尾“時間因茶而停留”，結(jié)合時間屬性起到調(diào)節(jié)受眾情緒，控制短片節(jié)奏的作用，片末“苦盡甘來”，一語雙關(guān)即指品茶的口感，亦指攝制小組的艱辛過程與豐收喜悅。（如圖2）有時，文字數(shù)據(jù)還能形成一種流動視覺，比如流行樂歌手凱蒂·佩里的Part of Me單曲MV，就是運用全字體手法，利用排版轉(zhuǎn)換的動態(tài)呈現(xiàn)歌詞內(nèi)容表達完美詞意。

圖2 天地人

二、圖形元素場景化

圖形是重要的視覺基本要素，它在靜態(tài)形式下就能表達很多視覺信息，如異質(zhì)同構(gòu)、圖底反轉(zhuǎn)、符號語言、視覺悖論等，這些圖形創(chuàng)作手法在動態(tài)圖形創(chuàng)作中依然適用。符號的、抽象的、完形的，結(jié)合了動態(tài)形式后的圖形能在人腦中形成感性的概念思維映射，給觀眾創(chuàng)造一個虛擬、抽象的多維度空間，人們的想象將延續(xù)在畫面之外，而那些符號性元素也能傳達出更多的認知信息［7］。早年設(shè)計大師索爾·巴斯已經(jīng)在經(jīng)典電影《七年之癢》、《謎中謎》、《金臂人》等片頭中向我們印證了圖形語言在動態(tài)中的重要性。動畫導演丹尼爾與Framestore CFC公司合作的《007皇家賭場》片頭，傾倒了不少觀眾，紙牌、輪盤、紙幣、槍支、人物剪影等圖形元素向觀眾傳達出皇家賭場的火爆與激情。獲得2010年寧波市首屆公益廣告大賽影視類創(chuàng)意獎的學生作品《快樂旅程》，也是獲得寧波市大學生創(chuàng)意設(shè)計一等獎的作品，學生用手繪線稿圖與人物照片結(jié)合的方式為觀眾塑造了一個虛擬想象的空間，這里的人物動作是用定格照片以逐幀的方式來表現(xiàn)的，選取的地標性建筑有天一廣場、跨海大橋等，以符號性圖形元素的方式來表達地理上的寧波，手繪的垃圾桶、易拉罐和海寶、上海世博中國館也是為了符號性地傳達“講文明、樹新風、迎世博”的廣告主題。（如圖3）

圖3 快樂旅程

場景設(shè)計就是塑造一個特定的空間場所，讓觀者感知具有一定信息內(nèi)容和情感效應(yīng)的環(huán)境氛圍。在故事敘述中場景是服務(wù)于角色表現(xiàn)的空間，往往會涉及到時代、社會背景和自然背景的表達。動態(tài)圖形的視覺價值還體現(xiàn)在利用動畫及電腦特效來表現(xiàn)實際拍攝無法實現(xiàn)的場景內(nèi)容［8］，有時出于成本的考慮，有時則是為了體現(xiàn)媒體的豐富性，為了更好地信息傳達。例如我學生時代創(chuàng)作的被BBC4頻道的trouble欄目收購的You are in trouble欄目包裝，就是用二維照片在AE里搭建了一個三維空間來替代實際拍攝場景，照片攝取的是涂鴉的墻、紅色的大巴車和電話亭，傳達了一個信息——這個故事發(fā)生在倫敦，地面上的one way符號與主人公奔跑的方向相反，暗示著這是一段違背常理的經(jīng)歷，接下來用一段卡通動畫來表達小男孩幻想自己變成超人飛過屋頂，飛到學校的場景。鏡頭用第一視角的方式表現(xiàn)旋轉(zhuǎn)的教學樓，閃白，推開門看到老師在上課，與片首主人公奔跑的鏡頭一樣老師回首的鏡頭也是經(jīng)過濾鏡處理后的視頻影像，與中間的動畫媒介形成對比，讓故事在現(xiàn)實與夢幻中切換，伴隨著小男孩奔跑后的急促呼吸聲我們聽到老師在厲聲訓斥“You are in trouble”，片末亮出trouble欄目的品牌logo。trouble欄目是針對少年兒童的節(jié)目，欄目包裝想表達的是該年齡段孩子的淘氣與滑稽。（如圖4）

圖4 你有麻煩了

三、色彩元素信息化

色彩是影響視覺的重要因素，從生理學意義上講，眼睛對顏色的獲取是不同波長的光線刺激視網(wǎng)膜與感受色彩的視錐細胞的共同結(jié)果［9］。不同的色彩能讓我們產(chǎn)生不同的心理感受，比如冷暖硬軟，我們也會因為顏色聯(lián)想或某種信息記憶進一步區(qū)分色彩，從而影響受眾情感。色彩在動態(tài)圖形中多用于背景設(shè)定，起到烘托渲染的效果。但有時也會把它當作傳遞信息的主體出現(xiàn)，例如我學生時代的課程作業(yè)Color實驗短片，命題的主題是顏色，探索的是動態(tài)圖形的表現(xiàn)手法。對于該命題，我們可以考慮表現(xiàn)大自然中的天然色彩，表現(xiàn)人造世界的抽象色彩，或者情感色彩，也可以探索特殊情境下的色彩運動，比如表現(xiàn)水在光線下的質(zhì)感性色彩變化，我們團隊選擇表現(xiàn)的對象是霓虹燈。第一次街拍，我們用實拍對焦點的方式得到的了一組高清晰度且很具象的霓虹燈素材，但是該如何編輯完全找不到感覺，第二次街拍，我們嘗試了轉(zhuǎn)移調(diào)焦，結(jié)合快慢拍攝混搭的方式，得到了朦朧的、抽象的，看不清對象的素材，留下的只有色彩信息：紅、黃、藍、綠、紫。我們顯然對這組素材更加滿意，根據(jù)我們自己錄制的聲音，最終將這組素材編輯成了一段富有節(jié)奏感的色彩運動。色彩元素信息化是一種抽象的表現(xiàn)手法，往往能表現(xiàn)出與眾不同的視覺效果，或時尚、或激情、或幻想。（如圖5）

圖5 顏色

四、動態(tài)形式擬物化

隨著第五媒體的迅速崛起，人們追求更舒適、更有趣的用戶體驗，動靜結(jié)合、變換無窮的交互界面能增添用戶在使用產(chǎn)品中的愉快情緒，最終提高產(chǎn)品的用戶粘度。結(jié)合觸控技術(shù)動態(tài)元素表現(xiàn)在顏色、形狀、速度、節(jié)奏上的變化，讓動態(tài)交互更生動有趣。人類先天傾向于設(shè)計擬人化的物品或擬物化的場景，把人的情感映射到生活物品中［10］。對現(xiàn)實場景的動態(tài)模擬或依據(jù)物理原理的運動能讓產(chǎn)品變得親切，讓用戶操作界面的過程更貼近生活的本來面貌，如手勢滑動的弧線運動、界面轉(zhuǎn)換的慣性運動等。同時動態(tài)模擬還能讓用戶感知動態(tài)形式的空間感，比如列表項的刪除或展開，能在Z軸運動方向暗示空間關(guān)系并表現(xiàn)出層級和深度。又比如現(xiàn)今比較流行的動態(tài)天氣圖標，用模擬各類天氣場景的方式來體現(xiàn)產(chǎn)品的功能或狀態(tài)，生動的細節(jié)也表現(xiàn)出了向Z軸延展的運動趨勢，這種擬物化的設(shè)計同時也給圖標本身增添了不少視覺魅力。2015年國家大學生創(chuàng)新創(chuàng)業(yè)項目里的應(yīng)用設(shè)計部分的APP設(shè)計《愛茶》，在界面中用動態(tài)的方式渲染出每個階段不同的制茶工藝，動態(tài)在這里不僅起到協(xié)助信息傳達的作用，用擬物化的手法還展示出多維的虛擬空間，更重要的是這種空間場景的模擬能烘托氣氛或激發(fā)情感，用優(yōu)雅的動態(tài)形式激發(fā)用戶對茶的喜愛之情。（如圖6）

圖6 愛茶

五、聲音信息主導化

嚴格意義上說，聲音屬于聽覺上的信息元素，并不屬于視覺的范疇。然而我們所說的視聽語言是一種感性語言，是為了傳播某種信息對聽覺和視覺的合理安排。而且在實際案例中聲音信息幾乎成為了不可缺少的元素，并且很大程度上影響著動態(tài)圖形的信息傳達，在接收速度上聲音信息也表現(xiàn)地更為敏銳，這就是為什么旁白通常比字幕更受關(guān)注。一般情況下，動態(tài)圖形中的音樂是作為配樂出現(xiàn)的，這對烘托氣氛、感染情緒有重要作用，還能夠引發(fā)觀者深層次的心理認知。但有時聲音也能居于主導地位，比如MV，專為音樂而搭配的視頻圖像形式，在這里視頻為音樂服務(wù)，幫助傳達音樂無法涵蓋的信息和內(nèi)容。作為視覺藝術(shù)新形態(tài)的動態(tài)圖形，通常能在實驗性強的歌手的MV中得到充分的發(fā)揮。例如冰島歌手Bjork精靈一般的天才，一直致力于創(chuàng)作藝術(shù)和實驗性強的音樂來跟主流音樂抗爭，她與Chris Cunningham合作的《一切都充滿愛》以及與Michel Gondry合作的Human Behavior，讓人們見識了詭譎、天馬行空的，充滿想象力的動態(tài)圖形世界。又如VJ影像騎士，負責Party影像的人，他的工作就是根據(jù)音樂的節(jié)奏、風格將影像、動畫等視覺元素作即時的剪接并添加效果。隨著科技的發(fā)展，這類工作已經(jīng)能移交給計算機完成，根據(jù)聲波自動顯示動態(tài)影像，這類創(chuàng)作逐漸成為新媒體藝術(shù)領(lǐng)域的重要方向。Color實驗短片里的音樂是我們團隊成員共同創(chuàng)作的，它其實是一段說唱節(jié)奏的聲音，借助聲音錄制與編輯器，我們四個女生用各國語言錄制了一段講述顏色的聲音，并將其編輯成一段有節(jié)奏韻律的音樂，以此為主導編輯了關(guān)于顏色的動態(tài)影像，我們相信聽覺上的敏銳會加深視覺上的關(guān)注，所以在動態(tài)圖形創(chuàng)作中可以將聲音信息主導化，以此來吸引觀眾對視覺信息的關(guān)注。

六、結(jié)語

動態(tài)圖形設(shè)計的發(fā)展是基于傳統(tǒng)平面領(lǐng)域的圖形創(chuàng)意，在視覺語言的運用和表現(xiàn)手法上有延續(xù)性。圖形、文字和色彩是平面設(shè)計的視覺三要素，在信息傳達方面除了要貫徹平面設(shè)計領(lǐng)域里的設(shè)計原則和技法之外，還要從其他媒介元素如聲音、動態(tài)、節(jié)奏、空間等方面進行總結(jié)。囿于篇幅和實踐經(jīng)驗，本文總結(jié)了五點動態(tài)圖形設(shè)計在有效信息傳達方面的表現(xiàn)技法，還有很多有待探討。動態(tài)圖形尚處于實踐階段，對信息傳達的技巧與手法的探索與實驗是表達想法的有利途徑，上文列舉的案例無不得益于技術(shù)的實踐表達，最終能有效吸引受眾注意，并實現(xiàn)信息的高效傳遞，可見，設(shè)計者要具備較好的運用現(xiàn)代技術(shù)設(shè)備的能力，以及對不同媒介特征的把握［11］，才能創(chuàng)作出優(yōu)秀的動態(tài)圖形作品。

參考文獻：

［1］曾進.動態(tài)圖形設(shè)計基礎(chǔ)探析［J］.藝術(shù)設(shè)計（理論），2013，8：90-92.

［2］孫聰.“Motion Graphic”與視覺信息傳達范式的變遷［J］.美術(shù)研究，2015，4：104-107.

［3］許一兵，許肖瀟.動態(tài)圖形設(shè)計［M］.上海：上海人民美術(shù)出版社，2013，3.

［4］寧海林.視覺傳播機制ACTS模式——以新聞圖像為例［J］.西北大學學報（哲學社會科學版），2012，5：163-167.

［5］呂楊.動態(tài)圖形信息傳達研究［D］.西安：西安美術(shù)學院，2013.

［6］王萍.動態(tài)圖形設(shè)計能力培養(yǎng)探研［J］.浙江萬里學院學報，2014，11：87-90.

［7］陳航平，馮學偉.靜態(tài)平面圖形在屏幕中的動態(tài)表達［J］.包裝工程，2013，6：25-28.

［8］鄧曉莉.論動態(tài)圖形設(shè)計的視覺傳播價值［J］.美術(shù)大觀，2015，2：114.

［9］唐春燕.動態(tài)圖形設(shè)計中的視覺信息呈現(xiàn)［D］.汕頭大學，2011.

［10］孫辛欣.基于移動終端應(yīng)用軟件的動態(tài)交互設(shè)計研究［J］.包裝工程，2014，11：32-36.

［11］童江濤.數(shù)字技術(shù)背景下動態(tài)圖形設(shè)計人才核心能力培養(yǎng)研究［J］.齊齊哈爾大學學報（哲學社會科學版），2013，3：149-151.

（責任編輯：李 寧）

Exploration of the Effectiveness of Information Transmission in Motion Graphic Design

WANG Ping

Abstract：Text，graphics，color，motions and sounds are five basic media elements of motion graphics. They can also be considered as five aspects to explore the effectiveness of information transmission of motion graphic. By an analysis of the effective techniques of different elements to attract the attention of the audience combining with the practical cases of teaching and creation，well mastering the different media elements and characteristics of technology can express the ideas much better，and can effectively transmit the information in the motion graphic design.

Key words：motion graphic design；information transmission；effectiveness

中圖分類號：J524

文獻標識碼：A

收稿日期：2015-12-31

作者簡介：王萍（1979— ），女，浙江寧波人，浙江萬里學院藝術(shù)設(shè)計與建筑學院視覺傳達設(shè)計系講師，主要從事新媒體設(shè)計教學與研究。（寧波315100）