視覺圖形在信息可視化信息設計中的應用

張欣+朱長永+黃蓉

【摘 要】信息可視化作為計算機和設計專業的一個新興交叉學科，如今受到越來越多的關注，而視覺元素作為信息可視化設計中不可缺少的載體內容起著至關重要的作用。在本文中筆者首先闡述可視化信息設計的概念、分類、以及內涵，然后從設計學的角度闡述視覺元素對信息可視化設計的重要性以及運用視覺元素時要主要的問題。

【關鍵詞】信息可視化；視覺元素；用戶體驗

1 信息可視化的概念

信息可視化的萌芽最早可以追溯到20世紀90年代的德國，1989 年由斯圖爾特·卡德、約克·麥金利和喬治·羅伯遜提出來的。信息可視化被用以將復雜的信息轉化為清晰明了的視覺表述，簡單的說信息可視化設計將抽象的數據解析并轉化成直觀的視覺圖像。信息可視化設計可以幫助用戶減少認知時間，更快的讓用戶了解數據背后的含義。一般而言信息可視化分為兩個方面的內容，一方面是偏重于信息架構， 強調信息組織和分類數據， 其概念上和視覺上與功能、導航、交互相關。另一方面的信息可視化設計偏向于信息圖形的視覺化展示，比如，我們常見的圖表等，不同于第一種的信息設計，可視化信息更加強調設計感，有的人認為信息可視化是一種藝術形式，常常將信息可視化與傳統的繪畫混淆，事實上，兩者有本質的區別，傳統繪畫更加注重藝術表現，而本文所研究可視化信息設計更加理性和科學，比如插圖、信息圖形雖然也會用到視覺語言， 但更多的是數據的交互、映射以及符號的象征。特別是數字媒體設計領域中的“信息設計”簡言之就是信息科學的圖像畫和數據的可視化。

信息可視化設計的出發點是通過視覺化的方式將信息傳達給用戶，傳統的視覺傳達往往應用在廣告設計、書記裝幀等領域，從本質上來說， 信息可視化的過程就是從抽象的信息到可視的形象的轉化過程。在設計數據對象的可視化過程中，需要將非空間的抽象信息轉化為有效的可視化形式，并通過人機交互的方式讓用戶感知。

2 視覺圖形在信息可視化的應用

信息可視化作為一個交叉學科，應用的領域包括建筑， 氣象， 醫學， 生物等， 強調的是界面逼真的效果，照明光源等等， 近年來隨著智能便攜產品的誕生，信息可視化應用領域也愈來愈廣泛，APP、網頁、智能手環等等。網頁信息可視化，通過直觀清晰的視覺界面以及人與信息的互動方式，為用戶完整的信息。近年來微信針對智能設備推出了自運動計步數據庫的公眾賬號，該公號通過豐富的可視化信息圖表和體驗良好的交互計，讓用戶可輕松方便地查看自己的每日步行數字。與此同時微信運動還可以數據可視化與社交網絡相連接，用戶通可隨時通過過朋友圈直觀地和自己的好友比較每日步數情況，大大激發了用戶的運動欲望，微信運動APP充分顯示了開放的信息傳播與高效的信息圖表結合，通過用戶與好友之間的耦合聯系，迅速加快了信息的傳播速度。（如圖1所示）

在微信運動的案例中信息可視化的視覺語言包括圖形、符號、文字和數字。這些視覺語言是可視化信息設計中的基本語言，也是是信息設計的重要組成部分。視覺圖形能將信息圖表的內容表達得更加形象、具體，方便用戶直觀地了解、閱讀；而符號所起的作用則有一定的象征意義，比如微信運動中愛心符號常用來表示點贊，紅色的愛心符號表示用戶被朋友點贊，增強了用戶排行信息的辨識度，使符號更加簡單，在視覺上更加直觀，易于人們理解；文字能對信息圖表的信息內容作出具體的說明，補充視覺圖形難以表達的內容；數字在微信運動中是必不可少的，主要用來說明用戶當前運動步數，在可視化信息中數字剋表達圖標中的量，給用戶一目了然之感。

3 信息可視化的設計要點

信息可視化設計中的視覺造型實際上就是對信息的具象化呈現，通過一些簡單的、辨識度高的圖形將所要傳遞的文字、數據等信息中的內容表達出來。費爾南達·維埃加斯曾經說過“信息可視化當它作為一種交流時段時， 它不僅改變了設計語義，還拓寬了條狀圖、圖標以及圖解的可能性?！毙畔⒖梢暬鳛楝F代社會傳達信息的一種重要手段， 實際上除了可以采用傳統圖表來作為視覺表達和呈現的形式之外， 還可以在這個過程中加入富有設計感的圖形， 以此來使得所傳達的信息更加的生動、形象，比如兩會期間的諸多新媒體紛紛嘗試可視化的方式為用戶解讀的兩會，可視化的界面視覺上更“酷炫”，讓數據看起來更美觀。因此在設計可視化信息時要遵循以下原則。

3.1 清晰簡潔

好的信息設計是思路、層次清晰的可視化。信息可視化所具有的信息圖形功能是將復雜的信息簡單化。在可視化信息設計中，友好、準確的感知體驗給用戶帶來的舒適、愉悅的心理感受。界面中交互式的信息可視化要求設計者對數據和信息等進準確清晰的分析后，轉化成簡潔的視覺表達以提高信息的可視化。好的可視化設計可以幫助用戶直觀地選擇和感受信息，縮短認知時間，而不準確的圖形設計則會導致用戶對信息概念的曲解。

3.2 符合用戶認知模型

由于用戶群體的不同，圖形在傳達相關信息時會出現一定的偏差，容易讓人誤解，因此，在信息設計時就需要對信息進行理性歸納，使信息更加符合用戶認知，而不只是單純地堆砌幾何圖形。設計的過程中，要判斷哪些信息是應該包含的， 哪些信息可能會分散用戶的注意力而必須摒棄的， 并根據用戶認知模型做出理性的選擇確保設計的科學性和合理性。

3.3 富有美感

信息可視化除了要清晰、準確的傳達信息之外，在視覺上要富有設計美感，否則難以在吸引用戶關注，隨著視覺圖形設計的不斷發展，用戶對于界面的美觀性要求也越來越高，簡單的幾何圖形并不能刺激用戶的閱讀興趣，要賦予界面色彩、動態掩飾、聲音等方式，將抽象的數據生動的展示出來，形成一種人性化的人機互動模式。

4 結語

信息可視化的給人們提供了一種獲取信息更為有趣的方式。它以計算機圖形學為依托，同時借鑒了設計學的表達形式，更好地幫助人們理解信息的含義，同時帶來了愉悅的視覺享受，信息可視化之美，不僅僅體現在知識的認知方面，它使得越來越多的跨學科交流有了新的詮釋。

[責任編輯：朱麗娜]