文/楊 璇(廣東技術(shù)師范大學(xué) 美術(shù)學(xué)院)
信息視覺化是構(gòu)建和傳達(dá)信息的圖形圖像手段。 動(dòng)態(tài)圖形作為信息視覺化的主要視覺表征形式 (表征是信息在人腦中的呈現(xiàn)方式), 通過視覺表層和深層的互動(dòng)規(guī)劃, 契合、 引導(dǎo)和構(gòu)建受眾的認(rèn)知模型 (認(rèn)知模型是人理解世界的方式, 它不僅塑造人對所有事物的想法和理解方式, 還塑造人所能看到的事物間聯(lián)系和潛在的機(jī)會(huì); 構(gòu)建認(rèn)知模型也就是通過對敘事模型的設(shè)計(jì)傳達(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è)計(jì)的認(rèn)知模型建構(gòu), 但動(dòng)態(tài)圖形因?yàn)樾枰瑫r(shí)考慮靜幀圖形圖像、 動(dòng)態(tài)和時(shí)間3個(gè)設(shè)計(jì)環(huán)節(jié)中的信息分層問題,其設(shè)計(jì)目標(biāo)的實(shí)現(xiàn)顯得較為復(fù)雜。因此, 在設(shè)計(jì)的思路上也需要采用分層的手段來執(zhí)行工作流程。
動(dòng)態(tài)圖形與動(dòng)畫一樣, 屬于 “非實(shí)拍” 的活動(dòng)圖像, 其畫面運(yùn)動(dòng)的設(shè)計(jì)原理都來自影視本體語言系統(tǒng)[2]。但動(dòng)態(tài)圖形因?yàn)槠鋸?qiáng)調(diào)的圖形在時(shí)間維度上的規(guī)劃和動(dòng)態(tài)表現(xiàn), 成為視覺傳達(dá)領(lǐng)域圖形設(shè)計(jì)的分支和延伸, 屬于圖形設(shè)計(jì)、 動(dòng)態(tài)設(shè)計(jì)和時(shí)間設(shè)計(jì)的交叉設(shè)計(jì)活動(dòng)領(lǐng)域。 動(dòng)態(tài)圖形設(shè)計(jì)的目的是遵守圖形設(shè)計(jì)和動(dòng)態(tài)設(shè)計(jì)構(gòu)成的原理, 注重事件、 產(chǎn)品、 對象等信息的視覺傳達(dá)效率。
靜幀視覺、 幀間運(yùn)動(dòng)關(guān)系的建構(gòu)、時(shí)間結(jié)構(gòu)的規(guī)劃是動(dòng)態(tài)圖形信息設(shè)計(jì)流程中的3大核心內(nèi)容。 靜幀視覺呈現(xiàn)了單幀承載的信息內(nèi)容,通過視覺符號(hào)的對比性處理提示信息讀取的層級和視覺方向;幀間運(yùn)動(dòng)注重的是單幀圖形圖像之間的意義或視覺焦點(diǎn)替換,通過動(dòng)與靜、圖與底、形與勢之間的鏈接與切換,表現(xiàn)信息之間的關(guān)系承接和層級變換;時(shí)間結(jié)構(gòu)的設(shè)計(jì)則強(qiáng)調(diào)信息的敘事方式與邏輯,通過快與慢,重復(fù)、近似或?qū)Ρ鹊葧r(shí)間結(jié)構(gòu)上的視覺規(guī)劃,形成信息的敘事節(jié)奏和整體架構(gòu)語言。在信息傳達(dá)的目標(biāo)下,圖形、動(dòng)態(tài)和時(shí)間這3大核心內(nèi)容的設(shè)計(jì)目標(biāo)必須一致,即為共同建立動(dòng)態(tài)圖形視覺信息的傳達(dá)秩序性進(jìn)行分層思考。
信息傳達(dá)目標(biāo)下的動(dòng)態(tài)圖形設(shè)計(jì)分層思考包含以下3個(gè)步驟:
(1) 把動(dòng)態(tài)圖形設(shè)計(jì)的目標(biāo)和信息整體進(jìn)行分解,圖形、動(dòng)態(tài)、時(shí)間作為不同設(shè)計(jì)領(lǐng)域的內(nèi)容, 需要形成各自獨(dú)立的設(shè)計(jì)思路。
(2)圖形設(shè)計(jì):從靜態(tài)圖形圖像的角度探討瞬間信息層次的建立; 動(dòng)態(tài)設(shè)計(jì): 從運(yùn)動(dòng)方式和動(dòng)靜對比的角度展示信息符號(hào)的流向和視覺焦點(diǎn)變換;時(shí)間設(shè)計(jì):從重復(fù)、近似或?qū)Ρ戎斜磉_(dá)信息組之間的關(guān)系與結(jié)構(gòu), 從而形成信息整體的結(jié)構(gòu)層次。
(3) 圖形設(shè)計(jì)針對于所有單幀頁面的視覺瞬間, 動(dòng)態(tài)設(shè)計(jì)針對于短小的時(shí)間片段, 時(shí)間設(shè)計(jì)針對于信息敘事結(jié)構(gòu)與節(jié)奏,3者的信息層次感設(shè)計(jì)思路融合于一個(gè)信息視覺傳達(dá)整體,需要研究其各自強(qiáng)調(diào)的視覺要素間的互動(dòng)、互換(信息層級交替性互換)關(guān)系,避免出現(xiàn)表現(xiàn)力的相互抵消,或過于強(qiáng)調(diào)某一視覺的現(xiàn)象發(fā)生。
信息動(dòng)態(tài)圖形分層設(shè)計(jì)的具體實(shí)施,主要圍繞上面第(2)個(gè)步驟展開。在靜幀畫面、動(dòng)態(tài)和時(shí)間3個(gè)方面形成信息分析、設(shè)計(jì)方案、視覺設(shè)計(jì)等各個(gè)內(nèi)容的分層策略, 是動(dòng)態(tài)圖形信息設(shè)計(jì)工作的基本內(nèi)容(見圖1)。
圖1 動(dòng)態(tài)圖形分層設(shè)計(jì)思維下的工作流程
為了動(dòng)態(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è)計(jì)流程中需要首先開展的工作。
2.1.1 視覺表征與認(rèn)知模型構(gòu)建 信息的類型按照表征,主要分為概念性信息和程序性信息。 用來說明事物性質(zhì)、特征和狀態(tài)的概念性信息,在信息結(jié)構(gòu)上通常呈現(xiàn)出樹狀層級關(guān)系,體現(xiàn)了大框架下的子級,采用靜態(tài)圖表表征形式能夠在較短時(shí)間內(nèi)清晰地引導(dǎo)受眾讀取信息;關(guān)于“怎樣做”的程序性信息則具有表示過程的時(shí)間關(guān)系特征,通常表現(xiàn)為線性層級, 適于動(dòng)態(tài)的表征形式[3](見圖2)。 對信息視覺化產(chǎn)品的設(shè)計(jì)需要首先依照信息自身的結(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)知效率的全部。受眾所接收的動(dòng)態(tài)圖形視覺信息,通常是由不同類型信息融合在一起的主題相關(guān)聯(lián)的信息組構(gòu)成。 例如由概念性和程序性信息相交疊形成信息合集,或者由多個(gè)概念性信息或多個(gè)程序性信息相疊加的復(fù)合信息組。 單一的視覺表征并不能全面地有效對應(yīng)較大容量信息組的整體結(jié)構(gòu)特征, 因此也就需要通過利用視覺隱喻的方式形成某種敘事結(jié)構(gòu), 去對應(yīng)不同類型信息組各自的信息特征以及組間關(guān)系, 從而形成與受眾心智模型一致的信息視覺化產(chǎn)品, 實(shí)現(xiàn)信息的有效傳達(dá)。
同時(shí), 研究者應(yīng)該清楚, 視覺信息傳達(dá)的內(nèi)容組成其實(shí)是來自于受眾的興趣點(diǎn)以及聯(lián)系這些興趣點(diǎn)的邏輯。 每個(gè)興趣點(diǎn)信息對應(yīng)的是一個(gè)信息組中的內(nèi)容重點(diǎn), 多個(gè)興趣點(diǎn)會(huì)形成多個(gè)信息組, 信息組之間的邏輯連接形成整體的信息框架, 從而成為動(dòng)態(tài)圖形時(shí)間結(jié)構(gòu)設(shè)計(jì)的參考。 由多個(gè)興趣點(diǎn)形成的信息組, 也許興趣點(diǎn)之間的關(guān)系是并列的, 也許是有主次的, 也許是分先后的, 不同的邏輯關(guān)系決定了認(rèn)知模型的構(gòu)造。 但信息組之間邏輯關(guān)系設(shè)計(jì)的依據(jù), 除了分析信息內(nèi)部之間的關(guān)系, 受眾已有的心智模型也是設(shè)計(jì)的重要參考。 受眾在面對動(dòng)態(tài)圖形信息短片的時(shí)候, 會(huì)對所接收到的信息描述模型與已有經(jīng)驗(yàn)中的知識(shí)模型進(jìn)行比對, 從而獲得心理滿足 (認(rèn)知成功并接收信息) 或認(rèn)知困惑 (認(rèn)知失敗或不滿足) 等不同的結(jié)果。 可見, 基于視覺表征的認(rèn)知模型構(gòu)建, 是視覺傳達(dá)信息讀取效率的關(guān)鍵, 是動(dòng)態(tài)圖形設(shè)計(jì)信息視覺化理論研究的重要內(nèi)容。
2.1.2 信息視覺層級劃分 信息視覺化認(rèn)知模型構(gòu)建的中心是如何對信息進(jìn)行視覺分層。 首先, 分層思維是根據(jù)信息的重要性和受眾的認(rèn)知興趣, 把信息從屬性、 類別、 程度等不同維度進(jìn)行劃分, 在受眾的視知覺層面把信息描述為“重要且必須” “重要但不必須” 和 “不重要但必須”3個(gè)層級。 當(dāng)然,這種劃分僅針對的是信息內(nèi)容本體。 在動(dòng)態(tài)圖形表征中,為了清晰說明信息的演變過程或者為了強(qiáng)調(diào)某些重要關(guān)系,輔助信息說明的“視覺線索”會(huì)根據(jù)需要被設(shè)計(jì)出來,成為信息整體的一部分。 但此類為了讓視覺信息更為易懂而添加的另一種 “不重要但必須”的視覺類型,勢必需要與具體的內(nèi)容信息在視覺功能上得以區(qū)分,這就造成了視覺層次表現(xiàn)的復(fù)雜性。因此,為了減少信息識(shí)別的認(rèn)知成本,將信息本體控制在 “重要且必須”和“不重要但必須”兩個(gè)層級內(nèi),會(huì)讓信息更為清晰、視覺焦點(diǎn)更為集中。
其次, 利用分層思維對每一層級信息之間的關(guān)系進(jìn)行劃分, 明確信息與信息、 層級與層級、 信息與層級之間的關(guān)系。 通過敘事結(jié)構(gòu)片段的差異化設(shè)計(jì)對這些內(nèi)容進(jìn)行視覺區(qū)分, 提高受眾對信息層級或信息邏輯的判斷、 分類、 排序等方面的認(rèn)知效率。在動(dòng)態(tài)圖形的同層級信息劃分中, 如果被劃分的類型較多, 則相互間的關(guān)系就應(yīng)力求簡單。 并且為了體現(xiàn)同級的并列關(guān)系, 關(guān)系中的信息內(nèi)容在視覺形態(tài)上需要保持一致; 如果相互間的關(guān)系較為復(fù)雜, 就需要考慮刪減信息類型的數(shù)量, 把信息體量①有理論研究認(rèn)為, 受眾有效率讀取動(dòng)態(tài)圖形信息的時(shí)長不宜超過4 分30 秒, 超過此時(shí)長受眾注意力必將分散; 在此時(shí)長內(nèi)安排不引發(fā)信息堆積的信息體量, 是動(dòng)態(tài)圖形信息設(shè)計(jì)的基本做法??刂圃谂c受眾認(rèn)知體驗(yàn)容忍度和時(shí)間長度成正比的關(guān)系上, 防止認(rèn)知負(fù)荷現(xiàn)象的產(chǎn)生(見圖3)。
圖3 適當(dāng)?shù)男畔Ⅲw量內(nèi)部構(gòu)成關(guān)系
受眾在進(jìn)行圖像信息處理時(shí), 通常經(jīng)歷3個(gè)典型階段:(1) 辨別基本視覺元素, 統(tǒng)籌視覺信息的整體;(2)從自身認(rèn)知需求出發(fā), 自動(dòng)過濾掉多余信息;(3)鎖定任務(wù)目標(biāo)。 這個(gè)信息處理過程在面對靜態(tài)視覺系統(tǒng)時(shí), 通常在瞬間就能通過視覺整體做出判斷,并快速進(jìn)行視覺選擇,從而精準(zhǔn)定位。
面對具有一定時(shí)間長度的動(dòng)態(tài)視覺系統(tǒng)時(shí), 受眾的判斷過程變得復(fù)雜: (1)視覺在每一單幀圖像中都會(huì)經(jīng)歷以上3個(gè)階段;(2) 在經(jīng)歷一定時(shí)間過程后, 才會(huì)通過感知到的重復(fù)性或相似性視覺元素明確任務(wù)判斷;(3)形成時(shí)間線視覺信息的認(rèn)知模型。 在這個(gè)過程中, 受眾首先判斷的是單幀畫面的信息視覺層次。 雖然圖形的視覺是動(dòng)態(tài)的, 但屏幕畫面是由每秒至少12幀的圖像序列組成, 在每時(shí)每刻的視覺辨別中, 受眾首先感知到的是圖像的視覺構(gòu)成和視覺邏輯, 而不是時(shí)間結(jié)構(gòu)。 因此, 單幀視覺傳遞的信息是受眾的第一認(rèn)知內(nèi)容。 受眾在經(jīng)歷了一系列的視覺變化后, 才會(huì)注意到結(jié)構(gòu)化的時(shí)間敘事。 受眾通過信息的視覺理解進(jìn)程掌握動(dòng)態(tài)圖形敘事的結(jié)構(gòu), 通過獲取的認(rèn)知結(jié)構(gòu)判斷其信息整體。 靜幀畫面和時(shí)間結(jié)構(gòu)應(yīng)該是兩個(gè)可以先行獨(dú)立思考的設(shè)計(jì)內(nèi)容, 因?yàn)橐粋€(gè)是關(guān)于空間的規(guī)劃, 一個(gè)是關(guān)于時(shí)間的設(shè)計(jì), 維度不同, 設(shè)計(jì)思考的內(nèi)容具有相當(dāng)?shù)牟町悺?在完成這兩者的設(shè)計(jì)方案后, 再通過圖形運(yùn)動(dòng)組成時(shí)間幀并串聯(lián)起來形成信息整體。單個(gè)信息之間串聯(lián)成組, 信息組之間串聯(lián)成圍繞視覺焦點(diǎn)(信息焦點(diǎn)/任務(wù)目標(biāo)) 的片段, 片段的串聯(lián)構(gòu)成信息邏輯和認(rèn)知節(jié)奏組合而成的認(rèn)知模型(見圖4)。
圖4 動(dòng)態(tài)圖形信息視覺語言的核心內(nèi)容及設(shè)計(jì)過程
對時(shí)間線敘事結(jié)構(gòu)的視覺化層次設(shè)計(jì),采用的是“三段式”工作步驟。 第一是“時(shí)間線規(guī)劃”階段,即信息內(nèi)容分層研究后對時(shí)間敘事的結(jié)構(gòu)性規(guī)劃, 主要探討信息自身結(jié)構(gòu)和受眾認(rèn)知需求所主導(dǎo)的認(rèn)知模型, 如何通過構(gòu)成的思維來進(jìn)行視覺構(gòu)建, 這是一個(gè)從策劃到具體框架建構(gòu)的過程;第二是“信息組規(guī)劃”階段,探討如何采用視覺手段清晰地強(qiáng)調(diào)信息組之間的差異和聯(lián)系;第三是“信息焦點(diǎn)的傳達(dá)節(jié)奏設(shè)計(jì)”階段, 此階段的工作任務(wù)首先是通過信息焦點(diǎn)的視覺重復(fù)或?qū)Ρ刃园才牛?在時(shí)間結(jié)構(gòu)上完成視覺認(rèn)知和體驗(yàn)共情的節(jié)奏規(guī)劃; 其次是在動(dòng)態(tài)設(shè)計(jì)完成后, 基于認(rèn)知的效率和認(rèn)知節(jié)奏, 調(diào)整視覺傳達(dá)重點(diǎn)之間的細(xì)節(jié)化關(guān)系。
對單幀信息視覺層次的設(shè)計(jì), 則是運(yùn)用靜態(tài)視覺構(gòu)成手段, 通過形狀、 色彩、 面積、 空間位置等要素的對比, 完成對信息焦點(diǎn)的認(rèn)知層次設(shè)計(jì)。 根據(jù) “視覺刺激的強(qiáng)度與信息注意力成正比關(guān)系” 理論, 通過信息分層思考的視覺刺激強(qiáng)度差設(shè)計(jì), 有效引導(dǎo)受眾對每個(gè)視覺瞬間產(chǎn)生清晰的信息判斷。
對圖形運(yùn)動(dòng)的設(shè)計(jì), 目的之一是實(shí)現(xiàn)由圖形運(yùn)動(dòng)推進(jìn)信息演變, 之二是通過圖形的變化轉(zhuǎn)換視覺的焦點(diǎn)。這是畫面由靜態(tài)構(gòu)成延伸至動(dòng)態(tài)視覺、 以圖形動(dòng)作變換為基礎(chǔ)的片段式設(shè)計(jì)。 多個(gè)靜幀圖形被運(yùn)動(dòng)設(shè)計(jì)串聯(lián)為一個(gè)信息視覺整體性 (信息組),連同由于圖形的變化帶動(dòng)的場面轉(zhuǎn)換, 或者采用整體性畫面轉(zhuǎn)場形式,實(shí)現(xiàn)信息視覺的結(jié)構(gòu)性講述。 其中,形態(tài)轉(zhuǎn)換、 運(yùn)動(dòng)的緊張與松弛等視覺感受所產(chǎn)生的節(jié)奏和認(rèn)知體驗(yàn), 會(huì)非常明確地印證時(shí)間結(jié)構(gòu)設(shè)計(jì)所對應(yīng)認(rèn)知模型的有效性。
圖4中的6個(gè)工作環(huán)節(jié)所形成的設(shè)計(jì)方案, 是一個(gè)從時(shí)間建構(gòu)出發(fā), 到信息整體性視覺認(rèn)知建立的閉環(huán) (時(shí)間設(shè)計(jì)—圖形設(shè)計(jì)—?jiǎng)討B(tài)設(shè)計(jì)—時(shí)間設(shè)計(jì)), 是動(dòng)態(tài)信息視覺化設(shè)計(jì)流程中的第2個(gè)環(huán)節(jié)。
動(dòng)態(tài)信息視覺化設(shè)計(jì)流程的第3個(gè)環(huán)節(jié)是針對圖形、 動(dòng)態(tài)、 時(shí)間3個(gè)設(shè)計(jì)內(nèi)容分別探討信息視覺化分層的具體手段。 總的來說, 視覺分層的主要手段是對比。 無論是靜態(tài)圖形之間的視覺比較, 還是動(dòng)態(tài)之間的變化頻率, 以及動(dòng)靜之間的主次對比, 對比的形式、 對比的程度、 不同對比形式與程度之間的視覺效率及視覺節(jié)奏,都是動(dòng)態(tài)信息視覺化分層設(shè)計(jì)研究的重要內(nèi)容。
2.3.1 信息分層的靜幀設(shè)計(jì) 人類以焦點(diǎn)的形式觀察對象, 在觀察過程中, 視線的停留點(diǎn)就是視覺的焦點(diǎn)。視覺焦點(diǎn)并不等同于一個(gè)視覺區(qū)域的中心位置, 而是在這個(gè)區(qū)域中具有較高視覺強(qiáng)度和對比度的集中部分。 視覺信息之間的差異化表現(xiàn)越明顯, 視覺注意對信息的篩選就越容易。 在動(dòng)態(tài)圖形中, 受眾視線的停留點(diǎn)通常有兩處, 一處是動(dòng)效, 另一處是圖形微動(dòng)或變化停頓時(shí)的高強(qiáng)度視覺對比。雖然動(dòng)效的視覺焦點(diǎn)效益要優(yōu)于靜幀視覺對比, 但對于瞬間視覺的信息讀取來說, 靜幀更具優(yōu)勢。 在內(nèi)容投放層面, 動(dòng)效主要是通過圖形節(jié)奏和動(dòng)作的流暢性及自然程度, 體現(xiàn)信息轉(zhuǎn)接的邏輯順暢, 讓受眾獲得視覺心理上的滿足, 并非信息傳達(dá)的第一要素。 而圖形變化的停頓具有明顯強(qiáng)調(diào)信息興趣點(diǎn)的意圖, 配合高強(qiáng)度的視覺對比效果, 受眾可獲得足夠清晰的信息層級印象。 當(dāng)然, 靜幀畫面的對比關(guān)系也會(huì)隨著圖形的動(dòng)態(tài)演進(jìn)發(fā)生意義改變, 可見, 信息焦點(diǎn)的捕捉是由動(dòng)靜兩方面的合力促成的。
靜態(tài)視覺的分層, 受到圖形形狀、 色彩、 面積、 位置、 空間虛實(shí)、文字樣態(tài)等元素的不同對比關(guān)系的影響。 在同等視覺強(qiáng)度下很難說清哪一種元素的對比具有視覺刺激優(yōu)先權(quán),所以畫面通常需要整合2~3種對比形式同時(shí)實(shí)現(xiàn)視覺刺激, 依靠強(qiáng)度差的比例擴(kuò)大或程度疊加, 意圖明顯地提示視覺的優(yōu)先。 例如, 重要的信息需要占據(jù)較大的面積, 但如果面積太大又容易形成背景效應(yīng), 所以加入色彩的強(qiáng)對比就非常重要, 這可以形成“面積+色彩” 組合強(qiáng)化視覺焦點(diǎn)的模式。 當(dāng)然, 受眾在感知時(shí)會(huì)主動(dòng)區(qū)分主體與背景, 并習(xí)慣在圖形大小對比明顯的情況下, 將小圖形識(shí)別為主體。 但是如果小圖形被安排的位置不在屏幕的視覺中心, 或者在視覺上一閃而過 (未延長在中心區(qū)域出現(xiàn)的時(shí)間) ,則視覺焦點(diǎn)也不可能形成。 這就是大部分動(dòng)態(tài)圖形信息設(shè)計(jì)選擇中心構(gòu)圖的主要原因。 當(dāng)然,如果小圖形的造型比較特定 (獨(dú)特或具有明確的符號(hào)意義),其運(yùn)動(dòng)變化的形式又符合受眾的認(rèn)知心理, 那么, 放置在屏幕中心圖形的焦點(diǎn)作用就會(huì)更為明顯。
在靜態(tài)視覺分層中需要重點(diǎn)談及的是色彩。 根據(jù)完形認(rèn)知理論, 受眾視覺感知是先整體后局部的, 同時(shí),也是先 “看到” 色彩再關(guān)注圖形或文字的[4], 因此通過色彩的 “融合” 與“聚焦” 處理, 可以整合屏幕的視覺環(huán)境并突出聚焦點(diǎn), 實(shí)現(xiàn)逐層聚焦效果。 受眾可以從色彩的 “感知層”(色相、明度、純度三屬性)單純地感知到視覺對象的統(tǒng)一和對比關(guān)系, 具有相同或鄰近色相的色彩, 會(huì)被視為同一視覺層次,并能彼此同頻呼應(yīng)[5],形成整體。 同時(shí),人們對色相的視覺反應(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è)計(jì)中, 屏幕中層級的色彩聚焦不宜過多 (色相對比關(guān)系需單純), 否則容易造成視線閃爍。
動(dòng)態(tài)圖形設(shè)計(jì)中焦點(diǎn)的形成, 在瞬間視覺的信息層次判別上必須明顯于單純的靜幀圖像, 因?yàn)槭鼙娫谧兓膱鼍爸袥]有足夠的時(shí)間仔細(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 信息分層的動(dòng)態(tài)設(shè)計(jì)
1) 圖形動(dòng)態(tài):即使靜態(tài)圖形視覺分層的手段很多, 但也遠(yuǎn)不如圖形的運(yùn)動(dòng)變化所帶來的焦點(diǎn)效應(yīng)。 在展示的視覺面積控制在一定范圍的情況下, 眼睛首先捕捉到動(dòng)作幅度反差較大的視覺元素。 因此當(dāng)面對動(dòng)態(tài)圖形畫面時(shí), 受眾不自覺地會(huì)把對動(dòng)態(tài)元素的關(guān)注放在整個(gè)觀看邏輯的首位,并對其保持持續(xù)關(guān)注, 從而形成視覺凝視點(diǎn)。 當(dāng)動(dòng)作的視覺刺激趨于減弱, 也就是動(dòng)與靜的對比差異降低時(shí), 視覺注意才會(huì)有步驟地轉(zhuǎn)向色彩、 形狀, 從而形成審視軌跡。 可見, 動(dòng)態(tài), 居于視覺層級的前端, 也是聯(lián)系靜態(tài)與時(shí)間的主要手段。 對圖形的動(dòng)作、 圖形的運(yùn)動(dòng)和場景的轉(zhuǎn)換等圖形動(dòng)態(tài)設(shè)計(jì)研究, 是信息傳達(dá)設(shè)計(jì)目標(biāo)實(shí)現(xiàn)的重要內(nèi)容。
圖形自身變化 (旋轉(zhuǎn)、 變形、 大?。?與圖形空間變化 (運(yùn)動(dòng)) 是兩個(gè)不同層級的動(dòng)作, 但在設(shè)計(jì)步驟和視覺層次上, 它們是統(tǒng)一的, 因?yàn)閳D形需要借助運(yùn)動(dòng)過程的速度或方向來彰顯自身變化所傳達(dá)的符號(hào)信息的敘事進(jìn)程。 當(dāng)然, 圖形自身的變化是動(dòng)態(tài)設(shè)計(jì)的基礎(chǔ), 屬于第一層級設(shè)計(jì)問題, 其中重點(diǎn)考慮的是圖形形態(tài)變化的符號(hào)價(jià)值和美學(xué)價(jià)值, 以及圖形變化的動(dòng)靜節(jié)奏。 形態(tài)變化所形成的符號(hào)意義, 對應(yīng)的是受眾興趣點(diǎn)的信息單位, 其美學(xué)價(jià)值的實(shí)現(xiàn)主要依靠單幀視覺元素的構(gòu)成法則; 同時(shí), 圖形形態(tài)變化的主次之分也需對應(yīng)信息的層級和邏輯。 而圖形變化的動(dòng)靜節(jié)奏考慮的問題則完全不同, 其重點(diǎn)在于圖形符號(hào) (信息) 變化速度與停留時(shí)長 (動(dòng)與靜的時(shí)間比例), 以及動(dòng)作和節(jié)奏的自然流暢度。 圖形在快速變化后的短暫停留時(shí)區(qū), 充滿了強(qiáng)調(diào)重要信息的暗示, 通過時(shí)間節(jié)奏上的對比, 形成 “快速—理解” 和 “慢速—強(qiáng)調(diào)” 的設(shè)計(jì)思路, 即在簡單信息陳述階段, 采用較快的圖形變化速率,讓用戶在信息識(shí)別上無拖沓冗余之感, 并在時(shí)間上與慢速率產(chǎn)生節(jié)奏對比; 在需要強(qiáng)調(diào)信息重要性的階段,采用較慢的圖形變化速率, 讓用戶能仔細(xì)辨別圖形并理解信息內(nèi)容, 在時(shí)間上與快速率階段產(chǎn)生節(jié)奏對比。 而動(dòng)作節(jié)奏的快與慢對比, 或者說是時(shí)間上的韻律, 也是動(dòng)態(tài)視覺美產(chǎn)生的直觀要素。
圖形的空間變化通常實(shí)現(xiàn)的是在圖形自身變化基礎(chǔ)上的空間視覺轉(zhuǎn)換功能。 設(shè)計(jì)人員把對圖形空間變化的設(shè)計(jì)置于圖形形變設(shè)計(jì)和場景視覺轉(zhuǎn)換設(shè)計(jì)之間, 因?yàn)椴煌目臻g變化手段可完成圖形形變或場景轉(zhuǎn)換、 或二者統(tǒng)一完成的視覺效果。 例如, 圖形在自身動(dòng)作設(shè)計(jì)中通過放大縮小 (Z軸上的變化) 既可實(shí)現(xiàn)圖形的空間替換 (圖形基于中心視角消失), 也可實(shí)現(xiàn)場景的轉(zhuǎn)換 (圖形因放大或縮小消失于屏幕, 從而替換背景)。 也就是說, 圖形形變有時(shí)也是圖形空間變化的一種, 屬于場景轉(zhuǎn)換手段之一。當(dāng)然, 位移作為主要的空間變化形式, 是脫離于圖形形變范疇的。 單純的位移如果未實(shí)現(xiàn)諸如表現(xiàn)運(yùn)動(dòng)仿生、 圖形整合或轉(zhuǎn)換場景等方面的功能, 通常都呈現(xiàn)出缺乏表現(xiàn)力的狀態(tài)。 在位移中具有同樣動(dòng)趨勢和方向的視覺元素會(huì)被大腦自動(dòng)歸納為同類或關(guān)聯(lián)元素, 這是表示信息同類或同組的常用方式。
此處需要談及的是動(dòng)靜關(guān)系的協(xié)調(diào)問題。 動(dòng)靜對比關(guān)系的處理除了出現(xiàn)在單位圖形的動(dòng)態(tài)設(shè)計(jì)中 (圖形變化的快與慢對比), 還體現(xiàn)在對動(dòng)靜屏幕面積比的協(xié)調(diào)中。 運(yùn)動(dòng)與靜止的視覺面積比例需要?jiǎng)澐殖鲚^大的差距, 以形成以運(yùn)動(dòng)為視覺背景 (運(yùn)動(dòng)占據(jù)較大視覺面積則會(huì)成為對比狀態(tài)下的背景), 或以靜止為視覺背景的焦點(diǎn)性畫面, 受眾可較為容易地被設(shè)計(jì)視覺意圖所引導(dǎo)而進(jìn)行信息篩選。同時(shí), 動(dòng)靜時(shí)間長度的比例關(guān)系也是影響認(rèn)知體驗(yàn)的關(guān)鍵。 在一定時(shí)間長度內(nèi), 如果屏幕的靜態(tài)畫面占據(jù)比例過高, 則會(huì)產(chǎn)生拖沓或單調(diào)乏味的視覺感受; 如果屏幕的動(dòng)態(tài)節(jié)奏過快并動(dòng)態(tài)時(shí)間過長, 就會(huì)對受眾提出快速進(jìn)行信息判斷的要求, 不間斷的視覺累積后必然出現(xiàn)認(rèn)知負(fù)荷和情緒焦慮。 因此, 動(dòng)靜比例無論是在視覺面積還是時(shí)間長度上, 根據(jù)信息傳達(dá)的感知體驗(yàn)?zāi)繕?biāo)(感知體驗(yàn)可以是舒緩的信息傳達(dá)速率, 也可以是緊湊刺激的),均可依照黃金分割的構(gòu)成原則進(jìn)行設(shè)計(jì)。 當(dāng)然,認(rèn)知負(fù)荷現(xiàn)象是否出現(xiàn)或者出現(xiàn)的早晚, 極大程度上還取決于單幀畫面信息投放的復(fù)雜程度和圖形變化的強(qiáng)度。 如果畫面承載的信息較為復(fù)雜、圖形變化跨度較大、變化節(jié)奏較快, 那么就會(huì)給受眾帶來極大的認(rèn)知壓力,從而獲得較差的認(rèn)知體驗(yàn)。
2)畫面轉(zhuǎn)場:在動(dòng)態(tài)圖形信息傳遞中, 轉(zhuǎn)場的動(dòng)態(tài)設(shè)計(jì)目的是為了表現(xiàn)信息組之間的關(guān)系承接, 表現(xiàn)信息在時(shí)間線上的結(jié)構(gòu), 是給信息進(jìn)行明確“分段”的常用視覺手段。 在整個(gè)動(dòng)態(tài)圖形時(shí)間線中, 信息分段的視覺形式也是依照信息組之間的邏輯關(guān)系設(shè)計(jì)的。 同一層次的信息之間轉(zhuǎn)場形式應(yīng)該恒定并區(qū)別于其他層級, 這就可以通過視覺明確地“告知”受眾這些信息組之間關(guān)系的不同; 高層級的大信息組之間的轉(zhuǎn)場形式應(yīng)更具有儀式感,例如利用閃白(閃黑)或者場景整體的技巧性翻轉(zhuǎn),“告知” 受眾此處連接的是兩個(gè)較大差異的信息組。 當(dāng)然,無論是哪一種轉(zhuǎn)場形式, 都不能出現(xiàn)信息斷連現(xiàn)象, 信息斷連表現(xiàn)在視覺上, 有時(shí)是圖形符號(hào)的轉(zhuǎn)換缺乏前后邏輯(符號(hào)指向差異大),有時(shí)是圖形動(dòng)作的變化缺乏連動(dòng)邏輯 (變化別扭或沒有形態(tài)依據(jù)),有時(shí)是場景的變換缺乏意義或隱喻邏輯 (前后信息組完全無關(guān)聯(lián))。 一旦出現(xiàn)信息視覺的斷連,時(shí)間線上的結(jié)構(gòu)也就被破壞了。
2.3.3 信息分層的時(shí)間設(shè)計(jì) 靜幀畫面的設(shè)計(jì)目的是對信息的單元細(xì)節(jié)進(jìn)行視覺說明和強(qiáng)調(diào), 而視覺信息的時(shí)間設(shè)計(jì)針對的是信息的邏輯呈現(xiàn),引導(dǎo)受眾對信息進(jìn)行整體認(rèn)知和思考。 在時(shí)間線上, 一組組的主題畫面按照信息的邏輯, 采用對比或重復(fù)、層級或節(jié)奏的方式被整合, 構(gòu)成符合受眾認(rèn)知規(guī)律的認(rèn)知模型, 促進(jìn)受眾良好的認(rèn)知體驗(yàn)。 關(guān)于時(shí)間線敘事結(jié)構(gòu)的規(guī)劃, 必須在視覺設(shè)計(jì)實(shí)施之先完成, 本文在相關(guān)部分已進(jìn)行了重點(diǎn)論述 (見圖4); 而對時(shí)間線結(jié)構(gòu)的視覺設(shè)計(jì), 則主要通過完整的動(dòng)態(tài)設(shè)計(jì)流程實(shí)現(xiàn)。 在相關(guān)工作完成后, 需要對整體的信息層級表現(xiàn)和視覺節(jié)奏韻律進(jìn)行調(diào)節(jié), 這屬于時(shí)間設(shè)計(jì)的后續(xù)內(nèi)容。 在這個(gè)內(nèi)容中, 重點(diǎn)是判斷,表示重要信息的 “視覺定格” 與時(shí)間線上 “重復(fù)出現(xiàn)” 重要信息的節(jié)奏是否協(xié)調(diào), 是否會(huì)讓信息傳達(dá)有冗余感, 是否在信息與視覺兩方面的邏輯關(guān)系表現(xiàn)上有沖突, 是否會(huì)削弱受眾的認(rèn)知模型構(gòu)建。
本研究主要探討信息動(dòng)態(tài)圖形視覺分層思維及手段下單純的視覺設(shè)計(jì)問題, 對于完整的動(dòng)態(tài)圖形視覺傳達(dá)設(shè)計(jì)而言, 本研究內(nèi)容并不全面。 首先,“視聽一體” 的知覺構(gòu)造才是動(dòng)態(tài)圖形設(shè)計(jì) “內(nèi)容視覺化” 呈現(xiàn)的整體, 而研究僅涉及了 “視知覺” 單認(rèn)知通道的問題。 其次, 本研究探討的是對信息自身內(nèi)容結(jié)構(gòu)的處理, 未涉及到對幫助信息理解的圖形 (線索及特定符號(hào)) 和文字等視覺輔助元素的研究, 而這些都是信息視覺化輔助認(rèn)知不可或缺的要素。 當(dāng)然, 在真實(shí)的認(rèn)知過程中, 受眾、 環(huán)境、 認(rèn)知任務(wù)以及傳播形式, 都是影響認(rèn)知的關(guān)鍵性因素, 而本文未涉及。 本研究僅希望通過對信息架構(gòu)的視覺分層探索,尋求信息視覺化動(dòng)態(tài)表征認(rèn)知模型的建構(gòu)方法, 建立動(dòng)態(tài)圖形信息設(shè)計(jì)的可行性工作思路。