論信息可視化設(shè)計中的圖形表現(xiàn)

于海嬌

摘 要：在信息社會，大腦通過對信息的感知構(gòu)建意識，由意識指導(dǎo)行為。本文以“三亞市旅游服務(wù)網(wǎng)站”為載體，通過對網(wǎng)站的信息構(gòu)建，運用可視化的設(shè)計方法，進(jìn)行文字和數(shù)據(jù)的可視化設(shè)計，促使公眾對整個網(wǎng)站內(nèi)容的吸收更加便捷。用戶若要得到較好的信息體驗，需要通過可視化的表達(dá)形式，這是利用人類的視覺和觸覺通過大腦分析來接收信息的交互技術(shù)。本文設(shè)計三亞旅游服務(wù)網(wǎng)站的過程，主要偏向傳統(tǒng)的信息圖設(shè)計，以靜態(tài)圖的方式呈現(xiàn)。通過圖形轉(zhuǎn)換重構(gòu)數(shù)據(jù)媒介的可視化結(jié)構(gòu)，將單一、平面、無序、碎片式的信息群轉(zhuǎn)變?yōu)榭梢暤哪K化信息單元，或演化為動態(tài)流變的圖像。

關(guān)鍵詞：信息可視化;旅游服務(wù);人機(jī)交互;網(wǎng)站設(shè)計

三亞是全國知名的旅游城市，在海南自貿(mào)區(qū)建設(shè)戰(zhàn)略中，三亞占有重要的位置。三亞作為全國最南端的熱帶海濱城市，占據(jù)了北緯18度地區(qū)特有的宜人氣候，非常適合旅游行業(yè)的開發(fā)。信息化社會中，良好的信息傳遞能夠提高發(fā)展的效率，對于旅游城市來講，信息可視化設(shè)計可以提升城市的整體形象。

人類接收信息的途徑有很多，利用現(xiàn)代技術(shù)將信息可視化，能夠讓閱讀者更快速、高效地吸收信息所要表達(dá)的含義，旅游者的信息接收效率和旅游體驗也能因此得到明顯提升。本文以三亞這個城市為載體，通過對其旅游服務(wù)網(wǎng)站的信息可視化設(shè)計，提升三亞的信息傳遞服務(wù)水平，提高游客與媒介之間信息的傳遞效率，為三亞的國際化添磚加瓦。

1 三亞市旅游信息的采集

在整個設(shè)計的數(shù)據(jù)收集過程中，從三亞市旅游的相關(guān)網(wǎng)站、政府的信息發(fā)布平臺、相關(guān)統(tǒng)計部門的數(shù)據(jù)以及三亞市的旅游發(fā)展整體規(guī)劃收集相關(guān)數(shù)據(jù)。通過對這些旅游信息數(shù)據(jù)的可視化設(shè)計，解決用戶的信息焦慮，達(dá)到更好的信息傳遞。

美國的著名建筑師沃爾曼首次在其著作《信息焦慮》一書中提出，正是因為用戶真正理解到的信息和認(rèn)為應(yīng)該理解到的信息存在差異，信息焦慮才會產(chǎn)生。[1]所以，如何對海量數(shù)據(jù)進(jìn)行有效的處理、分類，構(gòu)建次序分明的結(jié)構(gòu)體系、適用于信息的高速傳播的模型，是當(dāng)今信息大數(shù)據(jù)時代的發(fā)展要求，也是滿足公眾心理需求的必然要求。因此，信息可視化設(shè)計得到了越來越多的專家和學(xué)者的認(rèn)可，吸引了越來越多人的關(guān)注，更多的人投入了信息可視化設(shè)計研究中。

1.1 三亞旅游服務(wù)信息的統(tǒng)計

以2017年元旦的旅游者相關(guān)信息為樣本——入境游客接待情況：

2017年元旦，三亞市共接待過夜入境游客44.89萬人次，同比增長25.31%，其中外國人27.22萬人次，同比增長41.60%。按各大洲游客統(tǒng)計：歐洲10.60萬人次，同比增長49.94%;亞洲9.86萬人次，同比增長44.75%;美洲2.47萬人次，同比增長8.57%;大洋洲0.71萬人次，同比增長4.79%;非洲0.19萬人次，同比下降22.8%。外國游客總量排名前三位的客源國分別是俄羅斯（7.12萬人次，同比增長102.67%）、韓國（3.70萬人次，同比增長65.79%）、馬來西亞（1.73萬人次，同比增長189.92%）。[2]

三亞政務(wù)系統(tǒng)的信息構(gòu)建中主要包括辦事大廳、網(wǎng)上辦公和公共服務(wù)的內(nèi)容。其中，辦事大廳有星級飯店、旅行社、旅游景區(qū)等內(nèi)容;網(wǎng)上辦公有三亞市導(dǎo)游網(wǎng)格化管理系統(tǒng)、出境游組團(tuán)社簽證專辦員管理系統(tǒng)、導(dǎo)游個人信息查詢、檢查員個人信息查詢、導(dǎo)游檢查記錄公示、導(dǎo)游檢查手持機(jī)系統(tǒng)、國家旅游公共服務(wù)監(jiān)管平臺、飯店統(tǒng)計管理系統(tǒng)、旅游統(tǒng)計系統(tǒng)、行業(yè)財務(wù)信息系統(tǒng)站點、旅行社業(yè)務(wù)管理系統(tǒng)、投資項目管理系統(tǒng)、景區(qū)管理系統(tǒng)、假日旅游預(yù)報系統(tǒng);[3]公共服務(wù)內(nèi)容有政府服務(wù)熱線12345、旅游服務(wù)投訴12301、旅游消費投訴12315、旅游價格投訴12358、食品衛(wèi)生投訴88281474、旅游交通咨詢88276703、出租車電召96789。

1.2 三亞旅游服務(wù)信息的分類

三亞主要的景區(qū)包括南山文化旅游區(qū)（5A）、大小洞天旅游區(qū)（5A）、天涯海角游覽區(qū)（4A）、西島海洋旅游區(qū)（4A）、熱帶天堂森林公園（4A）、千古情文化旅游區(qū)等。

三亞酒店主要分布在四大灣，分別是三亞灣、大東海、亞龍灣和海棠灣。三亞灣的酒店主要有國光豪生度假酒店、三亞海韻度假酒店、三亞灣度假酒店、陽光度假酒店、銀韻度假酒店、克拉碼頭、天福源度假酒店等。大東海的酒店主要有三亞湘投銀泰度假酒店、三亞海天大酒店、寶宏龍都大酒店、文華東方海景度假酒店等。亞龍灣的酒店主要有麗斯卡爾頓度假酒店、希爾頓度假酒店、喜來登度假酒店、萬豪度假酒店、天域度假酒店、凱萊度假酒店、紅樹林度假酒店、天域度假酒店、愛琴海岸度假酒店、假日度假酒店、仙人掌度假酒店、金棕櫚度假酒店、環(huán)球度假酒店、亞龍灣五號度假酒店和波爾曼度假酒店等。

2 數(shù)據(jù)信息可視化分析

2.1 數(shù)據(jù)信息圖形化

信息可視化不單單依靠某一門學(xué)科，而是多個學(xué)科、多個專業(yè)領(lǐng)域知識結(jié)合的成果。國內(nèi)著名學(xué)者彭度潔提出，近幾年，信息可視化技術(shù)已經(jīng)趨于成熟，得到了普遍廣泛的應(yīng)用，但視覺傳達(dá)方面依然進(jìn)展緩慢，具有專業(yè)技能的人雖然能夠快速地理解這些符號、圖像表達(dá)的信息，但是普通受眾依然迷惑不解。[4]因此，在信息可視化設(shè)計開發(fā)中，需要更多地從普通群體的需求角度出發(fā)，在視覺藝術(shù)的表現(xiàn)形式上進(jìn)行設(shè)計和改良。本文著力于視覺元素在視覺藝術(shù)設(shè)計中的重要地位，展開討論和研究。

圖形化的定義比較明確，是將在人類認(rèn)知范圍內(nèi)的信息以及他們之間的相互關(guān)聯(lián)，通過一定的技術(shù)手段轉(zhuǎn)化為人類視覺能夠識別、消化的圖形或符號的一種信息化過程，實際上是對信息數(shù)據(jù)進(jìn)行可視化的過程。[5]人類的傳播途徑中，圖形的傳播能力是高于文字的，從人類遠(yuǎn)古時代記錄生產(chǎn)活動和祭祀的巖洞壁畫，到現(xiàn)代社會的信息可視化，圖形所覆蓋的信息是抽象文字無法比擬的。信息的圖形化不僅能夠高效、直觀地發(fā)揮信息的傳遞作用，更能保持圖形視覺帶來的強(qiáng)烈沖擊力。圖形化研究的是如何把人類社會交流的信息通過視覺可見的方式直觀地展現(xiàn)出來。隨著信息技術(shù)的發(fā)展，有了更多的技術(shù)能把信息通過可視化的方式傳播，越來越多的設(shè)計師開始從事信息圖形化研究，許多設(shè)計師喜歡使用“信息圖形化”來區(qū)別傳統(tǒng)意義上的信息設(shè)計。信息圖形化的目的是借助圖形、圖像等處理方式，將設(shè)計者所要表達(dá)的信息，準(zhǔn)確、有效地傳遞給受眾，以便于受眾的閱讀、理解和更深層次的思考，以適應(yīng)當(dāng)代復(fù)雜的信息環(huán)境。[6]圖形化的表現(xiàn)方式是基于邏輯的思考，它符合視覺作用于大腦的思考分析方式。在大數(shù)據(jù)時代，信息中含有大量復(fù)雜枯燥的數(shù)字與數(shù)據(jù)，并且這些數(shù)據(jù)對于非專業(yè)人士來說很難快速理解，從而使信息的傳播效力減弱。

特定的風(fēng)格設(shè)計需要遵循一些特定的設(shè)計原則。在扁平化的設(shè)計中，富有想象力和創(chuàng)造力的作品應(yīng)該遵循以下幾點。第一，整體結(jié)構(gòu)的統(tǒng)一性。通過創(chuàng)造相似的視覺模型來達(dá)到相應(yīng)的視覺效果，一系列相同主題的視覺體驗，能夠讓用戶快速理解產(chǎn)品表達(dá)的信息，從而更加快速地指導(dǎo)用戶上手，提升用戶的參與度，提高產(chǎn)品的價值。第二，元素的對比。利用特殊的設(shè)計元素如顏色、比例、排版、選中和未選中的差異等，形象直觀地向用戶表達(dá)產(chǎn)品的使用方式。第三，合理的排版布局。為了讓設(shè)計界面看起來更加和諧，符合人類的視覺美感，通過對界面布局的排版來引導(dǎo)用戶的視覺導(dǎo)向，從而更好地傳遞網(wǎng)站所要表現(xiàn)的信息，滿足用戶的使用需求。

圖形設(shè)計通過象征和隱喻把人類的社會活動概括化，同時發(fā)散思維，運用形式法則重構(gòu)，對圖形進(jìn)行視覺化設(shè)計，創(chuàng)造出符合大眾認(rèn)知特征的圖形。[7]受眾則通過圖形的外形特點和聯(lián)想機(jī)制產(chǎn)生視覺認(rèn)知，從而通過大腦解讀圖形意義，最終達(dá)到傳播的目的。美國學(xué)者菲利普·B·梅格斯曾說：“如果圖形設(shè)計不具有象征的詞語的含義，就不再是視覺傳播，而成為美術(shù)了。”從這一角度而言，意義的實現(xiàn)主要是以同構(gòu)—同質(zhì)異構(gòu)及異質(zhì)同構(gòu)的手法生成視覺意象。[8]

2.2 數(shù)字語意的可視化設(shè)計

柱狀圖用來對比同類信息，它具有橫向和縱向坐標(biāo)的屬性。在形式上，它可以由一個中心點向上下和左右擴(kuò)展，也可以以對稱的形式來分布。

餅形圖是圓形類圖表的基本形式。通過對同一圓的不同比例的分割，表示某一狀態(tài)量或者數(shù)據(jù)量所占總體的比例。

線性圖的表現(xiàn)形式分為折線和曲線，利用建立的坐標(biāo)軸，通過線段關(guān)鍵點的高低表示事物的變化情況。線性圖不能簡單地理解為地圖，其表現(xiàn)的是節(jié)點之間的關(guān)系而不是地理位置關(guān)系。它也可以用來表現(xiàn)時間的變化和發(fā)展，可以是縱向，也可以是橫向，通過簡單的地線形圖形表現(xiàn)來記錄事物在時間上的位置。

點陣圖是圖示類圖表的基本形式。點陣圖以點為形式要素，通過點的軌跡達(dá)到視覺牽引，點陣圖以坐標(biāo)為基礎(chǔ)，用點的位置描述信息，點是視覺的聚集處，通過點的大小、顏色和形狀，對信息進(jìn)行呈現(xiàn)。

2.3 文字語意的可視化設(shè)計

具象形是指能夠詳細(xì)地描述事物具體形象的圖形，有更為生動和形象的特征，更易于識別。[9]與抽象的聯(lián)想相比，具象聯(lián)想更加表象，思維也更為輕松。人們常常習(xí)慣通過構(gòu)造一個具體圖像來探究更深層次的內(nèi)涵，使讀者與畫面形成思想溝通。在文字圖形化的設(shè)計中，應(yīng)該強(qiáng)調(diào)鮮明、感性，用具體的形象來表述，盡可能遵守事物的客觀形態(tài)，實現(xiàn)對現(xiàn)象的提煉，使作品來源于生活而高于生活。

具象美在表現(xiàn)技法上是指用真實的描繪手法對人和物的形象進(jìn)行表現(xiàn)，其語義能夠被直接生動地表現(xiàn)出來，讓受眾一目了然，加上形象的展示和氣氛的營造，使其具有很強(qiáng)的真實感。

抽象是相對具象而提出的，抽象沒有具體的想象，是對具體形象的概括、歸納，提取了實物的本質(zhì)特征。[10]圖形的抽象性是人類對于描述事物一種主觀概括，這種概括是對事物本質(zhì)的探索，它撇去了圖形的裝飾性，例如光的質(zhì)感和現(xiàn)實的肌理。對于文字而言，它背后的意義是我們關(guān)注的重點，通過概括的手法對文字進(jìn)行圖形化設(shè)計，簡化是一種手段。抽象圖案的形成是對人類社會生活和自然事物的高度概括，運用點、線、面的設(shè)計語言來表現(xiàn)，可形成視覺的共鳴。

3 情感化的視覺可視化

3.1 擬物設(shè)計

在眾多的互聯(lián)網(wǎng)設(shè)計產(chǎn)品中，不少商家受到蘋果公司的影響，多少會在自己的產(chǎn)品中引入Matephor Design這一設(shè)計概念，中文為擬物化設(shè)計。[11]

設(shè)計者通過對人們記憶中的情境進(jìn)行重組加工，創(chuàng)造新情景，將隱喻建立在其豐富外延的準(zhǔn)確表達(dá)上，創(chuàng)造舊有經(jīng)歷與新體驗的聯(lián)系。在視覺設(shè)計中引入了類似現(xiàn)實世界感受的設(shè)計，尋找心理共鳴。因此，擬物化設(shè)計名為擬物，意圖擬情，也可算作情感化設(shè)計的一種具體設(shè)計手法。

擬物化的重點在于模仿人們?nèi)粘Ｊ熘氖挛铮赃@些事物為線索，模擬設(shè)計出符合用戶認(rèn)知的產(chǎn)品。理解這些，你就能知道實際上擬物化設(shè)計不僅僅是一個設(shè)計趨勢，它還包括一個設(shè)計理念，即把現(xiàn)實生活中的對象用作視覺隱喻，使產(chǎn)品更便于使用。通過直觀化的操作方式，只需要看一遍，就能知道一款應(yīng)用程序是關(guān)于什么的，以及如何使用它。因此，照片應(yīng)用程序中的圖像看起來像一堆真實的照片，電子書看起來像真實的書籍，結(jié)合了現(xiàn)實物理學(xué)，應(yīng)用到了翻頁功能中。

3.2 扁平符號化設(shè)計

國際主義平面設(shè)計風(fēng)格的誕生被視為扁平化設(shè)計的起點，其設(shè)計的特點不能不提到“形式服從功能”，這是美國建筑著名人物路易斯·沙利文提出的，他表述，應(yīng)該當(dāng)裝飾部分與設(shè)計本體融為一體，則看上去比貼上去美觀很多。[12]

扁平化設(shè)計如今存在的一個問題是，對界面上的所有元素包括按鈕、按鍵都進(jìn)行二維、平面化設(shè)計，按鈕與其他元素都處于一個平面。若只是單一地將所有裝飾元素去掉，不加任何設(shè)計改變，那么用戶在使用過程中很容易會對按鈕的可用性產(chǎn)生懷疑。簡單來說，就是用戶會考慮這是一個按鈕，還是只是圖片文字信息的一部分。所以，扁平化設(shè)計并不是簡單地做減法，需要通過對色塊的運用，根據(jù)不同的區(qū)域功能選擇不同的字體等，才能達(dá)到功能最大化與形式最簡化的統(tǒng)一。

3.3 情境化設(shè)計

受眾是情感化對象，有著豐富和細(xì)膩的情感需求和變化。情感是伴隨著理解過程而產(chǎn)生的心理感受，對人的心理和行為具有能動作用，中國人十分重視“情”，強(qiáng)調(diào)內(nèi)在體驗和情感作用，所以信息可視化設(shè)計將情感融入設(shè)計是情感化設(shè)計的重要方面。受眾的情感化需求已經(jīng)成為信息可視化探索中的一大要點，如何在信息與受眾之間架起一座橋梁，是信息可視化的考慮范疇。情感化的介入的特征是：具有功利性、目的性，情感體驗的交互性、層次性，既有直接的情緒，也有更高層次的與社會意義相聯(lián)系的情感，例如道德感和理智感等。

信息可視化除了要滿足對信息的高效傳遞外，還要增添信息傳遞過程中的樂趣，受眾除了能快速獲得所需信息，還能被觸動，產(chǎn)生對美好事物的聯(lián)想和回憶，同時，樂趣性的加入也促進(jìn)了人們對信息的主動接收。情感化設(shè)計的核心是以人為中心的設(shè)計思想，功能實用性與情感化的介入并不矛盾，而是可以相互促進(jìn)，推動信息可視化傳遞的。設(shè)計主要通過以下幾點實現(xiàn)：第一，巧妙的形式感，吸引受眾注意;第二，合理的交互體驗，促進(jìn)受眾參與;第三，趣味元素的加入，激發(fā)受眾愉悅的情感體驗。

4 以三亞市旅游服務(wù)網(wǎng)站為例的信息可視化設(shè)計流程

4.1 PC終端網(wǎng)站

網(wǎng)站設(shè)計過程如圖1所示，但有一點需要注意，這個項目關(guān)注可視化設(shè)計而不包括用戶體驗設(shè)計，例如用戶研究、可比評論、用戶行程映射、信息架構(gòu)等。

4.2 手機(jī)終端APP

手機(jī)端分辨率較小，所以設(shè)計時要考慮得更為詳細(xì)周到，在保持簡潔的同時提升易用性。

5 結(jié)語

社會在不斷進(jìn)步的同時，對信息可視化的要求也在不斷提高，不僅要做到信息的準(zhǔn)確、有效傳達(dá)，更要不斷增強(qiáng)設(shè)計細(xì)分，滿足用戶對好的設(shè)計的需求，提升信息傳播效率，這對設(shè)計師來說既是機(jī)遇也是挑戰(zhàn)。諾曼認(rèn)知心理學(xué)中對產(chǎn)品情感化設(shè)計的本能層、行為層論述，對信息圖形化的情感因素分析起到了很大的作用。技術(shù)的進(jìn)步，國內(nèi)外信息可視化設(shè)計的發(fā)展，促使信息圖形化傳達(dá)在最近幾年發(fā)生了新的變化，傳統(tǒng)的印刷媒介轉(zhuǎn)變?yōu)槎嗑S度媒介，除了靜態(tài)的信息圖形，動態(tài)信息圖形和交互設(shè)計與體驗設(shè)計都為設(shè)計師傳達(dá)設(shè)計情感提供了方式和渠道。如今，每個人都是信息的傳播者，也是信息的接收者，信息可視化在新的社會形勢下，一定會有新的變化和發(fā)展。

參考文獻(xiàn)：

[1] 理查德·索爾·沃爾曼.信息饑渴：信息選取、表達(dá)與透析[M].李銀勝，等，譯.北京：電子工業(yè)出版社，2001：18-23.

[2] 葉俊一.元旦期間三亞接待游客18.55萬人次，同比增長9.3%[EB/OL]. http：//www.hkwb.net/news/content/2017-01/03/content_3136813.htm，2017-01-03.

[3] 張僑，黃偉展.海南國際旅游島城市旅游經(jīng)濟(jì)效率評價研究[J].海南熱帶海洋學(xué)院學(xué)報，2017（4）.

[4] 張宇雷，劉湘琳.基于視覺元素的數(shù)據(jù)可視化感性特征的探討[J].設(shè)計藝術(shù)研究，2012（6）.

[5] 斯蒂勒.數(shù)據(jù)可視化之美[M].祝洪凱，李妹芳，譯.北京：機(jī)械工業(yè)出版社，2011：117-128.

[6] 斯彭思.信息可視化：交互設(shè)計[M].陳雅茜，譯.北京：機(jī)械工業(yè)出版社，2012：104-106.

[7] 王凱，賀麗.信息可視化設(shè)計[M].沈陽：遼寧科學(xué)技術(shù)出版社，2013：89-92.

[8] 曹方.視覺傳達(dá)設(shè)計[M].江蘇美術(shù)出版社，2002：262.

[9] 麥克坎德萊斯.信息之美[M].溫思瑋，譯.北京：電子工業(yè)出版社，2012：93-99.

[10] 溫新才.意象文字與圖形的關(guān)聯(lián)性設(shè)計研究[D].西南交通大學(xué)，2015：14-29.

[11] 李佳.界面設(shè)計中的扁平化設(shè)計與擬物化設(shè)計之探議[J].藝術(shù)與設(shè)計（理論），2014（03）：56.

[12] 郝世博，朱學(xué)芳，朱光，李剛.國內(nèi)外信息可視化研究的比較分析[J].圖書情報工作，2013（07）：34-35.