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

基于地圖形態(tài)的視覺化信息設計

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

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

信息設計；地圖；可視化

一、基本概念的闡述

1.地圖概述

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

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

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

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

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

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

2.信息設計概述

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

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

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

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

3.地圖與信息設計的關聯(lián)

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

二、案例分析

1.老北京風俗地圖 1936年

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

2.十象圖 年代不詳1

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

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

3.《USA Today》氣象圖 1982年

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

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

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

三、價值及展望

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

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

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

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

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

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

注釋：

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

[1][美]簡?維索基?歐格雷迪（O＇Grady.J.V.），《信息設計》（《The Information Design Handbook》）[M].鳳凰出版?zhèn)髅郊瘓F、譯林出版社，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