基于分層思維的信息視覺化動態(tài)圖形設(shè)計

文／楊 璇（廣東技術(shù)師范大學(xué) 美術(shù)學(xué)院）

信息視覺化是構(gòu)建和傳達(dá)信息的圖形圖像手段。 動態(tài)圖形作為信息視覺化的主要視覺表征形式 （表征是信息在人腦中的呈現(xiàn)方式）， 通過視覺表層和深層的互動規(guī)劃， 契合、 引導(dǎo)和構(gòu)建受眾的認(rèn)知模型 （認(rèn)知模型是人理解世界的方式， 它不僅塑造人對所有事物的想法和理解方式， 還塑造人所能看到的事物間聯(lián)系和潛在的機(jī)會； 構(gòu)建認(rèn)知模型也就是通過對敘事模型的設(shè)計傳達(dá)給受眾認(rèn)可的信息認(rèn)知方式）， 從而實(shí)現(xiàn)過程信息或概念信息漸進(jìn)式說明的視覺傳達(dá)目標(biāo)。 視覺表征的表層形式通常包括點(diǎn)、 線、面、色彩等視覺要素；深層形式則為敘事結(jié)構(gòu)和視覺結(jié)構(gòu)， 包括線性結(jié)構(gòu)、循環(huán)結(jié)構(gòu)、 圓形結(jié)構(gòu)、 網(wǎng)狀結(jié)構(gòu)或隱喻等信息空間關(guān)系[1]。 無論哪種視覺表征， 都是對視覺要素和關(guān)系結(jié)構(gòu)整體設(shè)計的認(rèn)知模型建構(gòu)， 但動態(tài)圖形因?yàn)樾枰瑫r考慮靜幀圖形圖像、 動態(tài)和時間3個設(shè)計環(huán)節(jié)中的信息分層問題，其設(shè)計目標(biāo)的實(shí)現(xiàn)顯得較為復(fù)雜。因此， 在設(shè)計的思路上也需要采用分層的手段來執(zhí)行工作流程。

一、信息視覺化動態(tài)圖形設(shè)計的基本工作思路

動態(tài)圖形與動畫一樣， 屬于 “非實(shí)拍” 的活動圖像， 其畫面運(yùn)動的設(shè)計原理都來自影視本體語言系統(tǒng)[2]。但動態(tài)圖形因?yàn)槠鋸?qiáng)調(diào)的圖形在時間維度上的規(guī)劃和動態(tài)表現(xiàn)， 成為視覺傳達(dá)領(lǐng)域圖形設(shè)計的分支和延伸， 屬于圖形設(shè)計、 動態(tài)設(shè)計和時間設(shè)計的交叉設(shè)計活動領(lǐng)域。 動態(tài)圖形設(shè)計的目的是遵守圖形設(shè)計和動態(tài)設(shè)計構(gòu)成的原理， 注重事件、 產(chǎn)品、 對象等信息的視覺傳達(dá)效率。

靜幀視覺、 幀間運(yùn)動關(guān)系的建構(gòu)、時間結(jié)構(gòu)的規(guī)劃是動態(tài)圖形信息設(shè)計流程中的3大核心內(nèi)容。 靜幀視覺呈現(xiàn)了單幀承載的信息內(nèi)容，通過視覺符號的對比性處理提示信息讀取的層級和視覺方向；幀間運(yùn)動注重的是單幀圖形圖像之間的意義或視覺焦點(diǎn)替換，通過動與靜、圖與底、形與勢之間的鏈接與切換，表現(xiàn)信息之間的關(guān)系承接和層級變換；時間結(jié)構(gòu)的設(shè)計則強(qiáng)調(diào)信息的敘事方式與邏輯，通過快與慢，重復(fù)、近似或?qū)Ρ鹊葧r間結(jié)構(gòu)上的視覺規(guī)劃，形成信息的敘事節(jié)奏和整體架構(gòu)語言。在信息傳達(dá)的目標(biāo)下，圖形、動態(tài)和時間這3大核心內(nèi)容的設(shè)計目標(biāo)必須一致，即為共同建立動態(tài)圖形視覺信息的傳達(dá)秩序性進(jìn)行分層思考。

信息傳達(dá)目標(biāo)下的動態(tài)圖形設(shè)計分層思考包含以下3個步驟：

（1） 把動態(tài)圖形設(shè)計的目標(biāo)和信息整體進(jìn)行分解，圖形、動態(tài)、時間作為不同設(shè)計領(lǐng)域的內(nèi)容， 需要形成各自獨(dú)立的設(shè)計思路。

（2）圖形設(shè)計：從靜態(tài)圖形圖像的角度探討瞬間信息層次的建立； 動態(tài)設(shè)計： 從運(yùn)動方式和動靜對比的角度展示信息符號的流向和視覺焦點(diǎn)變換；時間設(shè)計：從重復(fù)、近似或?qū)Ρ戎斜磉_(dá)信息組之間的關(guān)系與結(jié)構(gòu)， 從而形成信息整體的結(jié)構(gòu)層次。

（3） 圖形設(shè)計針對于所有單幀頁面的視覺瞬間， 動態(tài)設(shè)計針對于短小的時間片段， 時間設(shè)計針對于信息敘事結(jié)構(gòu)與節(jié)奏，3者的信息層次感設(shè)計思路融合于一個信息視覺傳達(dá)整體，需要研究其各自強(qiáng)調(diào)的視覺要素間的互動、互換（信息層級交替性互換）關(guān)系，避免出現(xiàn)表現(xiàn)力的相互抵消，或過于強(qiáng)調(diào)某一視覺的現(xiàn)象發(fā)生。

信息動態(tài)圖形分層設(shè)計的具體實(shí)施，主要圍繞上面第（2）個步驟展開。在靜幀畫面、動態(tài)和時間3個方面形成信息分析、設(shè)計方案、視覺設(shè)計等各個內(nèi)容的分層策略， 是動態(tài)圖形信息設(shè)計工作的基本內(nèi)容（見圖1）。

圖1 動態(tài)圖形分層設(shè)計思維下的工作流程

二、信息視覺化動態(tài)圖形設(shè)計的分層策略

2.1 信息分析

為了動態(tài)圖形信息傳達(dá)目標(biāo)的實(shí)現(xiàn)， 信息自身特點(diǎn)與視覺表征的關(guān)系分析、 受眾的興趣點(diǎn)所構(gòu)成的信息結(jié)構(gòu)與認(rèn)知心理模型的對應(yīng)關(guān)系分析，是設(shè)計流程中需要首先開展的工作。

2.1.1 視覺表征與認(rèn)知模型構(gòu)建 信息的類型按照表征，主要分為概念性信息和程序性信息。 用來說明事物性質(zhì)、特征和狀態(tài)的概念性信息，在信息結(jié)構(gòu)上通常呈現(xiàn)出樹狀層級關(guān)系，體現(xiàn)了大框架下的子級，采用靜態(tài)圖表表征形式能夠在較短時間內(nèi)清晰地引導(dǎo)受眾讀取信息；關(guān)于“怎樣做”的程序性信息則具有表示過程的時間關(guān)系特征，通常表現(xiàn)為線性層級， 適于動態(tài)的表征形式[3]（見圖2）。 對信息視覺化產(chǎn)品的設(shè)計需要首先依照信息自身的結(jié)構(gòu)與關(guān)系，選擇合理的視覺表征，對應(yīng)受眾已有的認(rèn)知過程模式， 或者為受眾重塑較高認(rèn)知效率的模型通道， 引發(fā)受眾良好的認(rèn)知體驗(yàn)。

圖2 線性層級與樹狀層級并存的信息結(jié)構(gòu)關(guān)系

視覺表征作為認(rèn)知形式，只是創(chuàng)建受眾認(rèn)知模型的第一步，并非決定信息認(rèn)知效率的全部。受眾所接收的動態(tài)圖形視覺信息，通常是由不同類型信息融合在一起的主題相關(guān)聯(lián)的信息組構(gòu)成。 例如由概念性和程序性信息相交疊形成信息合集，或者由多個概念性信息或多個程序性信息相疊加的復(fù)合信息組。 單一的視覺表征并不能全面地有效對應(yīng)較大容量信息組的整體結(jié)構(gòu)特征， 因此也就需要通過利用視覺隱喻的方式形成某種敘事結(jié)構(gòu)， 去對應(yīng)不同類型信息組各自的信息特征以及組間關(guān)系， 從而形成與受眾心智模型一致的信息視覺化產(chǎn)品， 實(shí)現(xiàn)信息的有效傳達(dá)。

同時， 研究者應(yīng)該清楚， 視覺信息傳達(dá)的內(nèi)容組成其實(shí)是來自于受眾的興趣點(diǎn)以及聯(lián)系這些興趣點(diǎn)的邏輯。 每個興趣點(diǎn)信息對應(yīng)的是一個信息組中的內(nèi)容重點(diǎn)， 多個興趣點(diǎn)會形成多個信息組， 信息組之間的邏輯連接形成整體的信息框架， 從而成為動態(tài)圖形時間結(jié)構(gòu)設(shè)計的參考。 由多個興趣點(diǎn)形成的信息組， 也許興趣點(diǎn)之間的關(guān)系是并列的， 也許是有主次的， 也許是分先后的， 不同的邏輯關(guān)系決定了認(rèn)知模型的構(gòu)造。 但信息組之間邏輯關(guān)系設(shè)計的依據(jù)， 除了分析信息內(nèi)部之間的關(guān)系， 受眾已有的心智模型也是設(shè)計的重要參考。 受眾在面對動態(tài)圖形信息短片的時候， 會對所接收到的信息描述模型與已有經(jīng)驗(yàn)中的知識模型進(jìn)行比對， 從而獲得心理滿足 （認(rèn)知成功并接收信息） 或認(rèn)知困惑 （認(rèn)知失敗或不滿足） 等不同的結(jié)果。 可見， 基于視覺表征的認(rèn)知模型構(gòu)建， 是視覺傳達(dá)信息讀取效率的關(guān)鍵， 是動態(tài)圖形設(shè)計信息視覺化理論研究的重要內(nèi)容。

2.1.2 信息視覺層級劃分 信息視覺化認(rèn)知模型構(gòu)建的中心是如何對信息進(jìn)行視覺分層。 首先， 分層思維是根據(jù)信息的重要性和受眾的認(rèn)知興趣， 把信息從屬性、 類別、 程度等不同維度進(jìn)行劃分， 在受眾的視知覺層面把信息描述為“重要且必須” “重要但不必須” 和 “不重要但必須”3個層級。 當(dāng)然，這種劃分僅針對的是信息內(nèi)容本體。 在動態(tài)圖形表征中，為了清晰說明信息的演變過程或者為了強(qiáng)調(diào)某些重要關(guān)系，輔助信息說明的“視覺線索”會根據(jù)需要被設(shè)計出來，成為信息整體的一部分。 但此類為了讓視覺信息更為易懂而添加的另一種 “不重要但必須”的視覺類型，勢必需要與具體的內(nèi)容信息在視覺功能上得以區(qū)分，這就造成了視覺層次表現(xiàn)的復(fù)雜性。因此，為了減少信息識別的認(rèn)知成本，將信息本體控制在 “重要且必須”和“不重要但必須”兩個層級內(nèi)，會讓信息更為清晰、視覺焦點(diǎn)更為集中。

其次， 利用分層思維對每一層級信息之間的關(guān)系進(jìn)行劃分， 明確信息與信息、 層級與層級、 信息與層級之間的關(guān)系。 通過敘事結(jié)構(gòu)片段的差異化設(shè)計對這些內(nèi)容進(jìn)行視覺區(qū)分， 提高受眾對信息層級或信息邏輯的判斷、 分類、 排序等方面的認(rèn)知效率。在動態(tài)圖形的同層級信息劃分中， 如果被劃分的類型較多， 則相互間的關(guān)系就應(yīng)力求簡單。 并且為了體現(xiàn)同級的并列關(guān)系， 關(guān)系中的信息內(nèi)容在視覺形態(tài)上需要保持一致； 如果相互間的關(guān)系較為復(fù)雜， 就需要考慮刪減信息類型的數(shù)量， 把信息體量①有理論研究認(rèn)為， 受眾有效率讀取動態(tài)圖形信息的時長不宜超過4 分30 秒， 超過此時長受眾注意力必將分散； 在此時長內(nèi)安排不引發(fā)信息堆積的信息體量， 是動態(tài)圖形信息設(shè)計的基本做法?？刂圃谂c受眾認(rèn)知體驗(yàn)容忍度和時間長度成正比的關(guān)系上， 防止認(rèn)知負(fù)荷現(xiàn)象的產(chǎn)生（見圖3）。

圖3 適當(dāng)?shù)男畔Ⅲw量內(nèi)部構(gòu)成關(guān)系

2.2 分層思維下的設(shè)計方案

受眾在進(jìn)行圖像信息處理時， 通常經(jīng)歷3個典型階段：（1） 辨別基本視覺元素， 統(tǒng)籌視覺信息的整體；（2）從自身認(rèn)知需求出發(fā)， 自動過濾掉多余信息；（3）鎖定任務(wù)目標(biāo)。 這個信息處理過程在面對靜態(tài)視覺系統(tǒng)時， 通常在瞬間就能通過視覺整體做出判斷，并快速進(jìn)行視覺選擇，從而精準(zhǔn)定位。

面對具有一定時間長度的動態(tài)視覺系統(tǒng)時， 受眾的判斷過程變得復(fù)雜： （1）視覺在每一單幀圖像中都會經(jīng)歷以上3個階段；（2） 在經(jīng)歷一定時間過程后， 才會通過感知到的重復(fù)性或相似性視覺元素明確任務(wù)判斷；（3）形成時間線視覺信息的認(rèn)知模型。 在這個過程中， 受眾首先判斷的是單幀畫面的信息視覺層次。 雖然圖形的視覺是動態(tài)的， 但屏幕畫面是由每秒至少12幀的圖像序列組成， 在每時每刻的視覺辨別中， 受眾首先感知到的是圖像的視覺構(gòu)成和視覺邏輯， 而不是時間結(jié)構(gòu)。 因此， 單幀視覺傳遞的信息是受眾的第一認(rèn)知內(nèi)容。 受眾在經(jīng)歷了一系列的視覺變化后， 才會注意到結(jié)構(gòu)化的時間敘事。 受眾通過信息的視覺理解進(jìn)程掌握動態(tài)圖形敘事的結(jié)構(gòu)， 通過獲取的認(rèn)知結(jié)構(gòu)判斷其信息整體。 靜幀畫面和時間結(jié)構(gòu)應(yīng)該是兩個可以先行獨(dú)立思考的設(shè)計內(nèi)容， 因?yàn)橐粋€是關(guān)于空間的規(guī)劃， 一個是關(guān)于時間的設(shè)計， 維度不同， 設(shè)計思考的內(nèi)容具有相當(dāng)?shù)牟町悺?在完成這兩者的設(shè)計方案后， 再通過圖形運(yùn)動組成時間幀并串聯(lián)起來形成信息整體。單個信息之間串聯(lián)成組， 信息組之間串聯(lián)成圍繞視覺焦點(diǎn)（信息焦點(diǎn)/任務(wù)目標(biāo)） 的片段， 片段的串聯(lián)構(gòu)成信息邏輯和認(rèn)知節(jié)奏組合而成的認(rèn)知模型（見圖4）。

圖4 動態(tài)圖形信息視覺語言的核心內(nèi)容及設(shè)計過程

對時間線敘事結(jié)構(gòu)的視覺化層次設(shè)計，采用的是“三段式”工作步驟。 第一是“時間線規(guī)劃”階段，即信息內(nèi)容分層研究后對時間敘事的結(jié)構(gòu)性規(guī)劃， 主要探討信息自身結(jié)構(gòu)和受眾認(rèn)知需求所主導(dǎo)的認(rèn)知模型， 如何通過構(gòu)成的思維來進(jìn)行視覺構(gòu)建， 這是一個從策劃到具體框架建構(gòu)的過程；第二是“信息組規(guī)劃”階段，探討如何采用視覺手段清晰地強(qiáng)調(diào)信息組之間的差異和聯(lián)系；第三是“信息焦點(diǎn)的傳達(dá)節(jié)奏設(shè)計”階段， 此階段的工作任務(wù)首先是通過信息焦點(diǎn)的視覺重復(fù)或?qū)Ρ刃园才牛?在時間結(jié)構(gòu)上完成視覺認(rèn)知和體驗(yàn)共情的節(jié)奏規(guī)劃； 其次是在動態(tài)設(shè)計完成后， 基于認(rèn)知的效率和認(rèn)知節(jié)奏， 調(diào)整視覺傳達(dá)重點(diǎn)之間的細(xì)節(jié)化關(guān)系。

對單幀信息視覺層次的設(shè)計， 則是運(yùn)用靜態(tài)視覺構(gòu)成手段， 通過形狀、 色彩、 面積、 空間位置等要素的對比， 完成對信息焦點(diǎn)的認(rèn)知層次設(shè)計。 根據(jù) “視覺刺激的強(qiáng)度與信息注意力成正比關(guān)系” 理論， 通過信息分層思考的視覺刺激強(qiáng)度差設(shè)計， 有效引導(dǎo)受眾對每個視覺瞬間產(chǎn)生清晰的信息判斷。

對圖形運(yùn)動的設(shè)計， 目的之一是實(shí)現(xiàn)由圖形運(yùn)動推進(jìn)信息演變， 之二是通過圖形的變化轉(zhuǎn)換視覺的焦點(diǎn)。這是畫面由靜態(tài)構(gòu)成延伸至動態(tài)視覺、 以圖形動作變換為基礎(chǔ)的片段式設(shè)計。 多個靜幀圖形被運(yùn)動設(shè)計串聯(lián)為一個信息視覺整體性 （信息組），連同由于圖形的變化帶動的場面轉(zhuǎn)換， 或者采用整體性畫面轉(zhuǎn)場形式，實(shí)現(xiàn)信息視覺的結(jié)構(gòu)性講述。 其中，形態(tài)轉(zhuǎn)換、 運(yùn)動的緊張與松弛等視覺感受所產(chǎn)生的節(jié)奏和認(rèn)知體驗(yàn)， 會非常明確地印證時間結(jié)構(gòu)設(shè)計所對應(yīng)認(rèn)知模型的有效性。

圖4中的6個工作環(huán)節(jié)所形成的設(shè)計方案， 是一個從時間建構(gòu)出發(fā)， 到信息整體性視覺認(rèn)知建立的閉環(huán) （時間設(shè)計—圖形設(shè)計—動態(tài)設(shè)計—時間設(shè)計）， 是動態(tài)信息視覺化設(shè)計流程中的第2個環(huán)節(jié)。

2.3 分層思維下的視覺設(shè)計

動態(tài)信息視覺化設(shè)計流程的第3個環(huán)節(jié)是針對圖形、 動態(tài)、 時間3個設(shè)計內(nèi)容分別探討信息視覺化分層的具體手段。 總的來說， 視覺分層的主要手段是對比。 無論是靜態(tài)圖形之間的視覺比較， 還是動態(tài)之間的變化頻率， 以及動靜之間的主次對比， 對比的形式、 對比的程度、 不同對比形式與程度之間的視覺效率及視覺節(jié)奏，都是動態(tài)信息視覺化分層設(shè)計研究的重要內(nèi)容。

2.3.1 信息分層的靜幀設(shè)計 人類以焦點(diǎn)的形式觀察對象， 在觀察過程中， 視線的停留點(diǎn)就是視覺的焦點(diǎn)。視覺焦點(diǎn)并不等同于一個視覺區(qū)域的中心位置， 而是在這個區(qū)域中具有較高視覺強(qiáng)度和對比度的集中部分。 視覺信息之間的差異化表現(xiàn)越明顯， 視覺注意對信息的篩選就越容易。 在動態(tài)圖形中， 受眾視線的停留點(diǎn)通常有兩處， 一處是動效， 另一處是圖形微動或變化停頓時的高強(qiáng)度視覺對比。雖然動效的視覺焦點(diǎn)效益要優(yōu)于靜幀視覺對比， 但對于瞬間視覺的信息讀取來說， 靜幀更具優(yōu)勢。 在內(nèi)容投放層面， 動效主要是通過圖形節(jié)奏和動作的流暢性及自然程度， 體現(xiàn)信息轉(zhuǎn)接的邏輯順暢， 讓受眾獲得視覺心理上的滿足， 并非信息傳達(dá)的第一要素。 而圖形變化的停頓具有明顯強(qiáng)調(diào)信息興趣點(diǎn)的意圖， 配合高強(qiáng)度的視覺對比效果， 受眾可獲得足夠清晰的信息層級印象。 當(dāng)然， 靜幀畫面的對比關(guān)系也會隨著圖形的動態(tài)演進(jìn)發(fā)生意義改變， 可見， 信息焦點(diǎn)的捕捉是由動靜兩方面的合力促成的。

靜態(tài)視覺的分層， 受到圖形形狀、 色彩、 面積、 位置、 空間虛實(shí)、文字樣態(tài)等元素的不同對比關(guān)系的影響。 在同等視覺強(qiáng)度下很難說清哪一種元素的對比具有視覺刺激優(yōu)先權(quán)，所以畫面通常需要整合2～3種對比形式同時實(shí)現(xiàn)視覺刺激， 依靠強(qiáng)度差的比例擴(kuò)大或程度疊加， 意圖明顯地提示視覺的優(yōu)先。 例如， 重要的信息需要占據(jù)較大的面積， 但如果面積太大又容易形成背景效應(yīng)， 所以加入色彩的強(qiáng)對比就非常重要， 這可以形成“面積+色彩” 組合強(qiáng)化視覺焦點(diǎn)的模式。 當(dāng)然， 受眾在感知時會主動區(qū)分主體與背景， 并習(xí)慣在圖形大小對比明顯的情況下， 將小圖形識別為主體。 但是如果小圖形被安排的位置不在屏幕的視覺中心， 或者在視覺上一閃而過 （未延長在中心區(qū)域出現(xiàn)的時間） ，則視覺焦點(diǎn)也不可能形成。 這就是大部分動態(tài)圖形信息設(shè)計選擇中心構(gòu)圖的主要原因。 當(dāng)然，如果小圖形的造型比較特定 （獨(dú)特或具有明確的符號意義），其運(yùn)動變化的形式又符合受眾的認(rèn)知心理， 那么， 放置在屏幕中心圖形的焦點(diǎn)作用就會更為明顯。

在靜態(tài)視覺分層中需要重點(diǎn)談及的是色彩。 根據(jù)完形認(rèn)知理論， 受眾視覺感知是先整體后局部的， 同時，也是先 “看到” 色彩再關(guān)注圖形或文字的[4]， 因此通過色彩的 “融合” 與“聚焦” 處理， 可以整合屏幕的視覺環(huán)境并突出聚焦點(diǎn)， 實(shí)現(xiàn)逐層聚焦效果。 受眾可以從色彩的 “感知層”（色相、明度、純度三屬性）單純地感知到視覺對象的統(tǒng)一和對比關(guān)系， 具有相同或鄰近色相的色彩， 會被視為同一視覺層次，并能彼此同頻呼應(yīng)[5]，形成整體。 同時，人們對色相的視覺反應(yīng)最為敏感， 超過對明度和純度的感知，因此因色相不同形成的視覺冷暖， 也可以瞬間讓受眾完成對前景和后景的判斷 （暖色具有前傾性， 在視覺秩序上居于前端， 冷色具有后退性， 在視覺秩序上居于后端）。

當(dāng)然， 高明度的色彩在感知上也是向前的， 低明度退后， 高純度向前， 低純度退后， 但明度和純度在色彩信息環(huán)境中獨(dú)立的融合與聚焦功能并不強(qiáng)大 （除非是單色調(diào)畫面）， 因此可作為配合色相增強(qiáng)工具實(shí)現(xiàn)信息的層級表達(dá)。 例如， 可以通過色相形成的高對比度去強(qiáng)調(diào)視覺焦點(diǎn)， 配合明度和純度的差異形成較低對比度去表現(xiàn)較為細(xì)膩的視覺層次。 在色彩融合和聚焦的設(shè)計中， 屏幕中層級的色彩聚焦不宜過多 （色相對比關(guān)系需單純）， 否則容易造成視線閃爍。

動態(tài)圖形設(shè)計中焦點(diǎn)的形成， 在瞬間視覺的信息層次判別上必須明顯于單純的靜幀圖像， 因?yàn)槭鼙娫谧兓膱鼍爸袥]有足夠的時間仔細(xì)比較并分辨視覺上的秩序。 強(qiáng)調(diào)， 反復(fù)地強(qiáng)調(diào)， 高強(qiáng)度地強(qiáng)調(diào)視覺焦點(diǎn)， 是降低認(rèn)知成本的關(guān)鍵做法。

2.3.2 信息分層的動態(tài)設(shè)計

1） 圖形動態(tài)：即使靜態(tài)圖形視覺分層的手段很多， 但也遠(yuǎn)不如圖形的運(yùn)動變化所帶來的焦點(diǎn)效應(yīng)。 在展示的視覺面積控制在一定范圍的情況下， 眼睛首先捕捉到動作幅度反差較大的視覺元素。 因此當(dāng)面對動態(tài)圖形畫面時， 受眾不自覺地會把對動態(tài)元素的關(guān)注放在整個觀看邏輯的首位，并對其保持持續(xù)關(guān)注， 從而形成視覺凝視點(diǎn)。 當(dāng)動作的視覺刺激趨于減弱， 也就是動與靜的對比差異降低時， 視覺注意才會有步驟地轉(zhuǎn)向色彩、 形狀， 從而形成審視軌跡。 可見， 動態(tài)， 居于視覺層級的前端， 也是聯(lián)系靜態(tài)與時間的主要手段。 對圖形的動作、 圖形的運(yùn)動和場景的轉(zhuǎn)換等圖形動態(tài)設(shè)計研究， 是信息傳達(dá)設(shè)計目標(biāo)實(shí)現(xiàn)的重要內(nèi)容。

圖形自身變化 （旋轉(zhuǎn)、 變形、 大?。?與圖形空間變化 （運(yùn)動） 是兩個不同層級的動作， 但在設(shè)計步驟和視覺層次上， 它們是統(tǒng)一的， 因?yàn)閳D形需要借助運(yùn)動過程的速度或方向來彰顯自身變化所傳達(dá)的符號信息的敘事進(jìn)程。 當(dāng)然， 圖形自身的變化是動態(tài)設(shè)計的基礎(chǔ)， 屬于第一層級設(shè)計問題， 其中重點(diǎn)考慮的是圖形形態(tài)變化的符號價值和美學(xué)價值， 以及圖形變化的動靜節(jié)奏。 形態(tài)變化所形成的符號意義， 對應(yīng)的是受眾興趣點(diǎn)的信息單位， 其美學(xué)價值的實(shí)現(xiàn)主要依靠單幀視覺元素的構(gòu)成法則； 同時， 圖形形態(tài)變化的主次之分也需對應(yīng)信息的層級和邏輯。 而圖形變化的動靜節(jié)奏考慮的問題則完全不同， 其重點(diǎn)在于圖形符號 （信息） 變化速度與停留時長 （動與靜的時間比例）， 以及動作和節(jié)奏的自然流暢度。 圖形在快速變化后的短暫停留時區(qū)， 充滿了強(qiáng)調(diào)重要信息的暗示， 通過時間節(jié)奏上的對比， 形成 “快速—理解” 和 “慢速—強(qiáng)調(diào)” 的設(shè)計思路， 即在簡單信息陳述階段， 采用較快的圖形變化速率，讓用戶在信息識別上無拖沓冗余之感， 并在時間上與慢速率產(chǎn)生節(jié)奏對比； 在需要強(qiáng)調(diào)信息重要性的階段，采用較慢的圖形變化速率， 讓用戶能仔細(xì)辨別圖形并理解信息內(nèi)容， 在時間上與快速率階段產(chǎn)生節(jié)奏對比。 而動作節(jié)奏的快與慢對比， 或者說是時間上的韻律， 也是動態(tài)視覺美產(chǎn)生的直觀要素。

圖形的空間變化通常實(shí)現(xiàn)的是在圖形自身變化基礎(chǔ)上的空間視覺轉(zhuǎn)換功能。 設(shè)計人員把對圖形空間變化的設(shè)計置于圖形形變設(shè)計和場景視覺轉(zhuǎn)換設(shè)計之間， 因?yàn)椴煌目臻g變化手段可完成圖形形變或場景轉(zhuǎn)換、 或二者統(tǒng)一完成的視覺效果。 例如， 圖形在自身動作設(shè)計中通過放大縮小 （Z軸上的變化） 既可實(shí)現(xiàn)圖形的空間替換 （圖形基于中心視角消失）， 也可實(shí)現(xiàn)場景的轉(zhuǎn)換 （圖形因放大或縮小消失于屏幕， 從而替換背景）。 也就是說， 圖形形變有時也是圖形空間變化的一種， 屬于場景轉(zhuǎn)換手段之一。當(dāng)然， 位移作為主要的空間變化形式， 是脫離于圖形形變范疇的。 單純的位移如果未實(shí)現(xiàn)諸如表現(xiàn)運(yùn)動仿生、 圖形整合或轉(zhuǎn)換場景等方面的功能， 通常都呈現(xiàn)出缺乏表現(xiàn)力的狀態(tài)。 在位移中具有同樣動趨勢和方向的視覺元素會被大腦自動歸納為同類或關(guān)聯(lián)元素， 這是表示信息同類或同組的常用方式。

此處需要談及的是動靜關(guān)系的協(xié)調(diào)問題。 動靜對比關(guān)系的處理除了出現(xiàn)在單位圖形的動態(tài)設(shè)計中 （圖形變化的快與慢對比）， 還體現(xiàn)在對動靜屏幕面積比的協(xié)調(diào)中。 運(yùn)動與靜止的視覺面積比例需要劃分出較大的差距， 以形成以運(yùn)動為視覺背景 （運(yùn)動占據(jù)較大視覺面積則會成為對比狀態(tài)下的背景）， 或以靜止為視覺背景的焦點(diǎn)性畫面， 受眾可較為容易地被設(shè)計視覺意圖所引導(dǎo)而進(jìn)行信息篩選。同時， 動靜時間長度的比例關(guān)系也是影響認(rèn)知體驗(yàn)的關(guān)鍵。 在一定時間長度內(nèi)， 如果屏幕的靜態(tài)畫面占據(jù)比例過高， 則會產(chǎn)生拖沓或單調(diào)乏味的視覺感受； 如果屏幕的動態(tài)節(jié)奏過快并動態(tài)時間過長， 就會對受眾提出快速進(jìn)行信息判斷的要求， 不間斷的視覺累積后必然出現(xiàn)認(rèn)知負(fù)荷和情緒焦慮。 因此， 動靜比例無論是在視覺面積還是時間長度上， 根據(jù)信息傳達(dá)的感知體驗(yàn)?zāi)繕?biāo)（感知體驗(yàn)可以是舒緩的信息傳達(dá)速率， 也可以是緊湊刺激的），均可依照黃金分割的構(gòu)成原則進(jìn)行設(shè)計。 當(dāng)然，認(rèn)知負(fù)荷現(xiàn)象是否出現(xiàn)或者出現(xiàn)的早晚， 極大程度上還取決于單幀畫面信息投放的復(fù)雜程度和圖形變化的強(qiáng)度。 如果畫面承載的信息較為復(fù)雜、圖形變化跨度較大、變化節(jié)奏較快， 那么就會給受眾帶來極大的認(rèn)知壓力，從而獲得較差的認(rèn)知體驗(yàn)。

2）畫面轉(zhuǎn)場：在動態(tài)圖形信息傳遞中， 轉(zhuǎn)場的動態(tài)設(shè)計目的是為了表現(xiàn)信息組之間的關(guān)系承接， 表現(xiàn)信息在時間線上的結(jié)構(gòu)， 是給信息進(jìn)行明確“分段”的常用視覺手段。 在整個動態(tài)圖形時間線中， 信息分段的視覺形式也是依照信息組之間的邏輯關(guān)系設(shè)計的。 同一層次的信息之間轉(zhuǎn)場形式應(yīng)該恒定并區(qū)別于其他層級， 這就可以通過視覺明確地“告知”受眾這些信息組之間關(guān)系的不同； 高層級的大信息組之間的轉(zhuǎn)場形式應(yīng)更具有儀式感，例如利用閃白（閃黑）或者場景整體的技巧性翻轉(zhuǎn)，“告知” 受眾此處連接的是兩個較大差異的信息組。 當(dāng)然，無論是哪一種轉(zhuǎn)場形式， 都不能出現(xiàn)信息斷連現(xiàn)象， 信息斷連表現(xiàn)在視覺上， 有時是圖形符號的轉(zhuǎn)換缺乏前后邏輯（符號指向差異大），有時是圖形動作的變化缺乏連動邏輯 （變化別扭或沒有形態(tài)依據(jù)），有時是場景的變換缺乏意義或隱喻邏輯 （前后信息組完全無關(guān)聯(lián)）。 一旦出現(xiàn)信息視覺的斷連，時間線上的結(jié)構(gòu)也就被破壞了。

2.3.3 信息分層的時間設(shè)計 靜幀畫面的設(shè)計目的是對信息的單元細(xì)節(jié)進(jìn)行視覺說明和強(qiáng)調(diào)， 而視覺信息的時間設(shè)計針對的是信息的邏輯呈現(xiàn)，引導(dǎo)受眾對信息進(jìn)行整體認(rèn)知和思考。 在時間線上， 一組組的主題畫面按照信息的邏輯， 采用對比或重復(fù)、層級或節(jié)奏的方式被整合， 構(gòu)成符合受眾認(rèn)知規(guī)律的認(rèn)知模型， 促進(jìn)受眾良好的認(rèn)知體驗(yàn)。 關(guān)于時間線敘事結(jié)構(gòu)的規(guī)劃， 必須在視覺設(shè)計實(shí)施之先完成， 本文在相關(guān)部分已進(jìn)行了重點(diǎn)論述 （見圖4）； 而對時間線結(jié)構(gòu)的視覺設(shè)計， 則主要通過完整的動態(tài)設(shè)計流程實(shí)現(xiàn)。 在相關(guān)工作完成后， 需要對整體的信息層級表現(xiàn)和視覺節(jié)奏韻律進(jìn)行調(diào)節(jié)， 這屬于時間設(shè)計的后續(xù)內(nèi)容。 在這個內(nèi)容中， 重點(diǎn)是判斷，表示重要信息的 “視覺定格” 與時間線上 “重復(fù)出現(xiàn)” 重要信息的節(jié)奏是否協(xié)調(diào)， 是否會讓信息傳達(dá)有冗余感， 是否在信息與視覺兩方面的邏輯關(guān)系表現(xiàn)上有沖突， 是否會削弱受眾的認(rèn)知模型構(gòu)建。

三、結(jié) 語

本研究主要探討信息動態(tài)圖形視覺分層思維及手段下單純的視覺設(shè)計問題， 對于完整的動態(tài)圖形視覺傳達(dá)設(shè)計而言， 本研究內(nèi)容并不全面。 首先，“視聽一體” 的知覺構(gòu)造才是動態(tài)圖形設(shè)計 “內(nèi)容視覺化” 呈現(xiàn)的整體， 而研究僅涉及了 “視知覺” 單認(rèn)知通道的問題。 其次， 本研究探討的是對信息自身內(nèi)容結(jié)構(gòu)的處理， 未涉及到對幫助信息理解的圖形 （線索及特定符號） 和文字等視覺輔助元素的研究， 而這些都是信息視覺化輔助認(rèn)知不可或缺的要素。 當(dāng)然， 在真實(shí)的認(rèn)知過程中， 受眾、 環(huán)境、 認(rèn)知任務(wù)以及傳播形式， 都是影響認(rèn)知的關(guān)鍵性因素， 而本文未涉及。 本研究僅希望通過對信息架構(gòu)的視覺分層探索，尋求信息視覺化動態(tài)表征認(rèn)知模型的建構(gòu)方法， 建立動態(tài)圖形信息設(shè)計的可行性工作思路。