信息可視化圖表設(shè)計
——以南京書店信息圖表為例

（南京林業(yè)大學(xué)藝術(shù)設(shè)計學(xué)院 210037）

時代的發(fā)展使設(shè)計的原則由功能被形式所服從轉(zhuǎn)變?yōu)樾问椒?wù)于情感。信息化大數(shù)據(jù)的到來加速了信息傳達(dá)的頻率，人們也樂于分享和傳播信息。面對紛繁、冗雜的信息量，視覺信息圖表通過提煉將這些復(fù)雜、抽象的文字可視化。南京書店信息圖表綜合了書店信息和交通地圖，涉及到人們休閑、閱讀、出行等方面。運用扁平化和手繪線稿結(jié)合的設(shè)計語言，使讀者既能直觀的了解到南京各大書店的分布地點、密度、路線，又能增加讀者對書店和書籍的了解。

一、信息可視化圖表

1.信息可視化概述

信息可視化（Information visualization）最早由Stuart K.Card、Jock D.MackinIa和 George G.Robertson于1989年提出，成為現(xiàn)代藝術(shù)設(shè)計中新的浪潮和研究方向。信息可視化運用靜態(tài)、動態(tài)的圖形、符號、圖表，對抽象的文字、數(shù)據(jù)進(jìn)行提煉、歸納并建立對應(yīng)的關(guān)系，給人們呈現(xiàn)出精煉、有效的信息和藝術(shù)化的視覺效果。

信息圖表是設(shè)計者思維空間的體現(xiàn)。信息圖表通過文字、符號、色彩、數(shù)字、圖像等多種方式來傳達(dá)信息，告別了以往枯燥復(fù)雜的文字信息的方式，運用簡潔的圖形化語言，視覺上變得更加清晰直觀，信息內(nèi)容上更加完整。通過與現(xiàn)代新媒體技術(shù)結(jié)合，在信息讀取方面趣味性、可讀性、交互性十足，有效提升了信息的傳達(dá)。

2.信息可視化圖表的分類

信息可視化圖表可以分為靜態(tài)圖表、動態(tài)圖表、交互式信息圖表、實時數(shù)據(jù)信息。靜態(tài)圖表的應(yīng)用最為廣泛，如交通信息圖、地圖等，其特點為單一、高效。動態(tài)圖表基于網(wǎng)絡(luò)信息技術(shù)，在靜態(tài)圖表的圖形、數(shù)據(jù)中，輔以動畫、音樂，更加生動形象的感染觀眾，畫面感、敘事性、趣味性更強。隨著電子設(shè)備普及，信息圖表逐漸往交互式方向發(fā)展。交互式信息圖表運用現(xiàn)代技術(shù)形式，將多種數(shù)據(jù)基于一個界面展現(xiàn)，可與受眾及時互動， 實現(xiàn)雙向交流。觀眾可根據(jù)自己需求選擇篩選、讀取，體驗感、自主性大幅度提升。在互聯(lián)網(wǎng)的條件下，實時數(shù)據(jù)信息使人們獲取信息、分享信息更加快捷，包括實時天氣信息、路況信息等，方便人們生活出行。

3.信息可視化圖表設(shè)計原則

信息可視化圖表設(shè)計應(yīng)注意以下四個原則：簡潔性、準(zhǔn)確性、易讀性、藝術(shù)性。圖表空間位置的分布會影響其視覺元素組合的秩序化和條理化。設(shè)計師在大規(guī)模的信息中整合、篩選、簡化、提取有效的信息，并對數(shù)據(jù)進(jìn)行藝術(shù)化的重構(gòu)。運用符號化、圖形化的藝術(shù)語言和不同程度的色彩變化做區(qū)別，構(gòu)建合理的圖表語言，提升信息的趣味性、靈動性，便于讀者獲取、理解、記憶。

二、信息可視化圖表設(shè)計——南京書店信息圖表

1.信息的收集與整理

設(shè)計圖表之前需要明確設(shè)計主題、受眾人群和圖表的故事線索。南京作為一個文藝之都，有著各種不同風(fēng)格的書店。包括公益型書店，如獨立空間、江寧市民中心、二樓南書房等。熱門的網(wǎng)紅書店，如萬象書坊、G-TAKAYA、西西弗書店等。還有大眾書局、新華書店、先鋒書店等企業(yè)類書店。在著重調(diào)研了萬象書坊、可一書店、西西弗書店這三家風(fēng)格和類型上具有特色的南京書店后，通過分析書店的整體風(fēng)格、與周邊交通和環(huán)境的關(guān)系、書籍的類型、客戶人群以及客戶的行為方式，從而進(jìn)行信息圖表設(shè)計。

2.設(shè)計視覺化表達(dá)

（1）書店路線交通地圖設(shè)計

根據(jù)收集與調(diào)研的內(nèi)容確定設(shè)計的框架。首先對于書店路線交通地圖的設(shè)計，刪除不重要的交通線路，保留了地鐵線路、交通主干道、公交和必要的步行線路。南京書店主要分布在鼓樓區(qū)、秦淮區(qū)、玄武區(qū)三個市中心區(qū)域，建鄴區(qū)、雨花臺區(qū)、棲霞區(qū)、浦口區(qū)也有少量，新街口商業(yè)圈書店最為密集。通過搭乘地鐵或公交步行少于即可到達(dá)。將書店分為重點調(diào)研書店、公益型書店、先鋒書店、網(wǎng)紅書店、大眾書局、新華書店六種類型。在色彩上用低純度的玫紅、橘黃、土黃、橄欖綠、草綠、天藍(lán)表示。交通路線分為地鐵、公交和步行。分別用地鐵線路數(shù)字、天藍(lán)色和灰色虛線來區(qū)分，在圖中標(biāo)出了路線區(qū)間的站名。其中地鐵路線有1、2、3、4、10號線，以新街口為中心，用不同顏色來區(qū)分同一號線的不同方向。該圖為三層組合而成，第一層為書店分布圖，第二層為交通路線圖，第三層為南京市分區(qū)圖，用來表示宏觀的地理位置，為讀者呈現(xiàn)直觀的印象及具體的路線推薦。

圖1 書店周邊地圖

（2）書店周邊地圖設(shè)計

第二個內(nèi)容是重點調(diào)研的書店周邊地圖（圖1），主要繪制了萬象書坊、可一書店和西西弗書店周邊的詳細(xì)地圖。地圖涵蓋了南京大學(xué)、南京師范大學(xué)、河海大學(xué)三所標(biāo)志性高校。應(yīng)用扁平化的圖標(biāo)，簡約與豐富相結(jié)合。書店LOGO與學(xué)校圖標(biāo)較為復(fù)雜，輔助性公共小圖標(biāo)采用了符號化圖形。整體板式具備點、線、形狀、顏色、對比和圖案元素。通過圖形、色彩、布局等的有機結(jié)合，增強信息可讀性。在圖中可清晰的看到每個書店的具體位置、路線及與周邊環(huán)境、建筑物、高校的關(guān)系。

圖2 萬象書坊人群行為圖表

（3）萬象書坊信息圖表設(shè)計

萬象書坊兼具休閑、學(xué)習(xí)、閱讀于一身的多功能書店。位于南京大學(xué)旁邊，服務(wù)對象為學(xué)生和游客，作為年輕群體，喜好的書籍多為當(dāng)代文學(xué)，因此暢銷書單的圖案用文藝青年和代表年輕人的音樂、運動線型元素來羅列?？蛻羧巳盒袨橹饕匈徺I書籍、閱讀、學(xué)習(xí)、休閑茶飲、洽談、旅行攝影，以敘述的形式來表達(dá)，插圖和文字相結(jié)合（圖2）。書籍分類有國內(nèi)文學(xué)、歷史傳記、國外文學(xué)、南大出版、生活經(jīng)驗、古籍古史、旅行攝影、藝術(shù)設(shè)計。主要客戶為高校學(xué)生、文藝青年、白領(lǐng)一族和少年兒童，圖表采用了對比明顯的柱狀圖、環(huán)形圖來直觀感受數(shù)據(jù)的大小與分類（圖3）。

圖3 萬象書坊圖表

（4）可一書店信息圖表設(shè)計

可一書店＆可一畫廊整體風(fēng)格簡潔明快，空間通透，第一部分為前臺、咖啡吧、集會區(qū)、周邊售賣區(qū)，第二部分為圖書區(qū)，第三部分為閱讀區(qū)和畫廊，以書架分隔。圖表設(shè)計選用畫框、伯里曼和畫速寫的美術(shù)生為元素，來表現(xiàn)藝術(shù)主題的可一書店暢銷書單。可一書店主要書籍為美術(shù)繪畫類，還有傳記歷史、人文小說、暢銷書籍和古籍，表現(xiàn)了對藝術(shù)的尊重。由于分類較少，圖表采用環(huán)形圖，通過所占面積可看到整體與部分的比較。

圖4 西西弗書店熱門書單

（5）西西弗書店信息圖表設(shè)計

西西弗書店極具復(fù)古英倫風(fēng)，門店采用櫥窗的形式展示復(fù)古的裝飾品。閱讀區(qū)頂部吊燈為BOOK字母圖案，為柔和的平光源，書籍區(qū)由射燈散點照明，無不體現(xiàn)書店的樸實感?？臻g功能分為前臺、圖書區(qū)、咖啡區(qū)、兒童閱讀體驗館、創(chuàng)意空間。由于西西弗書店熱門書籍為小說文學(xué)、漫畫、兒童讀物，選用兒童幻想的形象進(jìn)行書單列表創(chuàng)作，表現(xiàn)暢游書籍的海洋世界（圖4）。書店客戶主要有青年學(xué)生、少年兒童、家庭主婦、白領(lǐng)一族，圖表采用百分?jǐn)?shù)相比較的環(huán)形圖。書籍分類廣泛，圖表采用可列出多種類型的柱狀圖。

三、結(jié)語

南京書店信息圖表是南京這座“文學(xué)之都”城市信息的一部分，它可以使讀者快捷高效的找到喜愛的書店，提供了便捷的服務(wù)和美的享受。在本次設(shè)計中，應(yīng)用了扁平化的圖形語言使信息的傳達(dá)更加富有成效，圖表內(nèi)容更加清晰，視覺效果更加舒適。在數(shù)據(jù)化的信息時代下，可視化圖表設(shè)計在各個領(lǐng)域的應(yīng)用都將會更加廣泛。