按圖索驥
----圖形設計中的信息視覺化

龍 韌， 曹 媛， 李 珺

(1 華中科技大學機械工程與科學學院，武漢 430074；2 湖南大學設計藝術學院，湖南410082；3 湖北工業大學藝術設計學院，武漢 430068)

當我們為蒼白無味的文字感到疲憊無趣時，渴望一種簡單、易懂、有趣的方式來重新審視這個世界，信息的視覺化正是眾望所歸。信息技術高速發展的時代，通過可視化的圖形傳遞信息是可以讓人們在閱讀時更覺輕松愉快、高效的信息傳遞方式。所謂的信息設計是合理的設計方式分析并組織數據和信息，讓數據、信息以合理的方式傳播，讓復雜難懂的數據易于理解，視覺化是信息設計最主要的表達方式。相對于文字傳遞信息，圖形以其可視化、直觀、形象、生動的表現優勢，在信息時代扮演了重要角色，起著不可替代的作用。

1 信息視覺化設計的回歸

公元前四世紀，信息的最初形態就是圖形，早期人類將信息轉換為符號或圖像，例如結繩記事和巖畫，這是他們認知事物和傳遞信息的有效手段，其簡單易懂的圖畫語言就是圖表的最基本特色。[1]隨著社會的進步，文字和語言也在不斷地發展，信息傳播中的主體要素發生了改變，文字承擔了記載和傳播知識的主要任務。而時至今日，由于信息的冗雜與過剩，圖標設計中的語言要素又回到了重視圖畫語言運用的階段。人類認知從低級向高級發展的這種回歸現象被稱為是一種“螺旋形”模式前進的效果。

在原始社會的巖畫中，古人通過刻畫來記錄最原始的生活主題，狩獵、社交行為、禮儀、生活場景、精神崇拜圖騰這種圖形的記錄形式呈現。歷史已發生了無數次巨大的變化，但這些古老的圖像還是穿越了時間，向人們傳遞著當時的生活形態。比如愿景、行為、文化等信息。面對這些圖像折射出來的信息，人們不得不感嘆圖像的偉大魅力。

文字與圖形有著十分密切的關系，文字起源于圖形。從圖形到象形文字，再到今天的文字，其間經歷了無數的發展和變遷(圖1)。

圖 1 文字變遷

每每新文字、新名詞的出現，就預示著一種新觀念的蔓延，以前保留下來的詞句也都有了新的不同以往的解釋，保留下來的只是字的形體，字意卻改變了。從這點上來看，文字的時效性遠不如圖形的時效性長。雖然文字表達有很細致的優點，然而，想要理解并駕馭文字還需要接受一套完整的語言模式教育，而文字的還原性不如圖形，圖形的表達更為簡單和直接。人們不需要任何培訓就可以讀懂圖形。

伴隨著現代媒體業的蓬勃發展，我們迎來了這個信息爆炸的時代。人們發現將信息與圖形結合能夠更加直觀地將復雜的信息傳遞出來。英國經濟學家威廉-普雷費爾被普遍認為是現代信息圖表的創始人。他第一次提出了用同等的經緯線圖來代替時間數據和金額數據，并在其著作《商業與政治地圖》的制作中使用了這種信息圖表。信息的視覺化傳達一時間成了討論的熱點。愛德華·諾夫特將這一過程描述為多維世界向二維世界的轉化。信息通過可視化的圖形傳遞出來，可以讓人直接搭建起現象與原因的邏輯關系，使信息更易傳播。此后，信息視覺化的發展便進入了更加豐富和多樣化的階段。

2 信息視覺化的特征

由于數字媒體以空前的速度和廣度得到發展，其多元化、網絡化、全球化、即時性、交互性、體驗性等特征，帶來了信息量的劇增，每個人在享受信息流動所帶來的便利的同時，也不斷地對這些無處不在、無孔不入、無窮無盡的巨量信息感到困擾。這些信息日新月異，令人目不暇接。然而，當信息不能告訴我們什么是我們想要的或需要的時候，我們就會對信息心懷焦慮或怨恨。在我們所接觸的信息中，絕大部分的信息，人們只需要要簡單地了解，只有少量的信息才會被認真地研究和分析。因此，對于信息的視覺化設計漸漸被人們所重視，信息包含了數據、信息和知識，其中數據是對于客觀事物、現象的描述和表示。信息是經過有目的的加工和處理的數據組合，當信息經過人的學習并與人原有的認知概念體系結合以后就形成了知識[2]。換言之，信息的設計對象可以是具體的事物，也可以是抽象的概念。因此，若想將信息視覺化，不僅要解讀信息的表象，還要引發深入思考，從而學習到新的知識。

所謂視覺化是利用“看”的形式所進行的交流，通過視覺語言進行表達與識別，視覺信息首先表現為視覺符號，從而實現信息的傳遞。在信息傳遞中，通過對視覺符號的認知獲得信息，信息的視覺化設計師通過對圖形、圖像、文字、色彩、形式、結構、行為、空間等視覺符號的組織、創意和設計，以視覺語言的表達方式進行的信息傳達，以視覺創意為設計核心，通過圖形具有醒目直觀，易于感知、理解和記憶的特征，實現信息傳達并激發受眾行為。信息視覺化設計漸漸成為圖形設計領域的熱門研究方向之一。[3]

2.1 根據需求的視覺化表現

信息的視覺化設計要求圖形必須具備明確的使用目的，生活節奏的加速使得每個人都想要得到快捷的需求回復。制造商、服務商和供應商們都力求更迅速地對需求做出反應，路標、鐵路線路圖、各類行業商標、各類導航圖、產品設計圖、平面規劃圖等超越不同語言和文化界限傳達信息，正是視覺化的語言滿足著我們對于速度的需求。設計師在進行設計之前，首先要分析人們的使用需求，再考慮通過什么樣的圖形快速、準確地表達信息。

對同一個信息表現對象來說，不同的需求對應了不同的視覺化表現。

如圖2所示， Google Maps收錄了世界上將近450個城市的公共交通信息，在此之前，僅有50多個城市被加入Google Maps當中，不過隨著基本地圖和交通信息的日益完善，越來越多的城市公共交通信息呈現在Google Maps中。新版本的設計更加注重把公共交通使用者感興趣的內容突顯出來。在舊版本中，基本圖被交通圖完全覆蓋，一些重要的信息被淹沒，在視覺感觀上，道路顯得繁雜。重新設計之后，Google Maps突出了交通路線在視覺上的顯示，公路顯示被淡化，改變了基本地圖的設置。例如，你想要在舊版本中找到紐約市7號和8號大街，那幾乎是不可能的事情，因為其完全被覆蓋，而現如今，新版本中的7號大街和8號大街一目了然，可以輕而易舉地找到它們的位置。希望新的式樣能帶給用戶更加清楚明了的搜索結果。用戶需求是信息視覺化設計的出發點。只有明確了這一概念，才可以更加深刻地認識和把握信息，設計才能有一個正確的方向。在人們不斷需求的推動下，有了各種各樣出色的圖形設計，人類社會也得到了發展和進步。從某種意義上說，需求推動了歷史，信息的視覺化設計需求是信息社會最鮮明的特征之一。

圖 2 Google Maps

2.2 高效率的信息解讀

信息視覺化的目的是準確有效地傳達信息。其指向明確、形式直觀、注重表現形式的優勢，有利于營造信息傳達的氛圍，視覺吸引力和沖擊力。易于實現信息的瞬間傳達和視覺感染力，幫助人們快速有效地理解和使用信息。所謂一圖勝千言，良好的圖形設計，可以瞬間準確地傳遞一個現象和事件，同時給人留下深刻的印象。尤其是對于復雜的信息來說，將其進行視覺化更是非常必要的。

然而，復雜的信息往往內容豐富，邏輯關系也較為復雜。直接進行視覺化設計不僅不能幫助人們識別，反而會產生曲解圖意、理解偏差、難以讀懂、浪費時間等問題，對此類信息進行設計，必須進行邏輯化的分析，有主次地表達，使圖形簡化的同時又保留了信息的完整性，從而真正實現高效率的信息解讀。

圖3通過可視化圖像表現了一個人一天的生活。此圖表為垂直時間軸，由上至下表現了從白天到黑夜，在這條主軸上分出了許多時間段，每一段時間都有不同的圖形表現來傳遞信息，讓受眾更加清晰、快速地了解設計者在一天之中都做了哪些事情，同時還具有一定的趣味性，令人印象深刻。

圖 3 一天的生活

2.3 豐富多彩的表現形式

信息只有在能吸引人們眼球，并為人所理解和獲取時，其價值才能被體現，因此，信息的視覺化設計，不單純是要表達出準確的信息，還要求獲得人們的注意力，使人們在獲取信息的同時還能獲得趣味，這就要求信息的表現形式可以是多種多樣的，如同漢字，一個字可以有幾十種甚至上百種不同的寫法，但其表達的意義卻是相同的。設計師要不斷地開闊思維，大膽想象，敢于創新，挖掘出更多的形式去表現信息，增添色彩。

圖4是表現美國經濟與餐飲業關系的信息圖表。受到經濟危機的影響，美國的商業銷售額繼續下滑，但餐飲業的業績卻不跌反漲，尤其是快餐業，還有較大的增長。此圖表的設計形式是通過異化設計使非生命物體具有一定的生命形象。抽象圖形的形象化表現方式能夠使其迅速地被大眾接受，具有情感性，使圖表的感染力增強。圖表設計中那些被人形化的非生命事物帶動讀者產生無限的藝術聯想，生動有趣的藝術效果突出了圖表內容和特點，更好的抓住人們的眼球。

突出設計主題、深化設計內容是視覺設計中常見的表現形式，這些表現形式創造出了更加醒目的視覺效果。需要強調的是，信息的視覺化設計同樣也需要科學般嚴謹的設計標準，它允許多種表現形式，但準確性和普遍性是其設計的重要原則。這是一種新的藝術表現手段，需要達到的效果是錦上添花。[4]

圖 4 美國經濟與餐飲業關系的信息圖表

2.4 發人深省的信息傳達

信息視覺化不應該單純地展示數據和信息，而是通過可視化的表現手法來傳遞數據背后的深層含義。因此，好的視覺設計，不僅要表現出信息，還要幫助人們解讀信息所隱含的道理，從而具有一定的教育意義

圖5創意性以沙漏的形式告訴人們全球變暖正在威脅人類的安全，異常深刻的警示人們提前采取行動。

圖 5 全球變暖信息圖

通過讀圖，我們可以了解更多數據背后的信息，認知心理學唐納德·A·諾曼(Donald-A-Norma)先生在《情感化設計》一書中指出了三種層次的設計----本能層次、行為層次、反思層次。本能層是給人帶來感官刺激的一層。行為層是關注設計的功能，尤其是圖表的設計，必須要具備傳遞信息的功能，而反思層則是整個設計最為重要的一層，注重人在做事過程中產生的更高級的體驗，如情感、意識、理解等交織在一起的。因此，在準確表達信息的基礎上，信息的視覺化設計追求的是深度的思考。

3 信息的視覺化的現在與未來

3.1 信息視覺化的發展現狀

科技以前所未有的速度向前發展，世界正在進行質的飛躍，人類的生活方式和生存理念也發生著極大的改變，伴隨著經濟全球化的到來，信息大爆炸時代已然來臨，一成不變單調的設計方式不再適應歷史的潮流趨勢，人們需要多元化、新穎的設計方式。這一時期在思想上給設計的發展帶來了無限選擇的可能，視覺設計尤其突出，它已不再局限于原本的設計范疇，走向了越來越寬廣的領域，與此同時，網絡設計、數字影視、多媒體廣告、數碼藝術設計等也相繼登上了歷史舞臺，它們帶來了非同凡響的視覺信息盛宴，宣告新時代的來臨。在這個時代，信息視覺化的表現形式不再局限于傳統的設計，多元化的設計可以輕易的讓設計變成一種能自如吸納及融合多種學科的載體。因此，信息的視覺化設計不再是以往死氣沉沉的平面化、靜態化，而是朝著動態感、生命性及綜合化的方向發展。網絡、電子平臺的發展使媒體語言日趨豐富，設計師們在視覺圖像的應用和拓展方面可以更加天馬行空，賦予自己的思想，也為其設計提供了更多的可能性。

圖6為2009年歐洲杯信息結構設計，圖表以表盤的形式表現，世界地圖則作為中間背景，小小的表盤圖表中整合了多個維度的信息。12點方向、3點方向、6點方向、9點方向分別代表比賽的具體時間、比賽的球場、比賽的不同階段、參加比賽的隊伍，如果在某一坐標上做出選擇，對應的其他3 個方向列表中的焦點就會發生相對應的改變。人們想要獲得所需的信息，只需隨意地按隊伍、場地、時間、賽事階段來查知。此類圖表強調了感觀體驗，營造了動態的可視化效果，能使受眾快速詳細地獲得信息，提高了信息的使用率。

圖 6 2009年歐洲杯信息結構設計

3.2 信息視覺化在中國的未來

信息的視覺化設計已漸漸走出了追名逐利的狹隘范疇，開始更多地關注人類的生存環境和生存狀態。

醫學技術的發達治愈了疾病減少了死亡，交通工具的使用方便了人們的出行，縮小了時空的距離，信息技術的發展縮短了人與人心靈的距離，使交流無處不在。

正是科學技術與設計的結合造就了這些輝煌的成績，然而，科技的發展也給環境造成了無法挽回的破壞，蔚藍的天空與清新的大地已經失去了昔日的美麗，而信息則記錄了這一切。它在人們征服自然，為了利益不擇手段，改造世界的過程中，目睹了人類飽受的苦難以及為改變生活現狀所付出的慘痛代價。

圖7描述了當海平面上升時，或者說，當我們已知的大陸被慢慢淹沒后，現在的城市會在哪個深度。圖表很形象，很有海底都市分布的感覺。

圖 7 海平面上升后都市分布圖

在這個信息化、數字化發展的潮流里，人們能否擺脫過去所犯的錯誤，向著新的，有利的發展方向做出努力呢？因而，綠色設計和人文設計的呼聲越來越高，人們在自身的生活狀態、自然環境與科學技術之間尋求著平衡。

綜上所述，信息可視化是一個較為復雜的領域，絕不是美化圖表那么簡單，最終目的不是可視，而是從可視化中進行數據挖掘，信息傳播，幫助分析問題，帶領人們思考。設計在這里不僅作為表現形式，要更深刻的理解才能找到最合適的手法去分析制作。

[參考文獻]

[1] 孫皓瓊.圖形對話-什么是信息設計[M]. 北京：清華出版社，12.

[2] 上官景昌， 陳 思.知識管理研究中數據、信息、知識概念辨析[J].情報科學,2009,27(8):1 154-1 155.

[3] 鄔烈炎.視覺體驗[M].南京：江蘇美術出版社，2008.

[4] 孫皓瓊.圖形對話-什么是信息設計[M]. 北京：清華大學出版社，2011：84.

[5] 肖 勇，張尤亮.信息圖形設計[M]. 哈爾濱：黑龍江美術出版社,2011.

[6] 卡羅琳·奈特， 杰西卡·格拉澤.新圖表設計[M]. 郭鴻杰,李 麗,章文婷,譯. 上海：上海人民美術出版社，2011.