魏婧婧 （湖北工業(yè)大學(xué)藝術(shù)設(shè)計(jì)學(xué)院 430000）

一、信息可視化設(shè)計(jì)發(fā)展概況

自十八世紀(jì)后期數(shù)據(jù)圖形學(xué)誕生以來(lái)，抽象信息的視覺(jué)表達(dá)手段一直被人們用來(lái)揭示數(shù)據(jù)及其他隱匿模式的奧秘。信息可視化的英文術(shù)語(yǔ)“information visualization”是由斯圖爾特?卡德（Stuart K.Card）1、約克?麥金利（Jock D.Mackinlay）2和喬治?羅伯遜（George G.Robertson）3于1989年創(chuàng)造出來(lái)。二十世紀(jì)90年代期間新近問(wèn)世的圖形化界面，使人們能直接與可視化的信息進(jìn)行交互，造就和帶動(dòng)了十多年來(lái)的信息可視化研究。

在信息圖形領(lǐng)域，十八世紀(jì)末期威廉?普萊費(fèi)爾是最早采用線和面之類(lèi)的抽象視覺(jué)資源來(lái)可視化地表達(dá)數(shù)據(jù)的人之一。1967年，雅克?貝爾坦率先發(fā)表了圖形學(xué)理論，確定了構(gòu)成圖形的基本要素，并且描述了一種關(guān)于圖形設(shè)計(jì)的框架。1983年，愛(ài)德華?塔夫特發(fā)表了關(guān)于數(shù)據(jù)圖形學(xué)的理論，強(qiáng)調(diào)有用信息密度的最大化問(wèn)題。后來(lái)，貝爾坦和塔夫特的理論聞名遐邇并富于影響力，使信息可視化發(fā)展成為了一門(mén)學(xué)科。

在統(tǒng)計(jì)學(xué)領(lǐng)域，1977年美國(guó)著名統(tǒng)計(jì)學(xué)家約翰?圖基發(fā)起了一項(xiàng)影響整個(gè)數(shù)據(jù)圖形學(xué)領(lǐng)域的運(yùn)動(dòng)，從統(tǒng)計(jì)學(xué)上利用圖片來(lái)迅速實(shí)現(xiàn)對(duì)于數(shù)據(jù)的深入洞察。威廉?克利夫蘭在其1988的著作《Dynamic Graphics for Statistics》（意為“統(tǒng)計(jì)學(xué)動(dòng)態(tài)制圖法”）中詳細(xì)闡述了這方面新的數(shù)據(jù)可視化手段。在科學(xué)可視化領(lǐng)域，1986年美國(guó)國(guó)家科學(xué)基金會(huì)基于布魯斯?麥考梅克的工作成果，發(fā)起了一項(xiàng)具有重要意義的首倡計(jì)劃。1990年舉辦了首屆IEEE可視化大會(huì)，初次組建起了一個(gè)由地球資源科學(xué)家、物理學(xué)家以及超級(jí)計(jì)算方面的計(jì)算機(jī)科學(xué)家組成的學(xué)術(shù)群體。在人工智能領(lǐng)域，約克?麥金利的學(xué)位論文對(duì)數(shù)據(jù)可視化呈現(xiàn)形式的自動(dòng)化設(shè)計(jì)發(fā)揮了促進(jìn)作用。在用戶界面領(lǐng)域，2003年本?什內(nèi)德曼提到了圖形學(xué)、視覺(jué)設(shè)計(jì)、計(jì)算機(jī)科學(xué)以及人機(jī)交互，以及新近出現(xiàn)的心理學(xué)和商業(yè)方法。

九十年代以來(lái)，將認(rèn)知心理學(xué)應(yīng)用于設(shè)計(jì)領(lǐng)域的研究逐漸增多。九十年代初，信息設(shè)計(jì)先驅(qū)、耶魯大學(xué)教授愛(ài)德華?塔夫特（Edward Tufte）提出以認(rèn)知心理學(xué)原理為依據(jù)制定數(shù)據(jù)可視化的法則；美國(guó)認(rèn)知心理學(xué)家唐納德?諾曼（Donald Arthur Norman，1935年）認(rèn)為：設(shè)計(jì)一個(gè)有效的界面，必須始于分析一個(gè)人想要做什么，而不是顯示一種觀念，強(qiáng)調(diào)以使用者為中心的設(shè)計(jì)哲學(xué)，希望設(shè)計(jì)師在注重設(shè)計(jì)美感的同時(shí)，不要忽略安全好用永遠(yuǎn)是競(jìng)爭(zhēng)的關(guān)鍵；克利夫蘭州立大學(xué)副教授簡(jiǎn)?維索基?歐格雷迪（O＇Grady.J.V.）引用認(rèn)知心理學(xué)原理分析人類(lèi)的認(rèn)知、記憶、識(shí)別、搜索過(guò)程，探索在信息大爆炸時(shí)代提高信息傳輸清晰度、易讀性、有效性的方法；美國(guó)GUI設(shè)計(jì)先驅(qū)Jeff將設(shè)計(jì)準(zhǔn)則與認(rèn)知科學(xué)高度統(tǒng)一，提出：設(shè)計(jì)應(yīng)專(zhuān)注于用戶和他們的任務(wù)，而不是技術(shù)；同濟(jì)大學(xué)范圣璽教授，多年從事認(rèn)知心理學(xué)在設(shè)計(jì)領(lǐng)域應(yīng)用研究，探討關(guān)于人性化產(chǎn)品設(shè)計(jì)、操作性與人類(lèi)的輸出系統(tǒng)、認(rèn)知性與人類(lèi)的輸入系統(tǒng)、感性與人類(lèi)的內(nèi)心世界、設(shè)計(jì)與行為等多方面問(wèn)題。

二、信息可視化設(shè)計(jì)中的美學(xué)

美學(xué)原理是一切依靠視覺(jué)進(jìn)行信息傳達(dá)的設(shè)計(jì)門(mén)類(lèi)不可忽視的重要準(zhǔn)則。設(shè)計(jì)結(jié)果最終以視覺(jué)形態(tài)進(jìn)行呈現(xiàn)，客戶對(duì)設(shè)計(jì)產(chǎn)品的最初感知也來(lái)源于視覺(jué)呈現(xiàn)。視覺(jué)呈現(xiàn)的差異可能會(huì)決定客戶是否對(duì)這款產(chǎn)品有深刻、積極的印象，以及是否選擇或繼續(xù)使用這款產(chǎn)品。對(duì)美學(xué)基本原理的把握可以幫助設(shè)計(jì)師更好的處理視覺(jué)元素，避免基本的視覺(jué)錯(cuò)誤。

1.結(jié)構(gòu)

用網(wǎng)格組織內(nèi)容、劃分層次，是設(shè)計(jì)中的重點(diǎn)。當(dāng)設(shè)計(jì)信息量龐大、需要反復(fù)修改、截稿緊迫時(shí)，網(wǎng)格系統(tǒng)就顯示出它的優(yōu)越性。它可以幫助設(shè)計(jì)師大批量、快速的處理信息，使所有信息保持層次清晰、有條理，這種系統(tǒng)性所帶來(lái)的信息層級(jí)的一致性對(duì)設(shè)計(jì)的功能極其重要。在網(wǎng)格系統(tǒng)中，隱藏的對(duì)齊和間距能引領(lǐng)讀者視線，將信息集連接。合理的信息群組讓讀者相信這些放置于同一區(qū)域的信息是相關(guān)的，設(shè)計(jì)師可利用這一原理，將相關(guān)信息并置在一起以加強(qiáng)信息聯(lián)系，或?qū)⒉幌嚓P(guān)的信息位置分開(kāi)以避免信息誤讀。在網(wǎng)格的規(guī)范化下，讀者對(duì)信息的呈現(xiàn)結(jié)構(gòu)有清晰的把握，信息接收速度就會(huì)更快。

2.易讀性

對(duì)比與設(shè)計(jì)的關(guān)系如同鹽與烹飪，沒(méi)有對(duì)比的設(shè)計(jì)淡而無(wú)味，太多對(duì)比的設(shè)計(jì)苦澀難咽。對(duì)比極大的影響了設(shè)計(jì)作品的易讀性。4其中色彩、形狀、位置對(duì)比是較為常用的方法。通過(guò)色調(diào)、明暗度、飽和度的變化，通過(guò)形狀、大小的變化，通過(guò)方向、位置的變化，都可以改變信息要素的視覺(jué)對(duì)比度。比如，研究認(rèn)為文字和背景間的對(duì)比度達(dá)到70%最為清晰; 淺色背景上的深色文字更清晰易讀。設(shè)計(jì)師可以通過(guò)將設(shè)計(jì)文件臨時(shí)調(diào)整為黑白模式，來(lái)檢查作品的對(duì)比度。同時(shí)，對(duì)比度應(yīng)該恰到好處，而不是干擾閱讀。

三、信息可視化設(shè)計(jì)中的認(rèn)知原則

認(rèn)知心理學(xué)的基本原理是信息可視化設(shè)計(jì)的邏輯框架，是滿足功能性需求的基本原則。這部分主要用認(rèn)知的訊息處理模式——信息加工的觀點(diǎn)研究人類(lèi)接受、貯存和運(yùn)用信息的過(guò)程，了解信息傳達(dá)如何開(kāi)始、通過(guò)怎樣的途徑傳輸、如何對(duì)傳達(dá)對(duì)象發(fā)生作用、以何種形式完成傳達(dá)過(guò)程、媒介的改變對(duì)傳輸過(guò)程產(chǎn)生的影響等，從而更好的滿足信息可視化設(shè)計(jì)的功能性需求。信息設(shè)計(jì)師需要了解信息接收者如何接收、分析、理解信息，對(duì)認(rèn)知科學(xué)的初步了解，會(huì)讓設(shè)計(jì)師與單從美學(xué)角度考慮做出截然不同的決定。

1.信息的感知和識(shí)別

對(duì)信息感知和識(shí)別的能力讓我們能充分理解外界的刺激，從認(rèn)知角度研究該能力的決定因素，可以幫助信息設(shè)計(jì)師更好的傳遞信息。格式塔心理學(xué)，又叫完形感官法則（The Gestalt Principles of Perception），認(rèn)為人類(lèi)常將感知的對(duì)象作為整體集合而非單個(gè)構(gòu)成來(lái)理解。主要包含：接近法則（The Principle of Proximity），在空間或時(shí)間上彼此臨近的物體會(huì)被視做一個(gè)整體；相似法則（The Principle of Similarity），在形狀、大小、 顏色、肌理、運(yùn)動(dòng)方向上具有相似性的物體，會(huì)被從認(rèn)知角度組合在一起；閉合法則（The Principle of Closure），大腦會(huì)將帶有視覺(jué)暗示的物體靠攏、合并、重構(gòu)；主體——背景法則（The Principle of Pragnanz），占顯性位置的物體會(huì)被感知為主體，占隱性位置的物體會(huì)被看作背景，較小物體在較大視野中通常被理解為主體。 這一理論在學(xué)界有所爭(zhēng)議，可選擇性的應(yīng)用于信息可視化設(shè)計(jì)過(guò)程中，幫助設(shè)計(jì)師更合理的安排視覺(jué)元素之間的關(guān)系。

2.信息的組織與呈現(xiàn)

圖表是信息設(shè)計(jì)師常用的工具之一，它可以把數(shù)據(jù)清晰有條理的呈現(xiàn)。美國(guó)印第安那州普度大學(xué)統(tǒng)計(jì)學(xué)、計(jì)算機(jī)科學(xué)教授克里夫蘭（Willian S.Cleveland）認(rèn)為用戶閱讀圖表時(shí)會(huì)經(jīng)歷兩種不同的心理階段：圖形知覺(jué)（Pattern Perception）階段，讀者通過(guò)圖表可獲得大體陳述的整體趨勢(shì)，清楚的理解某一趨勢(shì)和動(dòng)向，得到圖表內(nèi)容的即時(shí)概覽；表格查找（Table Lookup）階段，讀者可對(duì)單一主體做出判斷，并通過(guò)具體細(xì)節(jié)發(fā)現(xiàn)個(gè)體及其它信息之間的關(guān)系。功能良好的圖表可實(shí)現(xiàn)兩個(gè)目的：更快速的整體判斷；詳盡、清晰、準(zhǔn)確的數(shù)據(jù)查找。不準(zhǔn)確的信息設(shè)計(jì)會(huì)導(dǎo)致事實(shí)和概念的曲解，良好的信息呈現(xiàn)可以提升閱讀體驗(yàn)。

四、信息可視化設(shè)計(jì)中的情感

情感表達(dá)是信息可視化設(shè)計(jì)的高層次要求，包涵了設(shè)計(jì)師的創(chuàng)作熱情。這部分通過(guò)對(duì)用戶內(nèi)心中產(chǎn)生的更深度的情感、意識(shí)、個(gè)人經(jīng)歷、文化、環(huán)境等交織在一起造成的影響的控制，使信息的視覺(jué)呈現(xiàn)不再枯燥乏味，更自然的啟發(fā)人們接受信息，而不是說(shuō)服或強(qiáng)加于人。

1.情感的價(jià)值

情感，包含情緒（情緒是情感有意識(shí)的體現(xiàn)，通常具有特定的原因和對(duì)象），可以幫助我們快速辨別周?chē)h(huán)境中的好與壞、利與弊、安全與危險(xiǎn)，引導(dǎo)我們趨利避害，為我們的決策提供重要幫助，同時(shí)改變我們的思考方式，指引我們做出恰當(dāng)?shù)难哉勁e止。我們所做的每一件事都受情感影響，盡管在很多情況下是潛意識(shí)的。情感系統(tǒng)控制著身體的肌肉，通過(guò)化學(xué)的神經(jīng)傳遞元改變大腦的反應(yīng)。肌肉反應(yīng)讓我們能做好準(zhǔn)備隨時(shí)應(yīng)對(duì)，并通過(guò)我們的肢體語(yǔ)言和面部表情向他人傳遞出情緒的信號(hào)，以便于溝通。心理學(xué)家艾麗絲?伊森（Alice Isen）認(rèn)為：正面情感有助于對(duì)抗壓力、激發(fā)好奇心、拓展思維、啟發(fā)創(chuàng)造力、保持求知欲、使大腦處于開(kāi)放和高效的學(xué)習(xí)狀態(tài)。認(rèn)知心理學(xué)家唐納德?A?諾曼認(rèn)為：當(dāng)人們處于負(fù)面情緒影響之下，感到緊張、悲觀、焦慮時(shí)，思路會(huì)變得狹窄，過(guò)分關(guān)注和問(wèn)題直接相關(guān)的部分，直至找到解決方案。

2.美學(xué)與情感

美的東西使人感到愉悅，審美改變其情感狀態(tài)。如前所述，正面情感有助于對(duì)抗壓力、激發(fā)好奇心、拓展思維、啟發(fā)創(chuàng)造力、保持求知欲、使大腦處于開(kāi)放和高效的學(xué)習(xí)狀態(tài)。于是，美改變了認(rèn)知系統(tǒng)的工作模式，改變?nèi)四X解決問(wèn)題的方式，最終影響了人們的行為。

以日本跨領(lǐng)域“超級(jí)技術(shù)專(zhuān)家” 藝術(shù)團(tuán)隊(duì)teamlab為例，他們創(chuàng)作于2015年的互動(dòng)聲光裝置作品《Crystal Universe》（水晶宇宙），采用“交互4D影像技術(shù)”，使觀者可對(duì)178200盞LED燈施加影響，體驗(yàn)宇宙的存在和對(duì)人類(lèi)的回應(yīng)，引發(fā)人們重新定位、審視自身作，以及為浩瀚宇宙中的微小的分子如何與之共生。搭配療愈系統(tǒng)的音樂(lè)，增強(qiáng)作品冥想性，使焦灼的心靈得到慰藉，享受好似回到母體般的寧?kù)o與安詳。通過(guò)探索身處信息時(shí)代的人類(lèi)行為和對(duì)當(dāng)下人類(lèi)情感進(jìn)行體察，對(duì)新型社會(huì)的發(fā)展演變提出創(chuàng)新的模式與思考。

3.認(rèn)知與情感

人類(lèi)自身的官能演化歷經(jīng)了數(shù)百萬(wàn)年，感知系統(tǒng)、運(yùn)動(dòng)系統(tǒng)已經(jīng)進(jìn)化得很好，能使我們?cè)诘厍蛏铣掷m(xù)生存。人類(lèi)所做的任何事情都包含認(rèn)知與情感的成分。情感系統(tǒng)和認(rèn)知系統(tǒng)都是信息處理系統(tǒng)，但功能各異：認(rèn)知負(fù)責(zé)詮釋、判斷、理解這個(gè)世界，增進(jìn)智識(shí)；情感是認(rèn)知不可分割的必要組成部分，認(rèn)知賦予事物以意義，而情感則賦予其以價(jià)值。二者相互影響：認(rèn)知可以驅(qū)動(dòng)情感，情感也可以影響認(rèn)知。它們相互作用，互為補(bǔ)充，協(xié)同工作。

因?yàn)樾畔⒔邮漳芰εc情緒狀態(tài)相關(guān)，困惑和挫折會(huì)導(dǎo)致信息接收能力下降。對(duì)用戶能力、所選工具、技術(shù)熟悉度的預(yù)見(jiàn)，與恰到好處的美學(xué)有機(jī)結(jié)合，有助于信息更好的傳達(dá)。就信息設(shè)計(jì)而言， 共同點(diǎn)使確定感增強(qiáng)，不同點(diǎn)使確定感減弱。因此循序漸進(jìn)的發(fā)展變化往往比革命性、戲劇性的變化更有利，漸進(jìn)式的變化由于依然讓人感到熟悉，所以更易于接受。用熟悉的方式介紹新概念，當(dāng)新的內(nèi)容與大家所喜歡的或已體驗(yàn)過(guò)的內(nèi)容相結(jié)合的時(shí)候，它才有可能被用戶所關(guān)注。

五、結(jié)論

在美學(xué)角度，通過(guò)對(duì)結(jié)構(gòu)和易讀性的研究，在布局、色彩、對(duì)比等方面為設(shè)計(jì)師一直以來(lái)關(guān)注的視覺(jué)美學(xué)增加新的價(jià)值；在認(rèn)知心理學(xué)角度，過(guò)認(rèn)知的訊息處理模式，了解信息傳達(dá)如何開(kāi)始、通過(guò)怎樣的傳輸途徑、如何對(duì)傳達(dá)對(duì)象發(fā)生作用、以何種形式完成傳達(dá)過(guò)程、媒介的改變對(duì)傳輸過(guò)程產(chǎn)生的影響等，從而更好的滿足信息可視化設(shè)計(jì)的功能性需求；在情感角度，通過(guò)對(duì)用戶心中更深度的情感、意識(shí)、個(gè)人經(jīng)歷、文化、環(huán)境等的影響的控制，使信息的視覺(jué)呈現(xiàn)不再枯燥乏味，更自然的啟發(fā)人們接受信息。信息可視化設(shè)計(jì)不能只從美觀角度進(jìn)行設(shè)計(jì)，需要秉承用戶友好的設(shè)計(jì)理念，在滿足美學(xué)基礎(chǔ)上，通過(guò)對(duì)用戶認(rèn)知、識(shí)別、記憶、索搜行為的把握進(jìn)行設(shè)計(jì)，保證用戶功能需求、提高效率、易用、保證安全。當(dāng)下的媒體更新速度大大區(qū)別于傳統(tǒng)時(shí)代，隨著平板電腦、智能手機(jī)、車(chē)載系統(tǒng)等信息媒介的發(fā)展，對(duì)信息可視化設(shè)計(jì)從美學(xué)到認(rèn)知與情感的研究可為信息呈現(xiàn)提供新的解決方案。

注釋?zhuān)?/p>

1.歐柏林學(xué)院文學(xué)學(xué)士，卡內(nèi)基梅隆大學(xué)心理學(xué)博士，斯坦福大學(xué)教授，PARC施樂(lè)帕羅奧多研究中心用戶界面研究組區(qū)域經(jīng)理，出版有三本書(shū)、七十多篇論文、22項(xiàng)專(zhuān)利。

2.加州大學(xué)伯克利分校數(shù)學(xué)和計(jì)算機(jī)科學(xué)學(xué)士，斯坦福大學(xué)計(jì)算機(jī)科學(xué)博士，1986加入施樂(lè)帕羅奧多研究中心，在那里與用戶界面研究組開(kāi)發(fā)了計(jì)算機(jī)圖形學(xué)的許多新應(yīng)用，創(chuàng)造了信息可視化。

3.卡內(nèi)基梅隆大學(xué)教員，施樂(lè)帕羅奧多研究中心首席科學(xué)家，1996以來(lái)任微軟可視化和交互組首席研究員。

4.《信息設(shè)計(jì)》（《The Information Design Handbook》），【美】簡(jiǎn)?維索基?歐格雷迪（O＇Grady.J.V.），鳳凰出版?zhèn)髅郊瘓F(tuán)、譯林出版社，2009年12月第1版，P116；

參考文獻(xiàn)：

[1][美]簡(jiǎn)?維索基?歐格雷迪（O＇Grady.J.V.）.《信息設(shè)計(jì)》（《The Information Design Handbook》）.鳳凰出版?zhèn)髅郊瘓F(tuán)、譯林出版社，2009年12月第1版.

[2][美]唐納德?A?諾曼（Donald Arthur Norman）.《設(shè)計(jì)心理學(xué)》（《The Design of Everyday Things》）.中信出版社，2010年3月第1版.

[3][美]唐納德?A?諾曼（Donald Arthur Norman）.《設(shè)計(jì)心理學(xué)3——情感設(shè)計(jì)》（《Emotional Design》）.中信出版社，2012年6月第1版.

[4][美]龍尼?利普頓.《信息設(shè)計(jì)實(shí)用指南》.上海人民美術(shù)出版社，2008年1月.

[5]《大容量信息整合設(shè)計(jì)》，拉克什米?巴斯卡蘭 （Lakshmi Bhaskaran），上海人民美術(shù)出版社，2006.

[6][美]羅伯特?L.索爾所 、 M.金伯利 ?麥克林、 奧托?H.麥克林.《認(rèn)知心理學(xué)》.上海世紀(jì)出版社股份有限公司，2008年7月第1版.

[7][美]Jeff Jhonson.《認(rèn)知與設(shè)計(jì)》（《Designing with the Mind in Mind》）.人民郵電出版社，2011年9月第1版.