動態圖形在故事化敘事中的應用研究

司王江源 李偉敏

摘要：針對現代信息的爆炸式擴張，探究動態圖形在故事化敘事中傳播的最優途徑，為信息視覺化的延伸發展進行理論補充。文章以動態圖形為核心要素，借助文獻法和案例研究進行梳理，從結構語言到表現特征，對其借助故事化敘事所強調的應用原則及策略進行闡釋。最終總結出了五項應用原則以及四大應用策略。為話題性信息的抽象化、故事化傳播提供了新的思路和方法。

關鍵詞：動態圖形故事化敘事應用原則策略

中圖分類號：TU984.11+3 文獻標識碼：A

文章編號：1003-0069（ 2021） 07-0110-03

Abstract：ln view of the explosive expansion of modern information， this paperexplores the optimal way for the transmission Of dynamlc graphics in storytelling， so as to provide theoretical supplement for the extended development ofinformation visualization.Taking motion graphics as the core element， this paper，by means of literature review and case study， explains its application principlesand strategies emphasized by storytelling from structural language to presentationcharacteristics.ln the end， five application principles and four application strategiesare summarized.lt provides new ideas and methods for the abstract and story-likedissemination of topical information

Keywords： Dynamicgraphics StoryTelling Application Principle Strategy

引言

動態圖形（Motion Graphics）作為一種新興的視覺藝術形式，是現代數字圖像技術的產物，從視覺表現上說，動態圖形可以稱為“運動的平面圖像”;從呈現手段上說，動態圖形融合了電影的敘事語言與平面圖形的設計語言，并具有色彩的轉換和圖形的融合變化、空間的切換等特點[1]。但是有別于純粹的藝術表現、以藝術家為中心的動態圖形應用，流暢的信息傳播、以用戶為中心的動態圖形應用有著截然不同的原則和邏輯。如何在發揮動態圖形的特性優勢的同時，盡可能地增強傳播的有效性和完整性，這種微妙的均衡便是值得研究者進行細究的內容。

一、動態圖形概述

（一）動態圖形的概念

動態圖形（Motion Graphic）是指隨時間流動而變化的圖形。動態圖形的概念，從上世紀60年代至今未曾有過權威的定義詮釋，但所公認的是“Graphic”表明了其誕生的領域是平面圖形研究，而“Motion”的前綴則賦予了其“運動的、變化的、不定的”等獨特屬性。傳統平面設計在圖形、文字、色彩的積累研究是動態圖形創作的源泉，它不僅繼承了平面設計信息傳達的屬性和功能，還綜合了影視、聲音、交互、表演等其他學科的優勢，成為信息傳播的新興典范[2]。

（二）動態圖形的發展階段

1.萌芽探索階段：廣義而言，最早的動態圖形可以追溯到遠古時期的石窟壁畫，以法國的拉斯科洞窟崖壁畫為典型代表，線條粗獷、氣勢磅礴，表現出了強烈的動態感。此后的中國古代的走馬燈與歐洲的移動轉盤、西洋鏡同樣是不同歷史時期不同文化背景下動態圖形的重要實踐與探索[3]。此階段的動態圖形由于受認知水平和技術限制仍處于模糊的地位，發展速度較為緩慢。

2.雛形生長階段：“Motion Graphics"首次被正式提出是在1960年，由美國動畫師約翰·惠特尼（John Whitney）創立了名為Motion Graphics的公司，開始嘗試使用計算機信息技術來制作電影電視的片頭和廣告內容，其中希區柯克電影《迷魂記》（Vertigo）的片頭則是他最為出名的作品之一。

此外，同時期還有許多優秀人物，例如美國平面設計師索爾·巴斯（Saul Bass）成功運用動態圖形為60部影片的美術設計和40部影片的片頭進行了創意設計，被譽為電影片頭設計的革新者。在這之后，動態圖形開始從片頭設計逐漸延伸到電視包裝、MV以及影視廣告等領域中。

3.技術成熟階段：21世紀以后，隨著數字技術的迅猛發展和信息網絡的廣泛普及，動態圖形所必需的技術難度越來越低，無論是專業設計或是個人興趣，都能夠便捷地通過Adobe lllustrator、AdobeAfter effects、Cinema 4D等創作軟件開展工作。爆炸式的信息和隨處可見的數字屏幕組成了我們的生活，而動態圖形在其中無處不在，并集中于節目頻道包裝、電影電視片頭、商業廣告、MV、現場舞臺屏幕、互動裝置等各種領域。

二、故事化敘事概述

（一）故事化敘事的概念

故事化敘事是電影電視領域常用的敘事語言之一，是以情節為加工單元對現實話題進行詮釋的一種傳播策略。基于符號意義的構建，人物、環境、情節是故事化敘事的三大重要因素，針對于所要表達的不同內容的主題，通過對其中的信息進行解構重組，借助于敘事語言中的二次重組、懸念設置等各類手法，最終不但提升了事件本身的故事性，同時也增強了視頻影片的可觀性和趣味性[4]。

（二）故事化敘事的傳播表現

在主體選擇上，站在當事者的角度串聯起所有的信息線索，將人作為故事的敘事核心。避免從宏觀角度堆砌冗雜信息，多以個體感受作為信息輸出的切入方向，跟隨第一視角推進情節，進而挖掘主體的特質和局限。

在內容結構上，大多按照時間順序并借助因果關系對內容進行梳理。通過在關鍵信息處設置懸念、暴露疑點，充分把握觀者的心理，為其留有足夠的理解、分析和質疑的思維空間，有意識地引導觀者逐步深入故事核心。

在表現方法上，有意強調了縱向的多維感官體驗和橫向的彈性簡化處理。前者目前主要為音畫的搭配，在相適性和構成比重上作出更為恰當的考慮;后者是在保持故事真實性、可靠性的基礎上，對事件細節進行篩除和省略，防止受眾為不必要的信息投入過多的精力。

三、動態圖形在故事化敘事中的應用原則

（一）色彩引導情緒原則

色彩是依附于形狀的視覺屬性，根據相匹配的形狀特征和表現意圖，進而選擇恰當的色彩基調，最終達到滿意的視覺效果。在故事化敘事中，動態圖形的色彩搭配是營造視覺對比、強調畫面POI（Point of Interest）以及創造空間深度感（Spatial Depth）的重要途徑。這類作用的構成按重要性依次為明暗值對比、色相對比以及飽和度對比，在實際應用中多表現為多范圍的動態混合（DynamicMixing），突出敘述過程中的核心內容，以吸引用戶的視覺注意力。簡潔精練，避免繁瑣雜亂、對比過弱的色彩搭配。色彩在視覺畫面中的比重與對應信息的重要性成正比關聯，吸引注意力、塑造情調、引發用戶聯想，從而表達敘述的主題和內容所需要的情緒和氛圍。

（二）節奏掌控情節原則

韻律節奏本身并不具備具象特征，它們是通過元素的動靜和運動軌跡來體現具象特征，也就是“通過點來表現道的本質，通過節奏來表現道的動感”[5]。常見的動態效果大多基于現實中的物理運動，如彈出、墜落、轉動等。自然界很少出現線性運動的情況，只有非線性運動才會表現出受自然力作用導致的復雜的不可預期性，若在設計過程中忽略了這些因素，設計出的圖形內容勻速運動的節奏就會與人們的客觀認知有著偏離，意味著動態圖形已經失去了真實性，進而影響到人們的體驗[6]。通過運動而產生的韻律，在漸快和漸慢、強弱之間的轉換都有助于感知節奏的變化。此外，動效速度還需與范圍時間內所承載的信息量相適應，從而使得信息的傳播更加具化和感性，人們接收信息的過程也更加輕松。

（三）畫面銜接暗示原則

動態圖形的動態特點主要體現在流動和變化的畫面中，尤其需要考慮元素之間的轉換和變化。這種轉換和變化不但能夠豐富元素的表達方式，還可作為信息編碼的方式，借此實現靜態圖形難以表達的創意信息[7]。換而言之，除卻動態圖形所承載的內容信息，動態圖形自身的變化也帶來了一種全新的視覺信息線索。例如在RogerBlack Interactive Bureau的在線廣告中，觀者由看見模糊的、片段的畫面，到逐漸發現清晰的、完整畫面的過程，能夠引發自身的猜想、思考聯系進而產生奇妙的樂趣。動態圖形之間的銜接多注重元素的強相關性，包括大小、形狀、位置、色彩以及銜接邏輯，重點在于促使畫面的切換過程中更加流暢，進而增強用戶的視覺連續感，降低用戶對于敘述性信息的理解難度。

（四）話題帶動共鳴原則

信息話題決定了故事化敘事的方向和途徑。如今高度信息化導致的龐大信息體量加上人們對于話題性傳播的連貫信息取向，這種微妙的結合造成了人們在信息接收上的改變。為達到短時高效地接收信息、理解信息、記憶信息的目標，動態圖形相應地走向了信息故事化、情感化的方向，當今的泛科普類自媒體便是很好的代表案例，比如Bilibili的“毛茸茸的星球”等自運營科普號，便是借助動態圖形的靈活運用制作出生動活潑、形象幽默的科普類短視頻，進而引起大量關注與廣泛傳播。而根據不同的敘述目的，話題的選擇要在符合傳播者的自身定位、滿足用戶的共情心理、切合當下的輿論熱點等多方面進行均衡考量，并且對應“3s原則”，話題的核心思想需在內容開端便得到充足的體現方能引領后續的體驗。

（五）風格服務目的原則

動態圖形本身具有良好的包容性，能夠與許多的藝術風格進行完美貼切的結合，常見的包括：扁平化風格、擬物化風格、幾何風格以及低像素風格等。根據不同的使用目的或變化特征進行維度劃分，動態圖形可被進一步細化應用，例如劉翠林將其劃分出了變形與變換類、肌理變化類、維度變化類、特效使用類[8]。需要注意的是，動態圖形發展至今在精細化、復雜度上已突破了人們腦中原本的粗糙概念，不再局限于抽象的表現風格，甚至在一定程度上可體現出難以置信的真實性和強烈的代入感。設計者需要根據不同風格本身的特性和表現亮點，實現實拍影像觀看機制、情節鋪展自然、場面調度和時空自然轉換，它們是維持風格一致的重要內容。此外，例如角色特點表達、行為一動作的匹配度、環境一意向的關聯性等也是值得關注的要點。

四、動態圖形在故事化敘事中的應用策略

動態圖形與故事化敘事具備天然的可融合性。一來動態圖形是傳播的表現，敘事語言是傳播的支撐，彼此結合為血肉骨骼而產生了一種全新且易于創作的傳播手段;二來動態圖形被廣泛視為一門完美適用于講故事的通用語言，甚至與傳播設計（CommunicationDesign）、視覺傳播（Visual Communication）等領域的互動關系日益頻繁，并創造了不少優秀的案例。由此可知，基于這種關聯性身份，在處理與文本數據的溝通轉化、分析制定故事框架（What toTell）和故事化敘事框架（How to Tell）等問題上，信息內在的邏輯結構與表述方式，以及用戶的認知才是設計的重點，如何能建立良好的設計流程及思維模式尤為重要[9]。

根據此前的圖形領域和傳播領域的研究，我們共總結出了24條動態圖形的常見應用特征，進而建立了二維坐標——即結構語言一傳播表現、靜態特征一動態特征的坐標系進行客觀評價。第一及第二象限的應用特征相對具備較高的研究價值，其中第一象限（動態特征一傳播表現）偏向于運動學（Motion）、傳播學（Communication）的研究內容，第二象限（動態特征一結構語言）偏向于符號學（Symbology）、語義學（Semantics）的研究內容。不可忽視的是，動態圖形在本質上仍是建立在時間軸線上的復雜信息體，時間維度的變化和聯系是其設計內容的核心，由此整體必定傾向于強烈的視覺引力以及完整的動態表現，如圖l所示。

（一）確定動態圖形的敘述主體

首先，需要確定動態圖形中核心信息所對應的主體元素，即主體性特征。在整個敘述時間軸上，顯而易見的關鍵信息點便是我們需要確定的敘述主體，換而言之，可以理解為整個敘述內容中的骨骼關節。動態圖形的故事化敘事，通常包含了若干個彼此獨立的場景性主體，有時還包含一個貫穿始末的話題性主體，二者皆為抽象化的動態圖形。

羅馬的甜品商店The Brand Shop在品牌宣傳短片中（如圖2所示）便是以抽象化的紙杯蛋糕作為話題性主體，從空空如也的紙杯，到遇見美麗動人的糕點師，經過美容加工，最終蛻變成美味可口的小蛋糕。故事站在小蛋糕的視覺所講述的成長過程，其實就是話題性主體與場景性主體的信息互動、碰撞、融合的過程，不論是主體間的牽引或排斥，每種關系的發生所隱含的都是信息的交流。

就二者的作用而言，場景性主體通常需要與敘述中的階段性內容相契合，通過動態效果的交互將信息價值傳遞給話題性主體，延伸話題深度、豐富話題內容;話題性主體則通常需要與敘述的核心話題相契合，就故事化敘事而言，一般是話題當事者（人或物）、全局性線索（事）。同一主體在不同時間點必須保持高度的一致性和易辨識性，包括造型、色彩、排列等方面，但有時為了情節轉變的需要也允許有一定程度的動態變化，比如構成元素的添加與刪減。

（二）建立動態圖形的元素聯系

其次，建立動態圖形中主體元素間的動態聯系，即關聯性特征。這一步主要強調的是較短時間內的各個主體元素，即時間軸向上相鄰的點與點、關節與關節間的銜接過渡關系。在設計中，統一是一種基本原則，指的是整體的連貫性，整體包含的所有部分共同來實現整體的和諧感。為創造更為恰當的和諧感，常會引用起源于德國的格式塔學派理論，基于目的感、完整感的認知心理，通過類似平衡、比例、鄰近、對照等視覺線索來呈現[10]。

在凱瑟琳·維賈哈（Catherine Widjaja）設計的有關水資源危機的公益短片中（如圖3所示），開頭以水滴為基礎，以小見大，象征了地球上的全部水資源，并將前端的圓形特征進行動態改變，對應教育、健康、經濟和養育關系等生活的不同方面，調整各自不同的動效節奏，為圖形增添變化，進而演變為莘莘學子、聽診器、硬幣、懷抱嬰兒的母親，流暢連貫地解釋了水資源對人類的重要性。

需要注意的是，盡管要考慮動態圖形的平滑過渡，但平滑過渡并非完全等同于穩定過渡，在合適的敘述語境下以及急劇轉換的情節時刻中，主體間的激烈過渡所表現的粗暴感、不適感反而更易于使得觀眾真正沉浸在敘述內容之中。典型的案例如蒙太奇手法（Montage），在保持故事延續性的同時引入了插敘、快剪的主觀性以及時間和空間的非延續性，以一種特殊的體驗形式為觀者呈現出獨立于事件外的觀察視角。因此，這種聯系的強弱與時間長短取決于相對應的敘述情節的要求，只有恰如其分的聯系，而沒有絕對正確的聯系。

（三）優化動態圖形的視覺動線

再次，提升動態圖形中視覺動線和信息配比的契合關系，即傳播性特征。為了使得觀眾能夠接收到更為完整且準確的信息，不同層級的動態圖形承載著不同比重的信息內容，而在整個內容復雜、元素繁多的畫面中，核心元素則必須要在短暫的時間內能夠顯著地吸引到觀眾的注意，也就是信息比重、元素層級、視覺比重，三者之間應當是等量齊觀的。

一般我們將動態圖形的視覺動線拆解為三個部分進行設計研究：基于目標空間屬性的動作（Action）、因果關系導致的反應（Reaction）以及鏡頭觀察視角的軌跡（Tracking）。相較而言，前兩者偏于客觀而后者偏于主觀。但是，從內部的元素形態、大小、色彩等，到外部的畫面構圖、鏡頭語言，無論哪種方式，所圍繞的目的都在于盡可能使得觀者的目光將追隨著信息層級進行流動。

麥當勞2019年在新加坡宣傳的新版APP圖形廣告中（如圖4所示），聚焦到出票口的鏡頭鋪墊了動作環境，顧客的取票動作引導了鏡頭縮放的方向，進而呈現出整個服務接觸的場景。在該廣告的很多場景下，畫面鏡頭的縮放偏移始終與顧客的行為舉動、物品的移動呈遞緊密相關，觀眾的視角也就自然而然地隨之轉移過渡。此外，動態效果在敘事邏輯上的差異也會導致圖形比重的改變，并在橫向空間構建、隱喻化的功能、材質塑造上起到了關鍵的作用[11]。

（四）重構動態圖形的敘述邏輯

最后，強調動態圖形在時間軸向的邏輯語言，即連續性特征。圍繞故事化敘事的話題中心，動態圖形要綜合考慮到風格一致性、情節邏輯、故事結構研究等因素，即動態圖形的視覺張力等表現特征將與敘述邏輯相匹配。在實際設計中，動態圖形的敘述邏輯常借助于情節串聯圖版（Storyboards）進行構建實現，以一連串的視覺圖像來演示關于事件隨時間而推進的情節地圖，簡潔高效、快速創作，最為重要的考量即延續性，保證從一個畫面到下一畫面的過程中易于理解。

在桑克·達斯（Sanket Das）創作的帶有哲學意味的小短片中（如圖5所示），高度幾何化的設計風格、典型常見的情節曲線，通過一個方塊關于自我和夢想的思考、叛逆、追尋以及升華，層層遞進，最終顯露出主題一贊揚樂于想象、勇于追夢的精神。整個故事中所構建的場景不多，卻對應著完整的故事文本結構，最終觀者能接收到完整且清晰的故事信息;淡入淡出的文字旁白、簡單清新的背景音樂同樣配合營造了不同時刻的情節氛圍，并為動態圖形作出一定的信息補充。

無論亞里士多德提出的三幕式理論，或是埃里克·埃德森的23點劇本結構、布萊克，斯奈德的節拍表，對于動態圖形，良好的故事傳播不單是基于結構嚴謹、層級明晰的文本敘述邏輯，還必須與動態圖形本身的創作空間、表現手法以及故事情節的起伏流向相匹配。此外，若想在敘述邏輯上作出更為恰當多樣的選擇，均可參照文學領域和電影行業的文本敘述結構研究。

結語

綜上所述，隨著視覺藝術的新興創造以及信息技術的迭代更新，動態圖形作為一種抽象化的、易于創造和傳播的表現手段，必然將在當今的話題社會中發揮重要的傳播作用。設計者不單需要考慮到動態圖形的自身特征，還需考慮話題信息的內容特征。注意動態圖形與敘述信息之間的層次對應關系，由此確定故事主體構成、重視主體間的節奏、強調傳播的視覺流線以及梳理完整的敘述邏輯，最終在理解話題信息、掌握傳播手法、強化視覺印象等方面發揮更好的優勢，使得話題信息能夠通過動態圖形的故事化敘事而被觀眾清晰完整且高效地接收。

參考文獻

[1]孫煜瓏動態圖形的發展演進及其視覺表現特點[J]流行色，2019，（10）：107-108

[2]陳楊動態圖形的定義、應用與設計療法[J].設計，2018，（13）：150-151

[3]鮑曉宇動態圖形在視覺傳達設計中的發展與應用[J].大眾文藝，2 017，（21）：109-110

[4]門大泉紀錄片的故事化敘事手法門大泉[J].青年記者，2013，415 （11）：60-61

[5] ChenBen Wei The Creation Research of Point of Rhvthm Use in Motion Graphic - For Lao Zi 'Tao" Concepe asthe example[J]2012

[6]周雯MG動畫中關于圖形運動的設計探析周雯[J].設計，2019，32（19）：147-149

[5]周年國動態圖形的設計與信息傳播特性解析[J]包裝工程，2017，38 （22）：147-151

[8]劉翠林.新媒體浯境下標志的動態設計研究[J].包裝工程，2020，41（8）：233-238

[9]吳振東，過偉敏，艾小群問題導向下的動態圖形設計教學模式探究[J].裝飾，2016，（lO）：109-112

[1O] Jon Krasner Motion Graphic Design： Applied Historv and Aesthetics [M].CRC Press. 2013

[ll]馬馳圖形界而設計中的動態效果應用及趨勢探析[J]，2019，32 （20）：113-115