馬華

摘 要：隨著智慧城市建設(shè)的不斷深入，可視化設(shè)計已經(jīng)成為提升用戶體驗和觸發(fā)用戶黏性的關(guān)鍵。從用戶體驗的角度來看，信息的可視化是以另一種形式存在的信息現(xiàn)象，是從抽象形態(tài)到具象形態(tài)的轉(zhuǎn)變。智慧城市大數(shù)據(jù)的信息可視化圖形設(shè)計中，視覺轉(zhuǎn)化成為設(shè)計的首要任務(wù)。其主要表現(xiàn)在信息圖形的表達(dá)、信息符號的表達(dá)和信息視覺設(shè)計的表達(dá)這三個方面。可視化設(shè)計的流程主要有分析數(shù)據(jù)、匹配圖形、優(yōu)化圖形和檢查測試。需要對信息的內(nèi)容進(jìn)行理解，并根據(jù)信息表達(dá)的需要，進(jìn)行合理化提取。利用可視化工具進(jìn)行預(yù)設(shè)，以實際為基礎(chǔ)，增加人們對圖形的聯(lián)想。

關(guān)鍵詞：智慧城市；用戶體驗；可視化設(shè)計

1 智慧城市與移動互聯(lián)

智慧城市以五網(wǎng)融合（互聯(lián)網(wǎng)、物聯(lián)網(wǎng)、電信網(wǎng)、廣電網(wǎng)、無線寬帶網(wǎng)）為基礎(chǔ)，以云計算和物聯(lián)網(wǎng)技術(shù)為核心，通過集合技術(shù)在城市的各個系統(tǒng)工程中發(fā)揮智慧化建設(shè)，從而提高城市的管理水平。智慧城市是促進(jìn)民生建設(shè)的城市發(fā)展新模式。它既是當(dāng)下城市化發(fā)展中的高階段，又符合成為“美麗中國”展現(xiàn)概念的新載體，它已成為城市發(fā)展推動的引擎。同時，智慧城市是信息時代的城市新形態(tài)，它將信息技術(shù)廣泛應(yīng)用到城市的規(guī)劃、服務(wù)和管理過程中，可對城市各類資源進(jìn)行科學(xué)配置，提升城市的競爭力和吸引力，最終實現(xiàn)市民高品質(zhì)的生活。

智慧城市的發(fā)展離不開各種新技術(shù)和新模式的應(yīng)用，在移動互聯(lián)網(wǎng)、云計算、物聯(lián)網(wǎng)以及大數(shù)據(jù)的推動下，智慧城市所涉及的領(lǐng)域幾乎無所不包，其中移動互聯(lián)網(wǎng)是智慧城市的“神經(jīng)”，它具有移動化、寬帶化、融合化、便捷化、可定位化、實時性等特征，是建設(shè)智慧城市的最佳實踐載體，是智慧城市首當(dāng)其沖的環(huán)節(jié)。目前，移動互聯(lián)網(wǎng)已經(jīng)呈現(xiàn)出給人們生活帶來巨大便捷的優(yōu)勢。

移動互聯(lián)網(wǎng)必然會包括三個要素：移動終端、移動網(wǎng)絡(luò)和移動應(yīng)用服務(wù)。目前，移動互聯(lián)網(wǎng)已快速滲透到人們生活和工作的各個領(lǐng)域，正在深刻改變信息時代的城市生活。智慧城市則更需要通過移動互聯(lián)網(wǎng)為居民和企業(yè)提供隨時隨地、無縫的服務(wù)。一個城市的核心移動應(yīng)用平臺已經(jīng)成為智慧城市建設(shè)中爭相發(fā)展目標(biāo)。豐富的信息化服務(wù)可以拓展信息化應(yīng)用的時空范圍，無論學(xué)習(xí)、娛樂、購物、支付還是基于位置的服務(wù)，豐富多彩的移動終端應(yīng)用和商業(yè)模式都已日趨成熟，作為三要素之一的移動終端，App的形式已被廣大用戶接受，通過App的日?；褂貌⑼扑推渌麡I(yè)務(wù)，是移動領(lǐng)域全業(yè)務(wù)發(fā)展的重要方向。

移動領(lǐng)域全業(yè)務(wù)的發(fā)展勢必隨著信息的擴(kuò)張而遞增，那紛繁復(fù)雜的數(shù)據(jù)會讓我們越來越無所適從，用戶很容易迷失在龐大的數(shù)據(jù)中。從信息傳播的本質(zhì)角度來看，信息的可視化是一種數(shù)據(jù)形式的轉(zhuǎn)化，傳統(tǒng)的二維信息被轉(zhuǎn)化為可視的三維信息，進(jìn)而增加信息的可讀性，降低信息的接受門檻，成為現(xiàn)代信息行業(yè)發(fā)展的主要方向。

2 信息可視化設(shè)計

2.1 智慧城市建設(shè)中信息可視化的合理性

信息可視化，旨在把數(shù)據(jù)資料以視覺化的方式表現(xiàn)出來，是一種將數(shù)據(jù)與設(shè)計結(jié)合起來的圖形，是有利于簡短而有效地向用戶傳播信息的數(shù)據(jù)表現(xiàn)形式。因此，立足于智慧城市的信息行業(yè)的發(fā)展實際，應(yīng)從圖形設(shè)計角度出發(fā)，將可視化作為解決這些問題的有效手段，通過視覺的方式讓信息易于理解。使真實的人通過與智慧城市形態(tài)上相連，構(gòu)造真實的現(xiàn)代生活方式。

隨著智慧城市建設(shè)的深入發(fā)展，智慧城市的可視化設(shè)計的合理性已經(jīng)成為觸發(fā)用戶黏性的關(guān)鍵，從用戶體驗的角度來看，信息的可視化是以另一種形式存在的信息現(xiàn)象，是從抽象形態(tài)到具象形態(tài)的轉(zhuǎn)變。從設(shè)計學(xué)角度對信息可視化進(jìn)行分析，其實質(zhì)是信息的內(nèi)涵本質(zhì)能否得以保留，是說故事的一種手段，但是外在表現(xiàn)形式上以比較適當(dāng)?shù)姆绞剑瑢崿F(xiàn)了對數(shù)據(jù)信息的分析之后，能夠讓數(shù)據(jù)與信息之間通過合適的方式進(jìn)行傳播，讓復(fù)雜難懂的數(shù)據(jù)易于理解。同時為了能夠讓數(shù)據(jù)信息更加易于用戶的理解，在信息可視化設(shè)計中，采用圖形、媒介等形式，對信息內(nèi)容進(jìn)行分解與翻譯。從而實現(xiàn)以信息為主導(dǎo)的可視化設(shè)計。

在用戶與信息之間的可視化空間范圍內(nèi)，我們的生活一直被多種多樣的信息包圍著，有些信息是有效的，而有些信息是無效，大量的信息使得人們在信息的理解和選擇上陷入徘徊，對于信息的可視化能否有效地幫助人們走出無效信息產(chǎn)生的交流，需要凸顯隱性內(nèi)容和接受之間實現(xiàn)用戶與信息能有效傳播，是重新定義信息可視化的視覺設(shè)計方式，這將給設(shè)計師面臨信息的一次挑戰(zhàn)。

2.2 可視化設(shè)計中的視覺轉(zhuǎn)化

智慧城市大數(shù)據(jù)的信息可視化圖形設(shè)計中，視覺轉(zhuǎn)化成為設(shè)計的首要任務(wù)。文字表達(dá)向著圖形表達(dá)中轉(zhuǎn)化，就是一種完成了圖形設(shè)計的視覺轉(zhuǎn)化最直觀的類型。將比較抽象的信息轉(zhuǎn)化為用戶比較熟悉的符號，將復(fù)雜的信息簡單化地傳遞給用戶。視覺轉(zhuǎn)化實際上是一種創(chuàng)意行為，是通過信息采集到清晰的信息邏輯架構(gòu)搭建的創(chuàng)新活動。然后在可視化的載體上實現(xiàn)需求。

因此，數(shù)據(jù)加上一個故事并通過設(shè)計圖形來呈現(xiàn)就等于可視化設(shè)計。App 應(yīng)用中的信息視覺語言就具備這樣表達(dá)的規(guī)律性，其主要表現(xiàn)在以下三方面：第一，信息圖形的表達(dá)；第二，信息符號的表達(dá)；第三，信息視覺設(shè)計的表達(dá)。進(jìn)行可視化之前，需要從一個問題開始，弄清楚進(jìn)行可視化設(shè)計的目的是什么，你想講什么樣的故事，以及你打算跟誰講等問題。比如一周天氣的變化情況用怎么樣方式呈現(xiàn)出來。

故事的背后一定需要數(shù)據(jù)的支撐，并且有對數(shù)據(jù)處理的方法，通過對原始數(shù)據(jù)進(jìn)行標(biāo)準(zhǔn)化、結(jié)構(gòu)化的處理，把它們整理成數(shù)據(jù)表，找到合理的邏輯關(guān)系，將這些數(shù)值轉(zhuǎn)換成視覺結(jié)構(gòu)（包括形狀、位置、尺寸、值、方向、色彩、紋理等），通過視覺的方式把它表現(xiàn)出來。例如，將高中低的等級轉(zhuǎn)換成紅黃藍(lán)等色彩，數(shù)值轉(zhuǎn)換成大小。將視覺結(jié)構(gòu)進(jìn)行組合，把它轉(zhuǎn)換成圖形傳遞給用戶，用戶通過終端進(jìn)行人機(jī)交互。通過多次迭代，最后，我們選擇一些好的可視化的方法。

信息圖形的表達(dá)，可視化能夠以圖的形式為載體通過對圖形的合理選擇、實現(xiàn)圖形的真實運(yùn)行場景到排列次序。在這個環(huán)節(jié)中，信息感召力突出，實現(xiàn)了語境與文字之間的聯(lián)系。

信息符號的表達(dá)，其符號特征能夠是平面或立體，固態(tài)或動態(tài)等形式，目的就是能夠讓信息更加的明確和簡潔，以符號的特定含義，增加圖形的魅力。進(jìn)行符號的設(shè)計過程中，主要是符號語言與文字語言之間的相互轉(zhuǎn)換，增加信息的象征性，進(jìn)而能夠讓信息更加的流暢。因此，圖形設(shè)計中的符號設(shè)計是信息可視化中另外一個重要的載體，是用戶認(rèn)識事物的一種簡化方式。在實際的信息化設(shè)計中，要求設(shè)計師在有限的圖形中，將大量的數(shù)據(jù)進(jìn)行有序化處理，從而消除文字信息所帶來的視覺障礙，實現(xiàn)有形的圖形中蘊(yùn)藏著無形的信息資源。

信息視覺設(shè)計的表達(dá)，是指直接信息的視覺圖形轉(zhuǎn)化，也就是根據(jù)信息所要傳達(dá)的方向，通過設(shè)計師的直覺引導(dǎo)，進(jìn)行創(chuàng)作，通過大量的數(shù)據(jù)信息之間的分析，進(jìn)而得到比較直接且清晰的信息傳達(dá)方式。例如，在城市地鐵電子路線圖設(shè)計中，為了向人們展示比較完好的地鐵線路，在實際的圖形設(shè)計中突破了傳統(tǒng)圖形設(shè)計中的比例尺的束縛，對空間的位置以及站點之間的距離進(jìn)行簡化。忽視了地鐵站點之間的真實距離，采取類似間隔的形式，實現(xiàn)不同站點之間的標(biāo)出。在不同地鐵線路中的設(shè)計中，采用不同顏色線條，作為線路的區(qū)分，并用加粗的點來表示換乘站等等相應(yīng)的設(shè)計方法。在以上實例中的所用的線條、顏色以及加粗點都是直接圖形設(shè)計的具體表現(xiàn)。

由此可見，智慧城市的信息設(shè)計就猶如一個好的故事，并且有大量的情節(jié)可進(jìn)行描述，以圖形的方式加上一些設(shè)計的引導(dǎo)，就構(gòu)成整個數(shù)據(jù)信息的可視化。

2.3 可視化設(shè)計流程

另外，一個好的流程可以讓我們事半功倍，可視化的設(shè)計流程主要有分析數(shù)據(jù)、匹配圖形、優(yōu)化圖形、檢查測試。

首先，在了解用戶需求的基礎(chǔ)上分析我們要展示哪些數(shù)據(jù)，對所要表達(dá)的信息中的功能要素、相關(guān)重點數(shù)據(jù)進(jìn)行處理，實現(xiàn)對原始數(shù)據(jù)的收集與整理。以便對信息的內(nèi)容進(jìn)行理解，然后根據(jù)信息表達(dá)的需要，進(jìn)行合理化提取。一方面要實現(xiàn)圖形設(shè)計的功能，另一方面實現(xiàn)信息的良好表達(dá)。一個簡單的例子，我們常常對城市的公共場所中衛(wèi)生間男女符號進(jìn)行設(shè)計時，需要設(shè)計師對男女表象差別進(jìn)行分析，對信息進(jìn)行良好處理之后，應(yīng)用到實際中，對數(shù)據(jù)信息進(jìn)行翔實的傳遞。

其次，我們利用可視化工具進(jìn)行預(yù)設(shè)，圖形視覺要素的選擇主要是依靠視知覺來實現(xiàn)，人的視覺能夠?qū)δ骋皇挛锂a(chǎn)生綜合反映。例如，進(jìn)行北京霧霾這樣一個主題的視覺設(shè)計，要利用霧霾天氣最為直觀的視覺體驗進(jìn)行圖形表達(dá)，這樣我們可以以灰色為作品背景，佇立著一個暗色的站牌，上面寫著“北京”，在這兩個簡單的意象構(gòu)成中，人們能夠馬上想霧霾的景象，不需要多余的文字來贅述，霧霾所帶來的消極影響躍然而出，然后能夠使用戶陷入帶著口罩的場景中，這些信息都是人們通過簡單的背景顏色能夠聯(lián)想到的情境。圖形設(shè)計原則，需要以實際為基礎(chǔ)，不能脫離體驗，增加人們對圖形的聯(lián)想。

3 結(jié)語

智慧城市建設(shè)需要使用信息可視化的方法來使人們獲得更好的用戶體驗。在信息可視化與大數(shù)據(jù)時代中，通過視覺設(shè)計使智慧城市的各種服務(wù)更貼近用戶。加強(qiáng)城市與人之間的聯(lián)系是通過對信息可視化的視覺轉(zhuǎn)化進(jìn)行研究而不斷深入的。將圖形視覺轉(zhuǎn)化分為信息視覺表達(dá)、直接信息的視覺轉(zhuǎn)化以及間接信息的視覺轉(zhuǎn)化是智慧城市發(fā)展必然要關(guān)注并實踐的領(lǐng)域。

參考文獻(xiàn)：

[1] 鄭楊碩.信息交互設(shè)計方式的歷史演進(jìn)研究[D].武漢理工大學(xué)，2013.

[2] 胡小妹.信息可視化設(shè)計與公共行為研究[D].中央美術(shù)學(xué)院，2014.

[3] 聶自超.城市形象系統(tǒng)的信息可視化設(shè)計研究[D].東南大學(xué)，2015.

[4] 邁克爾·巴蒂，安德魯·哈德遜-史密斯，陳宇琳.城市設(shè)計中的可視化分析、智慧城市與大數(shù)據(jù)[J].城市設(shè)計，2016（03）：6-15.

[5] 潘慧.城市設(shè)計的數(shù)字化生存[D].吉林建筑大學(xué)，2015.

[6] 方學(xué)兵.人機(jī)界面信息視覺化設(shè)計研究[D].合肥工業(yè)大學(xué)，2010.

[7] 胡飛.藝術(shù)設(shè)計符號的形式、意義及運(yùn)用研究[D].武漢理工大學(xué)，2002.

[8] 鄧穎星.手機(jī)界面的人性化設(shè)計[D].江南大學(xué)，2005.