孫琦

【摘要】 信息圖表設(shè)計(jì)是一種新型建構(gòu)信息的表現(xiàn)形式，而設(shè)計(jì)師則是借助秩序的限定、邏輯的分層，以清晰、美觀的方式呈現(xiàn)給受眾以信息。交互技術(shù)建構(gòu)的設(shè)計(jì)語境使得信息圖表設(shè)計(jì)較之傳統(tǒng)的視覺傳達(dá)設(shè)計(jì)更具復(fù)雜性和多元性。面對(duì)交互技術(shù)的背景，信息圖表設(shè)計(jì)要充分運(yùn)用信息傳播模式的交互性、數(shù)字化與程序化優(yōu)勢(shì)、動(dòng)態(tài)圖表的延展功能等來提升受眾對(duì)信息圖表的認(rèn)知效率，推動(dòng)信息圖表的傳播與發(fā)展。

【關(guān)鍵詞】 信息圖表；交互；認(rèn)知效率

[中圖分類號(hào)]J50 [文獻(xiàn)標(biāo)識(shí)碼]A

信息圖表設(shè)計(jì)運(yùn)用視覺元素組合構(gòu)架，對(duì)數(shù)據(jù)、文本等信息進(jìn)行再度加工與創(chuàng)造，通過提煉、組織、歸納等手段，使繁雜、枯燥、難以理解的文本和數(shù)據(jù)，轉(zhuǎn)化為具有邏輯秩序與視覺秩序的可視化形態(tài)，幫助受眾高效地理解文本與數(shù)據(jù)所要傳達(dá)的發(fā)展趨勢(shì)、差別和變化。信息圖表設(shè)計(jì)作為信息設(shè)計(jì)學(xué)科中的一個(gè)分支，與符號(hào)學(xué)、統(tǒng)計(jì)學(xué)、心理學(xué)等學(xué)科交叉，涵蓋面廣泛。在交互技術(shù)條件下的視覺傳達(dá)領(lǐng)域，信息圖表設(shè)計(jì)日益作為一種重要的顛覆傳統(tǒng)視覺傳達(dá)設(shè)計(jì)存在語境的設(shè)計(jì)表達(dá)，以其明晰美觀的秩序性、架構(gòu)分明的邏輯性，突破二維平面性等方面的優(yōu)越功能，受到越來越多視覺傳達(dá)設(shè)計(jì)領(lǐng)域的普遍關(guān)注，成為信息社會(huì)中的顯學(xué)。

在交互技術(shù)介入視覺設(shè)計(jì)前，視覺設(shè)計(jì)慣常依托的文本傳播、聲音傳播、圖像傳播等，從廣泛意義上說均為單向傳播。而今，信息圖表設(shè)計(jì)在數(shù)字媒介的推動(dòng)下，其傳播的交互性是大勢(shì)所趨。

一、信息傳播模式的交互性是基礎(chǔ)

借助于網(wǎng)絡(luò)在線設(shè)計(jì)終端和日新月異的交互設(shè)備，傳統(tǒng)的信息傳播模式：信源-編碼器-信道-信宿在各個(gè)階段都可以實(shí)現(xiàn)這種交互性，特別是作為編碼器的設(shè)計(jì)師和作為信宿的消費(fèi)者的角色可以相互轉(zhuǎn)換和交替，共同促成作品所承載的技術(shù)、語義和審美信息更完整地表述與傳達(dá)。消費(fèi)者參與到信息圖表設(shè)計(jì)的過程中來，“分享研究的過程和結(jié)果的時(shí)候，因?yàn)槟軌蛱岣呖陀^的理解度，所以對(duì)于設(shè)計(jì)的概念以及產(chǎn)品的認(rèn)同就比較容易得到”[1]207，在此過程中，消費(fèi)者承擔(dān)了一部分設(shè)計(jì)師的角色。除此之外，信息圖表設(shè)計(jì)可以借助在線設(shè)計(jì)功能，讓消費(fèi)者自行生成目標(biāo)信息圖形，此時(shí)，消費(fèi)者既是信息的傳播者，又成為了信息的受傳者。在這其中，消費(fèi)者經(jīng)由和作品之間的直接互動(dòng)、參與，改變了作品的影像、造型，甚至意義?！霸O(shè)計(jì)師以不同的方式來引發(fā)作品的轉(zhuǎn)化——觸摸、空間移動(dòng)、發(fā)聲等。在這些互動(dòng)作品中，觀眾可以隨時(shí)扮演各種不同的身份，得到他所需要的信息體驗(yàn)?！盵2]257比如，我們可以在圖表中運(yùn)用最為簡(jiǎn)便的鼠標(biāo)懸停技術(shù)來實(shí)現(xiàn)信息交互：通過單元格懸停，獲得用戶滑過的指標(biāo)名稱來驅(qū)動(dòng)條件格式突出顯示和圖表切換；通過圖表懸停，獲得用戶滑過的數(shù)據(jù)點(diǎn)來驅(qū)動(dòng)動(dòng)態(tài)圖表的突出顯示；等等。由網(wǎng)易沸點(diǎn)工作室基于Device 6游戲設(shè)計(jì)的“紀(jì)念哈利波特的魔法世界20周年”H5的設(shè)計(jì)中，不同方向的滑動(dòng)、長(zhǎng)按、選擇觸碰、聲音切入、點(diǎn)擊、觸摸屏幕時(shí)的文字與圖形變化，都是為了實(shí)現(xiàn)觀眾與作品之間的有效交互。因此，在信息傳播模式中，設(shè)計(jì)師和消費(fèi)者的角色邊界不再那么鮮明和不可逾越，現(xiàn)代視覺設(shè)計(jì)所提倡的設(shè)計(jì)的可能性，即一種更廣闊領(lǐng)域的包容性設(shè)計(jì)，也就能在信息圖表領(lǐng)域真正付諸實(shí)行。

二、信息的數(shù)字化與程序化是優(yōu)勢(shì)

傳統(tǒng)視覺圖形大多注重質(zhì)性傳達(dá)，對(duì)表現(xiàn)量化信息具有先天的不足，而交互技術(shù)背景下，大眾對(duì)視覺圖形的量化需求又比任何時(shí)代都迫切，一些科學(xué)家、數(shù)學(xué)家、程序設(shè)計(jì)師、工程師的加入，使信息數(shù)字化的這種需求具備可實(shí)現(xiàn)性。通過數(shù)字技術(shù)，將傳統(tǒng)媒介包括文字、圖形、色彩、材質(zhì)、聲音、氣味等進(jìn)行數(shù)字化遷移，能將信息圖表的交互性傳達(dá)得更為迅捷。設(shè)計(jì)師可以通過數(shù)字掃描、激活、編碼，甚至錄制等手段來對(duì)視覺、聽覺、圖像等信息進(jìn)行數(shù)字化或程序化設(shè)計(jì)，使之在最大程度上易于數(shù)字傳播。無論是信息的數(shù)字化還是程序化，“都是以數(shù)字的形式來傳遞信息，這相對(duì)于傳統(tǒng)的物理介質(zhì)來說具有明顯的開放、共享、交互的特征”[3]49-51。隨著計(jì)算機(jī)技術(shù)的不斷提升，出現(xiàn)了Flash、Processing、Prefuse、Modest Maps等信息處理工具，信息的數(shù)字化與程序化變得更易實(shí)現(xiàn)。德斯托設(shè)計(jì)公司以算法圖像在圖表設(shè)計(jì)界獲得過廣泛贊譽(yù)，這個(gè)團(tuán)隊(duì)推出的信息圖表是典型的運(yùn)用數(shù)字化與程序化對(duì)復(fù)雜信息作出的有效的視覺解讀，因?yàn)楸娝苤?，算法法則并非是大眾能普遍理解的，而德斯托公司所提供的視覺化解讀則成功地給受眾一種觸碰甚至進(jìn)一步認(rèn)知深邃學(xué)科的渠道，為他們提供有效的路徑得以完成這種跨界解讀（圖1）。值得一提的是，現(xiàn)今不斷更新的虛擬技術(shù)讓交互媒介不再停留在拓展空間的范疇之內(nèi)，而是將空間的向度直接廢棄，致力于面對(duì)面的人際互動(dòng)，甚至是非接觸性的虛擬的體驗(yàn)。在數(shù)字技術(shù)條件下，虛擬現(xiàn)實(shí)將“參觀者與外部環(huán)境完全隔離，通過三維物體的使用增強(qiáng)感染力，將實(shí)物空間擴(kuò)展到了幻覺空間中。在虛擬現(xiàn)實(shí)中，創(chuàng)作者打造了一個(gè)人造世界，并且讓圖像空間成為這個(gè)世界的全部，或者說至少讓人造世界充滿參觀者的整個(gè)視覺范圍”[4]174。通過合理使用數(shù)字技術(shù)，信息設(shè)計(jì)師可以超越二維平面甚至空間，創(chuàng)造出一個(gè)包羅萬象的圖表體驗(yàn)環(huán)境，一方面使參觀者沒有其他選擇地投身其中，另一方面也因?yàn)槠湔w性，令參觀者在感官和認(rèn)知上都與圖表媒體融合在一起。隨著機(jī)器界面、網(wǎng)真技術(shù)、圖形處理軟件的日新月異，“在交互設(shè)計(jì)方面，能夠讓人擁有全方位體驗(yàn)的全新圖像空間正在被創(chuàng)造出來。這些將有助于過程性情境，并可以刺激各種形式的表現(xiàn)方式”[4]175，促成更深入的交互體驗(yàn)。

三、動(dòng)態(tài)圖表使交互更易延展

信息設(shè)計(jì)是將信息轉(zhuǎn)化為“形”，一種可視的形，因而設(shè)計(jì)師應(yīng)關(guān)注作為一種對(duì)非物質(zhì)功能與信息之間關(guān)系的“形”的設(shè)計(jì)表達(dá)。在信息圖形中使用動(dòng)態(tài)圖表，可以發(fā)揮這種“形”的延展，從而形成人與圖表之間的信息交互。因?yàn)閯?dòng)態(tài)圖表超越了二維的平面、三維的立體領(lǐng)域，加進(jìn)了第四維的時(shí)間性，能夠?qū)崿F(xiàn)信息圖表由靜態(tài)向動(dòng)態(tài)的轉(zhuǎn)變，進(jìn)而將受眾的觀感得到有效的調(diào)動(dòng)。同時(shí)，在動(dòng)態(tài)圖表中，信息常常采用非線性結(jié)構(gòu)進(jìn)行組織，敘事方式也較傳統(tǒng)更為自由，可以在圖表中的不同信息之間進(jìn)行跳轉(zhuǎn)，讓不同模塊或不同層級(jí)的信息建立起有效的聯(lián)系，使信息互為補(bǔ)充，達(dá)到擴(kuò)容的目的。一個(gè)名為InfoSky的可視化文檔庫（圖2），它為用戶瀏覽和搜索提供的交互是行之有效的。該可視化作品運(yùn)用銀河系的隱喻來表示文件庫及文件，并運(yùn)用望遠(yuǎn)鏡的隱喻通過變量放大和語義縮放來實(shí)現(xiàn)在細(xì)節(jié)層次上的探索。用戶與文檔庫的交互簡(jiǎn)單且在任何層次上具有高度一致性?！霸跇?biāo)簽上單擊鼠標(biāo)左鍵將觸發(fā)到下一層次的語義縮放，單擊鼠標(biāo)右鍵實(shí)現(xiàn)回溯。按下鼠標(biāo)左鍵不放導(dǎo)致連續(xù)語義縮放以幫助用戶迅速到達(dá)某個(gè)已知位置。每層上的層次結(jié)構(gòu)使得每個(gè)集合保持一定的邊界形狀，從而易于記憶?！盵5]164-166這個(gè)系統(tǒng)操作界面充滿互動(dòng)，體驗(yàn)感強(qiáng)，關(guān)鍵節(jié)點(diǎn)的動(dòng)態(tài)化遷移能使受眾感興趣的信息從大量復(fù)雜的信息庫存中顯現(xiàn)出來，大大提升了信息圖表的可讀性與趣味性，使受眾在接受信息的同時(shí)，又能主動(dòng)探索并獲取相關(guān)圖表信息。

信息圖表的動(dòng)態(tài)化形式多樣，比如音頻、視頻、動(dòng)畫和交互等，這些動(dòng)態(tài)化形式的實(shí)現(xiàn)，可以依據(jù)一些現(xiàn)成的動(dòng)態(tài)軟件、非線性編輯技術(shù)等加以解決，拓寬了信息圖形在認(rèn)知上的潛能。這些常見的動(dòng)態(tài)形式在一些電影片頭以及MTV中使用廣泛。比如《Rimind Me》中，主人公從早晨到晚上一天的生活，都用圖表的方式加以呈現(xiàn)，特別是其中切換的交通網(wǎng)絡(luò)、電腦系統(tǒng)、地圖等信息都是通過非線性的切換使原本枯燥、乏味的環(huán)境信息，得到了空間上的無限拓展，增添了信息的趣味性。對(duì)于動(dòng)態(tài)圖表的信息傳達(dá)而言，人與信息之間的互動(dòng)體驗(yàn)是全方位的，包含視覺的、聽覺的、心覺的多重體驗(yàn)與感知。在這種情況下，動(dòng)態(tài)媒介與受眾的關(guān)系得到了很大的改變，受眾與媒介的互動(dòng)從傳統(tǒng)的被動(dòng)接受轉(zhuǎn)化為主動(dòng)參與甚至操控，因此受眾與信息之間的互動(dòng)體驗(yàn)就變得更為自覺。這種方式更易于受眾從主觀凝視角度對(duì)他所關(guān)照的信息進(jìn)行個(gè)性化的深層意義解讀。同時(shí)動(dòng)態(tài)圖表較之靜態(tài)圖表具有更生動(dòng)的形象展示性，從視覺和聽覺全方位刺激受眾的感官，具備更強(qiáng)的空間敘事性和更有效的交互性，幫助我們思考、記憶、增進(jìn)認(rèn)知、加速溝通。在信息圖表課題“南京書店”中，顧孟源和張繼強(qiáng)的方案《南京書香》（圖3）通過現(xiàn)有的html5平臺(tái)，實(shí)現(xiàn)了圖表翻頁微信場(chǎng)景，將文字與圖形分批展示，既拉長(zhǎng)了觀者閱讀的時(shí)間，讓閱讀慢下來，又將閱讀的視線作了有效的導(dǎo)引。這個(gè)方案的亮點(diǎn)是通過二維碼的閃爍，提示觀者進(jìn)行掃描，進(jìn)而從主頁面切換至VR模式將一些典型書店的內(nèi)部環(huán)境作立體的展現(xiàn)，讓觀者身臨其境；然后又通過關(guān)閉符號(hào)將觀者的視線從這種非線性展示中拉回至當(dāng)前的敘事圖表中，體驗(yàn)感極強(qiáng)。觀者在翻頁過程中實(shí)時(shí)捕捉并切換關(guān)鍵圖表，觀者的認(rèn)知視野與觸角在此方案中得到了最大程度上的拓展與延伸，因而對(duì)書店信息的讀取從宏觀到微觀，更為動(dòng)態(tài)、立體與全面，不失為學(xué)生作品中的一個(gè)佳作。

四、受眾的認(rèn)知效率是核心

在信息圖表設(shè)計(jì)中運(yùn)用信息交互的核心在于提高受眾的認(rèn)知效率。信息有一個(gè)度量問題，信息量即信源中的信息含量。美國(guó)數(shù)學(xué)家申農(nóng)和維納指出人們獲得信息就是消除某些不確定性，使人們的認(rèn)識(shí)從無序轉(zhuǎn)為有序，即人們獲得的信息越多，那么其認(rèn)知的有序程度也越增加。信息圖表設(shè)計(jì)并不只是讓信息變得簡(jiǎn)化，最重要的是表現(xiàn)信息之間的各種關(guān)聯(lián)。信息圖表設(shè)計(jì)從一開始便融合了不同的學(xué)科資源，要清晰傳達(dá)各類不同信息，復(fù)雜性從一開始就已被明確地提出。而這種復(fù)雜性不是隨意的重復(fù)疊加，而是一種優(yōu)化的整合。從信息論的角度來看，要實(shí)現(xiàn)信息圖表傳播效率的最大化，最重要的是使圖形及其組織結(jié)構(gòu)能夠最大程度地負(fù)載設(shè)計(jì)信息，使信息圖表組織結(jié)構(gòu)秩序化，從而使信息傳播過程更為順暢與有效。

1976年，美國(guó)學(xué)者、圖表信息設(shè)計(jì)師理查德·烏爾曼首次提出“信息圖表”概念時(shí)就將信息圖表設(shè)計(jì)看作是“信息架構(gòu)”，他對(duì)信息設(shè)計(jì)師的定義為：“按照數(shù)據(jù)內(nèi)含對(duì)其模式加以組織，從而從紛繁中揭示其意義的個(gè)人；創(chuàng)造信息結(jié)構(gòu)或圖示，以幫助他人找到其獨(dú)特的知識(shí)獲取途徑的人?！盵6]30從這個(gè)概念闡述中，我們不難發(fā)現(xiàn)信息圖表設(shè)計(jì)實(shí)際是一種對(duì)信息的組織構(gòu)建行為，在這個(gè)過程中，我們需要將互動(dòng)交流過程中人的知覺行為、認(rèn)知心理以及社會(huì)因素都納入進(jìn)來進(jìn)行系統(tǒng)設(shè)計(jì)。首先，有效的交互基于對(duì)環(huán)境和文化的認(rèn)同。奧托·紐拉斯創(chuàng)建Isotype之初，宣稱世界分隔，圖形相連?！靶畔⑹窃O(shè)計(jì)傳達(dá)的基礎(chǔ)，文化則是設(shè)計(jì)形成的潛在指引。一個(gè)圖形的產(chǎn)生絕不是一蹴而就的，它是不斷地被構(gòu)建、重建（或是調(diào)整），直到蘊(yùn)藏在圖形中的所有關(guān)系都能夠被感知到……圖形永不休止，它只是決策過程中的一個(gè)時(shí)刻而已?！盵7]5其次，有效的交互基于經(jīng)驗(yàn)，但又伴隨時(shí)間不斷更新，解決現(xiàn)實(shí)問題。盡管信息圖表一旦與受眾的認(rèn)知習(xí)慣契合，就比較容易實(shí)現(xiàn)溝通，即要研究人們思維的展開方式、知識(shí)構(gòu)架的建構(gòu)方式以及獲取、處理和組織信息量的方式等基于認(rèn)知心理學(xué)的信息，但在遵循一般認(rèn)知心理學(xué)規(guī)律的基礎(chǔ)上，信息圖表的設(shè)計(jì)表達(dá)也應(yīng)引導(dǎo)受眾進(jìn)行嶄新的解讀信息與認(rèn)知設(shè)計(jì)的行為。設(shè)計(jì)師可以依據(jù)設(shè)計(jì)策略將圖表意念化，將有限的語匯拓展到無限，使信息具有鮮明的指向性的同時(shí)，對(duì)圖表信息的認(rèn)讀秩序進(jìn)一步強(qiáng)化，并在圖表的表現(xiàn)方式上構(gòu)筑起受眾的心理空間和想象空間。第三，有效的交互基于符號(hào)及集群模塊的系統(tǒng)建立與表述。在符號(hào)學(xué)的相關(guān)理論中，我們得知：“設(shè)計(jì)的指涉物是生產(chǎn)者和消費(fèi)者之間、消費(fèi)者各自之間的關(guān)聯(lián)性節(jié)點(diǎn)，這種關(guān)聯(lián)無論明顯與否，設(shè)計(jì)都是以這種關(guān)聯(lián)性節(jié)點(diǎn)來展開工作的。設(shè)計(jì)在規(guī)則中的每一次‘變位——造型符號(hào)的替換，都會(huì)被理解為一種在關(guān)聯(lián)性節(jié)點(diǎn)上的言說?！盵2]288可見，符號(hào)起著直抵信息的捷徑作用。圖表的符號(hào)化、層次、架構(gòu)、導(dǎo)向和信息設(shè)計(jì)等，在實(shí)現(xiàn)最佳可讀性中是至關(guān)重要的（圖4）。設(shè)計(jì)集群模塊的開發(fā)，也使圖表超越了單向度的局限，逐漸向系列化、多維度、綜合性方向轉(zhuǎn)化，在多向度變化的同時(shí)又兼顧統(tǒng)一性，使信息充滿趣味與延伸。這種系統(tǒng)的建立與表述一方面減少了信息丟失，另一方面?zhèn)鬟f了最有價(jià)值的信息，實(shí)現(xiàn)了信息傳遞的高效性。因此通過邏輯的結(jié)構(gòu)布局，理性的思維組織、跨越語種屏障的符號(hào)編碼，以及合理的受眾的視線流誘導(dǎo)，信息圖表的認(rèn)知將變得高效而迅捷。

五、結(jié)論

信息圖表設(shè)計(jì)在信息傳達(dá)中的核心是交互，在交互語境下，設(shè)計(jì)師和消費(fèi)者的角色界限變得模糊，信息的數(shù)字化與程序化優(yōu)勢(shì)更為鮮明。信息圖表設(shè)計(jì)要實(shí)現(xiàn)信息圖表傳播效率的最大化，必須依據(jù)設(shè)計(jì)策略將圖表分層組合，使信息具有鮮明的指向性的同時(shí)，強(qiáng)化圖表信息的認(rèn)讀秩序?！敖换?、參與和交流的概念與觀點(diǎn)占據(jù)了20世紀(jì)藝術(shù)與設(shè)計(jì)的核心領(lǐng)域，并在同等程度上影響著作品、接受者和藝術(shù)家。一般來說，這些術(shù)語中包含了一個(gè)將藝術(shù)作品由封閉轉(zhuǎn)變?yōu)椤_放、由靜態(tài)客體轉(zhuǎn)變?yōu)閯?dòng)態(tài)過程、由沉思性接受轉(zhuǎn)變?yōu)橹鲃?dòng)參與的運(yùn)動(dòng)?！盵4]193作為視覺傳達(dá)設(shè)計(jì)的新基因，信息圖表設(shè)計(jì)跨越語言屏障、高效傳達(dá)、開放交互潛力的逐步顯現(xiàn)，將會(huì)創(chuàng)造信息時(shí)代視覺的新圖景。

參考文獻(xiàn)：

[1]（韓）金宣我.美學(xué)經(jīng)濟(jì)力：歐洲設(shè)計(jì)師談設(shè)計(jì)管理與品牌經(jīng)營(yíng)[M].北京：電子工業(yè)出版社，2011.

[2]張儒赫，陶然.INFOmedia構(gòu)筑生活——信息設(shè)計(jì)與新媒介研究[M].北京：人民美術(shù)出版社，2015.

[3]黃本亮.基于交互語境的平面設(shè)計(jì)取向[J].鹽城工學(xué)院學(xué)報(bào)（社會(huì)科學(xué)版），2012（4）.

[4]（德）魯?shù)婪颉じダ锪?，（德）迪特爾·丹尼爾?媒體藝術(shù)網(wǎng)絡(luò)[M].潘自意，陳韻，譯.上海：世紀(jì)出版集團(tuán)、上海人民出版社，2014.

[5]（英）Robert Spence.信息可視化-交互設(shè)計(jì)（第2版）[M].陳雅茜，譯.北京：機(jī)械工業(yè)出版社，2011.

[6]歐陽麗莎.信息時(shí)代的信息設(shè)計(jì)[M].武漢：華中師范大學(xué)出版社，2012.

[7]（英）卡羅琳·奈特，杰西卡·格拉澤.新圖表設(shè)計(jì)[M].郭鴻杰，等，譯.上海：上海人民美術(shù)出版社，2011.