孫琦

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

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

[中圖分類號]J50 [文獻標(biāo)識碼]A

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

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

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

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

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

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

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

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

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

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

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

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

五、結(jié)論

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

參考文獻：

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

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

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

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

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

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

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