信息圖表設(shè)計(jì)的視覺語(yǔ)言研究

閆長(zhǎng)浩

摘要：信息設(shè)計(jì)作為平面設(shè)計(jì)的一個(gè)子集，是近些年來(lái)令人關(guān)注的專業(yè)名詞，它的最基本的原則，是對(duì)數(shù)據(jù)清晰而有效的呈現(xiàn)。它通過(guò)跨專業(yè)和多學(xué)科的途徑達(dá)到交流和傳播的目的，并且結(jié)合了平面設(shè)計(jì)、計(jì)算機(jī)技術(shù)、心理學(xué)、文化研究等多個(gè)領(lǐng)域的技能。平面設(shè)計(jì)中的圖形經(jīng)常被稱為“視覺語(yǔ)言”，這是從信息傳達(dá)的功能角度對(duì)圖形的描述。在圖形創(chuàng)作過(guò)程中，設(shè)計(jì)師扮演者翻譯的角色，將人們多樣化的感官體驗(yàn)迅速而準(zhǔn)確得轉(zhuǎn)譯為各種視覺符號(hào)，并由視覺語(yǔ)言引導(dǎo)的體驗(yàn)完成信息的傳播。本文對(duì)信息圖表設(shè)計(jì)的視覺語(yǔ)言進(jìn)行研究。

關(guān)鍵詞：信息設(shè)計(jì)；圖表；視覺傳達(dá)；動(dòng)畫

一、信息圖表設(shè)計(jì)的目的

（一）有效的信息傳達(dá)

要研究有效的信息傳達(dá)，必須先清楚明白“有效”的定義，在商務(wù)印書館出版的《新華漢語(yǔ)詞典》里將“有效”解釋為：能實(shí)現(xiàn)預(yù)期的目標(biāo)，達(dá)到預(yù)期的目的；有效用、有效果。信息圖表設(shè)計(jì)的最主要目的就是進(jìn)行有效的信息傳達(dá)，其中“有效”包括了準(zhǔn)確、清晰、易理解、快速、生動(dòng)等。使用戶在閱讀信息圖表的過(guò)程中，可以準(zhǔn)確、清晰的理解信息，使信息可以快速、生動(dòng)有趣的傳達(dá)給人們?？梢钥闯?，有效的信息傳達(dá)就是信息圖表設(shè)計(jì)的最基本和最重要的目的。

（二）指導(dǎo)行動(dòng)

信息圖表是對(duì)真實(shí)已有現(xiàn)象的呈現(xiàn)，已有的信息成為了將來(lái)趨勢(shì)的預(yù)測(cè)器，給個(gè)人或企業(yè)提供了有用性指導(dǎo)。信息圖表設(shè)計(jì)使人們通過(guò)泛讀理解信息圖表所表達(dá)的大致內(nèi)容，通過(guò)精讀來(lái)完成對(duì)信息細(xì)致全面的閱讀和理解，使受眾準(zhǔn)確的理解信息，幫人們消除疑惑。信息圖表設(shè)計(jì)為信息提供了一個(gè)全面的解說(shuō)和絢麗的呈現(xiàn)，使用明確易懂的視覺元素來(lái)表述信息，一方面可以進(jìn)行準(zhǔn)確的視覺傳達(dá)，另一方面可以使人們通過(guò)理解信息后指導(dǎo)行動(dòng)。

（三）情感溝通

1.直觀的傳達(dá)情感信息

與文字不同，信息圖表是使用視覺元素表達(dá)信息的內(nèi)容，通過(guò)顏色、圖形等可以直觀的傳達(dá)出正面或負(fù)面情感，例如：紅色是危險(xiǎn)、停止的象征，藍(lán)色是沉穩(wěn)、獨(dú)立的象征。如關(guān)于暴力事件的信息圖表，紅色覆蓋在黑色的文字上，給用戶的視覺沖擊力極強(qiáng)，給用戶帶來(lái)一股緊張的氣氛。因此，在情感溝通方面，信息圖表占有絕對(duì)的優(yōu)勢(shì)，它可以快速的影響用戶的情感變化。

2.增加用戶興趣

信息圖表將枯燥的信息用藝術(shù)的手法進(jìn)行處理，為受眾提供了美的享受。在表達(dá)意義的同時(shí)也增添了美感，實(shí)現(xiàn)了形式與功能的結(jié)合，增加用戶的興趣，使被動(dòng)閱讀轉(zhuǎn)為主動(dòng)閱讀，從而提高用戶的閱讀效率。比如：在Tuneglue網(wǎng)站上，查找任意歌手的相關(guān)資料，輸入歌手名字，點(diǎn)擊查找后，呈現(xiàn)在屏幕上的不再是幾十頁(yè)或上百頁(yè)枯燥羅列的文字介紹，而是表達(dá)信息準(zhǔn)確、邏輯清晰和色彩繽紛的信息圖表，人們可以迅速找到他們想查找的目標(biāo)，不再需要用戶一頁(yè)頁(yè)的進(jìn)行信息的查找，在人們感覺到心曠神怡的同時(shí)，也大大增加了人們的閱讀興趣。

二、信息圖表的視覺語(yǔ)言概述

1976年，美國(guó)學(xué)者、著名圖表信息設(shè)計(jì)家理查德·烏爾曼（Richard Saul Wurman）首次提出“視覺信息圖表”的概念，他將視覺信息圖表設(shè)計(jì)看作是一種構(gòu)造信息結(jié)構(gòu)的方式，認(rèn)為信息結(jié)構(gòu)設(shè)計(jì)師的根本任務(wù)是設(shè)計(jì)對(duì)信息的表達(dá)，即信息結(jié)構(gòu)設(shè)計(jì)師應(yīng)該能夠提取復(fù)雜環(huán)境和信息中的內(nèi)核并將其以清晰、美觀的方式呈現(xiàn)給受眾。視覺信息圖表屬于圖形中的一種，有時(shí)它本身就是圖形。就像圖形難以用語(yǔ)言置換一樣，視覺信息圖表的內(nèi)涵也遠(yuǎn)遠(yuǎn)超過(guò)語(yǔ)言所能表達(dá)的范圍。如果沒有創(chuàng)造性的天才發(fā)現(xiàn)圖表不僅僅是一種繪制，那么，視覺信息圖表就永遠(yuǎn)局限在簡(jiǎn)單的數(shù)字表格或是曲線圖上。

作為一種視覺語(yǔ)言傳達(dá)方式，視覺信息圖表在“坐標(biāo)”概念之上，將文本形象化、時(shí)空層次化、信息秩序化，通過(guò)對(duì)圖像、文字、符號(hào)、色彩等視覺元素的綜合運(yùn)用來(lái)處理一些單靠文本或數(shù)據(jù)很難解釋的信息間的相對(duì)關(guān)系，并試圖通過(guò)視覺語(yǔ)言提高信息傳達(dá)的感染力、豐富性及交流的效率。不限于常用的數(shù)據(jù)圖表，視覺信息圖表的概念所涵蓋范圍更大，它將視覺審美藝術(shù)同量化、準(zhǔn)確的數(shù)字文本信息結(jié)合在一起，用適當(dāng)?shù)囊曈X語(yǔ)言將數(shù)字與數(shù)字間的關(guān)系有效地組織和歸納，形成既易于理解又具有戲劇化色彩的圖形格式，使人們以最少的時(shí)間消耗和最大的趣味性去理解文本、數(shù)據(jù)所傳達(dá)的趨勢(shì)、差別、變化，幫助讀者理解過(guò)于乏味的描述性文字，無(wú)疑，這有益于文本的信息傳達(dá)。

三、信息圖表視覺語(yǔ)言的特點(diǎn)

（一）秩序性

信息圖表將信息高度概括總結(jié)，通過(guò)最為簡(jiǎn)潔的形式表現(xiàn)出來(lái)，但是大量的信息在同一個(gè)平面展出，單純依賴對(duì)于人的視覺順序的運(yùn)用并不能夠使所有人以我們期望的順序接受信息，個(gè)體的差異也會(huì)帶來(lái)一定視覺的紊亂。視覺讓信息圖表秩序井然，通過(guò)時(shí)間軸的限定，信息在什么時(shí)候出現(xiàn)，出現(xiàn)多長(zhǎng)時(shí)間都是一致的，受眾接收到的信息是統(tǒng)一的可被預(yù)設(shè)的。

（二）故事性

優(yōu)秀的信息圖表需要構(gòu)建一個(gè)動(dòng)人的故事，訴說(shuō)數(shù)據(jù)背后的信息，通過(guò)數(shù)據(jù)呈現(xiàn)社會(huì)、經(jīng)濟(jì)、軍事等問題，能否激起受眾的畫面感，是否擁有生動(dòng)的故事性直接影響著受眾對(duì)于信息的接受認(rèn)可度。鑒于動(dòng)態(tài)視覺與動(dòng)畫、影視的聯(lián)系，動(dòng)態(tài)視覺能夠本能地建立故事感，因此動(dòng)態(tài)視覺信息圖表能夠輕松訴說(shuō)故事，擁有得天獨(dú)厚的故事性。

（三）生動(dòng)性

視覺信息圖表的故事性使得其對(duì)于信息展現(xiàn)具有生動(dòng)性?？菰锏男畔⑼ㄟ^(guò)輕松的動(dòng)態(tài)呈現(xiàn)給我們，信息圖表本身相對(duì)于枯燥無(wú)序的信息，加入了的圖表設(shè)計(jì)者的理解而顯得更為輕松，再加之動(dòng)態(tài)表現(xiàn)，將視覺動(dòng)起來(lái)，賦予整個(gè)信息圖表視覺上的生命力。

（四）傳播性

動(dòng)態(tài)視覺信息圖表采用多媒體、界面?zhèn)鞑橹饕浇?。?shù)碼技術(shù)的普及，對(duì)于電子產(chǎn)品的依賴，使得動(dòng)態(tài)視覺信息圖表的傳播更為廣泛。物聯(lián)網(wǎng)、互聯(lián)網(wǎng)間的互聯(lián)互通使動(dòng)態(tài)視覺信息圖表的傳播更為及時(shí)。研究表明人對(duì)于運(yùn)動(dòng)的畫面印象更為深刻，動(dòng)態(tài)視覺能夠調(diào)動(dòng)多種感官接收信息，使信息的傳播更為有效。動(dòng)態(tài)視覺信息圖表比傳統(tǒng)信息圖表更具廣泛、及時(shí)和有效的傳播性。endprint

（五）交互性

動(dòng)態(tài)視覺信息圖表的交互性主要體現(xiàn)在：（1）對(duì)于數(shù)據(jù)顯示的控制，通過(guò)與人交互控制其進(jìn)度；（2）對(duì)于用戶體驗(yàn)的注重，讓用戶能夠按照自己喜歡有更豐富的選擇；（3）動(dòng)態(tài)信息圖表中用戶的參與感，從一個(gè)被灌輸?shù)慕嵌绒D(zhuǎn)變成參與者的視角加入動(dòng)態(tài)信息圖表中。

四、視覺信息圖表設(shè)計(jì)——營(yíng)造多維的視覺信息時(shí)空之美

視覺信息圖表設(shè)計(jì)有別于其它的視覺傳達(dá)設(shè)計(jì)，它將大量抽象的文本、數(shù)據(jù)信息視覺化，并在提供簡(jiǎn)單、直觀的理解和比較方式的同時(shí)塑造獨(dú)特之美。

（一）語(yǔ)言之美。

神奇的設(shè)計(jì)往往產(chǎn)生于簡(jiǎn)單的元素之中，視覺信息圖表設(shè)計(jì)調(diào)動(dòng)文字、構(gòu)成、肌理、色彩、時(shí)間和空間等元素并使之共同作用于信息的再建構(gòu)。文字作為語(yǔ)言的形態(tài)和載體，通過(guò)不同的字體來(lái)表達(dá)相同的文字，能夠給讀者新穎的感受；信息圖表中的圖像如插圖、照片、點(diǎn)、線、符號(hào)等，這些都是視覺的表達(dá)，通過(guò)設(shè)定信息圖表的主題和內(nèi)容來(lái)表達(dá)其所包含的重要因素；信息圖表中的色彩，是表達(dá)其思想的媒介，通過(guò)不同的配色表達(dá)不同的意味；信息圖表中情節(jié)的起伏所展開的時(shí)間及空間，讀者在領(lǐng)會(huì)文本信息的同時(shí)，也可以通過(guò)聯(lián)想中的意境進(jìn)行空間和時(shí)間上的互動(dòng)。

（二）邏輯之美

就像目錄在所有書籍、工程或網(wǎng)站組織結(jié)構(gòu)中所起到的導(dǎo)航作用一樣，視覺信息圖表設(shè)計(jì)通過(guò)X、Y、Z三軸的相交關(guān)系，撐起一個(gè)具有橫向、縱向編排的信息空間。作者的觀點(diǎn)和重點(diǎn)的安排，通過(guò)設(shè)計(jì)者對(duì)信息元素的創(chuàng)造和信息結(jié)構(gòu)的調(diào)整得以呈現(xiàn)。假如我們把信息物看作是一個(gè)充滿繁多文本、數(shù)據(jù)的萬(wàn)花筒，那么，經(jīng)過(guò)設(shè)計(jì)者不同角度的旋轉(zhuǎn)，萬(wàn)花筒中的信息源便會(huì)生成不同的組織結(jié)構(gòu)，從而最終呈現(xiàn)出不同的組合形式，并得到不同的信息結(jié)果。

（三）時(shí)空之美

視覺信息圖表設(shè)計(jì)是一種極富于想象力的信息設(shè)計(jì)，在這個(gè)神奇的世界中，時(shí)間被空間化了，空間也為時(shí)間所分隔，時(shí)間與空間之間相互共生又相互作用。讓一位攝影師在同一時(shí)間內(nèi)捕捉到遠(yuǎn)在世界兩端的社會(huì)突發(fā)新聞也許不太可能，但距離再遠(yuǎn)，一張視覺圖表也可以讓讀者將任何并發(fā)事件盡收眼底。視覺信息圖表將現(xiàn)實(shí)與虛擬世界中的事件同時(shí)搬上同一個(gè)舞臺(tái)，通過(guò)時(shí)空的調(diào)度、情境的創(chuàng)造、氣氛的渲染，造就二重性的多維空間。

（四）意蘊(yùn)之美

在傳達(dá)和交流過(guò)程中，視覺信息圖表無(wú)論在結(jié)構(gòu)還是功能上都同語(yǔ)言類似：除體現(xiàn)理性的思維組織和邏輯結(jié)構(gòu)之外，還透過(guò)視覺語(yǔ)言中內(nèi)含的思想和情感，實(shí)現(xiàn)一個(gè)設(shè)計(jì)所要傳達(dá)的意念。如果沒有意義的存在，視覺信息圖表設(shè)計(jì)不過(guò)只是一種表面的裝飾。在理解與被理解之上，文字、構(gòu)成、肌理、色彩、時(shí)間和空間之間，客觀文本、數(shù)據(jù)信息之外，理性思維組織和邏輯結(jié)構(gòu)之中，視覺信息圖表設(shè)計(jì)者們馳騁于想象的時(shí)空，運(yùn)用戲劇化的視覺蒙太奇，帶有智慧、幽默感、隱喻性的個(gè)性化語(yǔ)言，時(shí)而“工筆”、時(shí)而“寫意”地表現(xiàn)自身的思想和情感，傳達(dá)對(duì)時(shí)代、生活的態(tài)度，述說(shuō)著對(duì)未來(lái)的理想，并試圖通過(guò)設(shè)計(jì)的語(yǔ)言來(lái)限定、引導(dǎo)、影響人們的感受方式。從語(yǔ)言表達(dá)的角度來(lái)探討視覺信息圖表之美，會(huì)不斷從中發(fā)現(xiàn)新的詮釋方式，然而，這也正是視覺信息圖表的魅力與價(jià)值所在——“言有盡而意無(wú)窮”。

五、視覺語(yǔ)言的表達(dá)形式

（一）有趣的圖解和示意圖

圖標(biāo)、示意圖、曲線圖等等形式是信息設(shè)計(jì)中常見的表現(xiàn)方法，創(chuàng)建各種圖形符號(hào)以轉(zhuǎn)化原始枯燥的信息形式，使之更容易被用戶接受。宜家（IKEA）是很好的案例。它有自己的一套視覺經(jīng)營(yíng)方式，產(chǎn)品的組裝示意圖設(shè)計(jì)出色，由于一種商品在很多國(guó)家銷售，所以部分說(shuō)明書里沒有文字，只有插圖。比如，地板磚的鋪法、螺絲的安裝步驟等全部是用示意圖加以說(shuō)明。如果把這些有趣的圖表樣式和動(dòng)畫定格技術(shù)進(jìn)行組合，可以為難懂的內(nèi)容制作出清晰別致的導(dǎo)航系統(tǒng)，從而為那些對(duì)數(shù)字、文字信息麻木的用戶提供不少驚喜。

（二）“圖表式”空間敘事

當(dāng)代設(shè)計(jì)雜志常常會(huì)將內(nèi)容拆開分散到頁(yè)面各處，讓文字和圖像穿插在一起，為讀者營(yíng)造一種參與性的、非線性的閱讀體驗(yàn)。因此會(huì)用制表和制圖的規(guī)則來(lái)組織一種空間敘事。信息圖表通常會(huì)將視覺和文字信息結(jié)合起來(lái)，同時(shí)值得注意的是圖表設(shè)計(jì)本身也是極具符號(hào)風(fēng)格。難以想象圖表式的敘事方式出現(xiàn)在動(dòng)畫中會(huì)是怎樣的視覺體驗(yàn)，當(dāng)然它絕不是簡(jiǎn)單的幻燈圖片效果。

（三）“圖標(biāo)”風(fēng)景圖

圖標(biāo)是信息設(shè)計(jì)中常見的表現(xiàn)方式。它可以代表或再現(xiàn)物體、功能和過(guò)程，并且可以讓人們很輕易地識(shí)別出所指代的物體。很多熟悉的圖標(biāo)，如麥當(dāng)勞的金色拱門標(biāo)識(shí)，都是經(jīng)過(guò)高度提煉的、除去了多余的修飾和細(xì)節(jié)，只保留了足以傳達(dá)意義的部分。圖標(biāo)系統(tǒng)通常以幾何形模塊為基礎(chǔ)，它們聚在一起可以創(chuàng)造出無(wú)限的形式和視覺體驗(yàn)。圖標(biāo)在動(dòng)畫中的介入是比較獨(dú)特的，雖然在視覺上與傳統(tǒng)敘事動(dòng)畫大相徑庭，但它抽象的組織結(jié)構(gòu)可以很好地調(diào)度元素之間的節(jié)奏比例關(guān)系，甚至可以控制整個(gè)畫面布局，經(jīng)過(guò)規(guī)范性重復(fù)使用，成為動(dòng)畫中的獨(dú)特的視覺符號(hào)。

六、視覺信息圖表設(shè)計(jì)程序

作為數(shù)據(jù)可視化的呈現(xiàn)方式的動(dòng)態(tài)視覺信息圖表設(shè)計(jì)，在設(shè)計(jì)程序上要遵循數(shù)據(jù)可視化的研究程序。包括信息收集、數(shù)據(jù)轉(zhuǎn)換分析、圖表化表示、信息修飾與動(dòng)態(tài)交互設(shè)計(jì)五個(gè)環(huán)節(jié)，彼此間相互關(guān)聯(lián)，缺一不可，前一步為下一步鋪墊，后一步基于之前的研究而產(chǎn)生環(huán)環(huán)相扣，每個(gè)環(huán)節(jié)都可以用來(lái)檢驗(yàn)之前步驟中的設(shè)計(jì)是否合理、準(zhǔn)確。第一、信息收集是與項(xiàng)目相關(guān)的數(shù)據(jù)的統(tǒng)計(jì)，這一點(diǎn)與數(shù)據(jù)可視化是相同的。第二、將統(tǒng)計(jì)得來(lái)數(shù)據(jù)以相同的標(biāo)準(zhǔn)進(jìn)行轉(zhuǎn)換，數(shù)據(jù)可視化中的數(shù)據(jù)轉(zhuǎn)換與分析多通過(guò)編程控制數(shù)據(jù)分析的標(biāo)準(zhǔn)，由程序自動(dòng)完成，動(dòng)態(tài)視覺信息圖表對(duì)于數(shù)據(jù)的轉(zhuǎn)換與分析則更多地注入了個(gè)人的情感。第三、采取圖表的形式呈現(xiàn)整理好的數(shù)據(jù)，選取圖表形式，分析坐標(biāo)類型，制定出最大最小極限，使得圖表在適合的界面內(nèi)完整地呈現(xiàn)出來(lái)。第四、從視覺設(shè)計(jì)的角度對(duì)信息進(jìn)行修飾，包括對(duì)圖表視覺風(fēng)格的設(shè)計(jì)，各圖形、字體、符號(hào)等元素的細(xì)節(jié)設(shè)計(jì)。最后綜合考慮信息呈現(xiàn)的節(jié)奏與受眾，確定了整個(gè)動(dòng)態(tài)視覺信息圖表的動(dòng)態(tài)呈現(xiàn)方式，按照數(shù)據(jù)的分析制訂動(dòng)態(tài)腳本，構(gòu)建動(dòng)態(tài)，通過(guò)剪輯調(diào)整信息圖表的運(yùn)動(dòng)節(jié)奏。節(jié)奏的掌握要配合信息的主次與受眾的視覺特性。

七、結(jié)語(yǔ)

綜上所述，作為視覺設(shè)計(jì)的新基因，信息圖表設(shè)計(jì)是一種富有潛力并逐步顯現(xiàn)出來(lái)的、跨越語(yǔ)種屏障的設(shè)計(jì)語(yǔ)言，它將會(huì)越來(lái)越多地滿足信息時(shí)代大眾的視覺需求，在吸引日益麻木于平淡的視覺語(yǔ)言且渴望高效的讀者注意的同時(shí)，創(chuàng)造信息時(shí)代視覺的新景觀。它的應(yīng)用也終將會(huì)在以書籍傳媒為代表的平面印刷媒體、公共環(huán)境的導(dǎo)視系統(tǒng)和科研領(lǐng)域的信息視覺化研究等方面的發(fā)展中得到普及。

參考文獻(xiàn)：

[1]動(dòng)態(tài)圖形設(shè)計(jì)[M].上海人民美術(shù)出版社，許一兵，2013

[2]淺談交互式概念在視覺設(shè)計(jì)上應(yīng)用的可能性[J].袁帥.現(xiàn)代閱讀（教育版）.2013（02）

[3]圖像在視覺設(shè)計(jì)中的信息傳播[J].張琪.群文天地.2013（02）

[4]從看圖到讀圖——媒體中的信息可視化設(shè)計(jì)[J].吳靜萌.新聞研究導(dǎo)刊.2017（11）endprint