基于地圖形態的視覺化信息設計

魏婧婧（湖北工業大學藝術設計學院 430068）

基于地圖形態的視覺化信息設計

魏婧婧（湖北工業大學藝術設計學院 430068）

信息設計通常將整合后的數據通過視覺化的設計手段進行系統表達，使復雜的數據直觀、簡潔的呈現，提高信息傳播的效率和準確性。地圖，指根據一定的數學法則將自然和社會現象概括縮繪在平面上，反映各種自然和社會經濟現象的空間分布、組合、聯系及其動態變化。隨著網絡媒體的發展，面對龐雜的數據信息，人們需要高效直觀的表達方式，期待視覺語言與科學的更好結合。

信息設計；地圖；可視化

一、基本概念的闡述

1.地圖概述

地圖，指根據一定的數學法則，將地球或星球的自然現象和社會現象通過概括和符號縮繪在平面上的圖形，反映各種自然和社會經濟現象的空間分布、組合、聯系及其動態變化。傳統地圖的載體多為紙張，隨著時代的發展出現了多媒介地圖樣式，如google地圖，汽車導航地圖等。

按照內容，地圖可分為普通地圖、地形圖和專題地圖三種。地形圖精度較高，是編制其它地圖的原始資料；普通地圖較地形圖精度低，表現具有一定靈活性；專題地圖著重強調某一方面的自然、社會屬性。

地圖通常具有以下三方面功能：

定位功能：確立明確的空間位置，建立地物與地物或現象與現象間的空間關系。

模擬功能：科學預測，如氣象預報、災害性要素的變遷及過程預測。

信息的載負和傳遞功能：用圖形符號反應地理信息或分析有關現象和物體的規律。

2.信息設計概述

信息設計通常依據一系列的專門數據做為基本元素并進行分析，將整合后的結果通過視覺化的設計手段進行系統的表達，使復雜的信息數據具有更加直觀、簡潔的呈現效果，提高受眾的接收效率和信息傳達的精確性。

信息設計出現初期常被作為平面設計的一個子集涵蓋其中，直到二十世紀七十年代英國倫敦的平面設計師特格拉姆第一次使用“信息設計”這一術語，使其衍生出不同于傳統平面設計方向的主旨，即“進行有效能的信息傳遞”。

20世紀70年代，畢業于耶魯大學的美國設計師Edward Tufte在普林斯頓大學開設了一門“統計圖形學”（statistical graphics）的課程，之后又與另一位信息設計領域的先驅人物John Tukey共同發展了這一課程，并于1982年出版了第一本信息設計專業書籍《 The Visual Display of Quantitative Information》（《定量信息的視覺顯示》），將藝術和科學融合，引起很大轟動，成為該領域內具有開創性的重要著作。

鑒于二者存在著直接或間接的關聯，甚至地圖本身即是一項標準的信息設計，在設計領域常有設計師以地圖作為基本形態進行視覺語言的探索，隨著網絡交互媒介的發展，信息爆炸、云計算時代的到來，面對大量龐雜的數據，人們迫切需要高效、直觀的傳達方式。目前在設計領域內不乏分別針對二者在信息時代下發展前景的研究，然而對基于這二者相結合所產生的時代價值的探索并不十分多見，本文試圖以時間為脈絡，通過對不同時代經典案例的分析，將此類設計手法進行梳理，對信息時代下的視覺傳達設計新方向進行一些探索。

3.地圖與信息設計的關聯

地圖與信息設計都具有基本信息的數據化、呈現手法的視覺化、信息傳遞的量化的特點。二者存在著直接或間接的關聯，甚至地圖本身即是一項標準的信息設計，在設計領域常有設計師以地圖作為基本形態進行視覺語言的探索，隨著網絡交互媒介的發展，信息爆炸、云計算時代的到來，面對大量龐雜的數據，人們迫切需要高效、直觀的傳達方式。

二、案例分析

1.老北京風俗地圖 1936年

美國將軍FRANK DORN（1901～1981年），曾就讀舊金山藝術學院、西點軍校。畢業后被派往菲律賓，受地圖師JoMora（1876-1947年）的影響開始繪制地圖。1930年在中國任初級武官，用漫畫筆觸惟妙惟肖地展現了民國年間北平城的風物民情，諸如老先生在西城斗雞放鴿，小偷在曉市兜售珠寶項鏈，駝隊和驢車進出左安門、右安門，外國人在西山打高爾夫。這張地圖的左上角還有一處附圖，附圖從古燕國的傳說畫起，貫穿元明清三朝，一直記錄到遷都南京，生動又幽默風趣地表現了北京的千年變遷。

2.十象圖 年代不詳1

十象圖是西藏寺院壁畫中的一幅，畫面中巧妙的用一條山路描繪出了修行和心理凈化的過程。路從山腳向山頂綿延行進，路上有大象、猴子、僧侶等行走的形象，山腳下所有正在行進的形象都被描繪為黑色，隨著山路的攀登，這些生命體顏色逐漸從頭部開始變白，直到變為雪白。

傳統的筆畫以地圖的形式和圖形、色彩的表達方法，體現了生命擺脫迷惑、心靈凈化的修行過程，隨著向高處攀升，以黑色象征的煩惱一點點被摒棄，取而代之以白色象征的解脫。

3.《USA Today》氣象圖 1982年

20世紀末，是報紙產業的成熟期，報紙的商品屬性得到了全面發展，突出實用價值，版面緊湊，以文字為主，圖片被認為是耗費空間和分散注意力的東西。

George Rorick卻把《USA Today》定位成一份更視覺化的報紙，通過視覺語言來幫助人們理解新聞，開創了使用圖形作為重要新聞傳播手段的先河。

這張氣象圖綜合運用了色彩、圖形、表格、符號等視覺設計的語言，將枯燥的氣象數據變得生動有趣、易于理解，改變了人們獲取氣象信息的方式，在文字統治的報紙行業中使視覺化報道得到了廣泛認可。

三、價值及展望

數字藝術家Ben Fry把信息設計看作“用眼睛思考”的能力。一幅圖可以幫助我們理解用其他方式無法完全理解的事物，拓展我們的認知技能。解決一個復雜的數學問題時，我們會自動拿出一張紙和一支筆來作草稿，視覺化的信息傳達功能也讓我們把抽象問題形象化。這種從數據海洋中提取信息，再用視覺化手法來表達的形式，把設計的交流功能發揮的淋漓盡致。

基于以上案例描述，可以總結出地圖與信息設計相結合的視覺傳達手法的幾個特征：

數據與方位相關：第一部分闡述地圖的三大功能，其中最基本的是定位功能，地圖能夠確立明確的空間位置，建立地物與地物或現象與現象間的空間關系。當設計師選擇以地圖作為信息呈現的基本構架，必然因其數據所反映的內容與方位有關，這樣即為信息的視覺呈現提供了展示的地基，也能使紛亂的信息在空間中自動合理排列，解決秩序問題。

數據比較紛雜：幾個案例中多數呈現了單純用文本難以解讀的龐雜的數據信息，而幾個案例也同時展示出視覺語言從龐雜的數據中找出重點和秩序的能力，使得視覺語言在信息傳遞過程中的重要性再次得到體現。

方位的表達具有一定靈活性：地圖具有不同的種類，地形圖是其中最精確的一種，需要遵循嚴格的比例尺，而在信息設計中地圖的視覺化表達并不要求絕對的精準，而著重強調某一方面的特征和相對適合的比例，甚至要求更加的概括，突出重點，省略不必要的細節，體現了地圖作為形象語言本身隸屬于信息設計范疇的概念。

不再是靜態的視覺語言：Web2.0使互聯網的面貌發生了轉折性的改變，由于人人都能夠參與，數據信息不再以靜態的形式呈現，而表現出不斷更新的特征，這就要求相應的信息視覺化表達能夠跟上數據變化的節奏，呈現出實時的狀態，使公眾能夠即時了解世界的面貌。因此越來越多的網站技術支持使得數據變化直接作用于界面，界面表現為不斷變化的動態，數據成為視覺的背后的直接操控手，科技成為美學。

注釋：

1.杉浦康平.《造型的誕生》.中國青年出版社，1999第186頁.

[1][美]簡?維索基?歐格雷迪（O＇Grady.J.V.），《信息設計》（《The Information Design Handbook》）[M].鳳凰出版傳媒集團、譯林出版社，2009年12月第1版.

[2][美]Edward Tufte，《Visual Display of Quantitative Information》[M].Graphics Press出版社，2001.

[3][美]Edward Tufte，《envisioning_information》[M].Graphics Press出版社，1990.

[4][日]杉浦康平.《造型的誕生》[M].中國青年出版社，1999.

課題項目：湖北省教育廳科學技術研究計劃青年人才項目，項目編號：Q20151405