朱治中

（武漢理工大學(xué)，武漢 430070）

基于互聯(lián)網(wǎng)的快速發(fā)展，智能設(shè)備也在不斷推陳出新，我們經(jīng)常使用的移動設(shè)備應(yīng)用中逐漸出現(xiàn)了信息可視化的模式，如與日常生活緊密相關(guān)的天氣情況、地圖導(dǎo)航等已經(jīng)成為其中不可或缺的重要組成。為了能夠?qū)崿F(xiàn)高需求量、高效性、準(zhǔn)確性等信息傳播的整體要求，就需要呈現(xiàn)出信息可視化本身的清晰性和直觀性。原本的被動接受以及數(shù)據(jù)信息獲取的方式相對復(fù)雜，其本身的差距是很明顯的，在這樣的模式推動下，交互式信息可視化應(yīng)運(yùn)而生，并且也可以在視覺界面之中得到合理的表現(xiàn)。

一、交互式信息可視化概述

移動互聯(lián)網(wǎng)技術(shù)的發(fā)展，使得移動應(yīng)用數(shù)量也在持續(xù)增多。移動應(yīng)用給人們的日常生活帶來了巨大的變化。在數(shù)據(jù)如此龐大的移動應(yīng)用中，諸多優(yōu)秀的移動應(yīng)用已經(jīng)將信息可視化設(shè)計直接應(yīng)用在交互設(shè)計和界面設(shè)計之中，但卻沒有在理論上進(jìn)行總結(jié)。當(dāng)前，移動應(yīng)用同質(zhì)化問題日益嚴(yán)重，導(dǎo)致相同類型的移動應(yīng)用變得沒有任何新意，而信息可視化的運(yùn)用，可以提供全新的思路。

針對信息可視化，其主要的表現(xiàn)手段在于：第一，布局。主要是針對可視元素進(jìn)行合理的安排，如圖形、色彩、文本等方面，從而形成簡單明確的視覺布局。第二，色彩。色彩不僅可以提升視覺美觀度，還能讓信息的層次分明，可以強(qiáng)調(diào)或弱化信息。第三，圖形。圖形優(yōu)點在于準(zhǔn)確、信息量大、生動，可以幫助用戶更好地實現(xiàn)對傳達(dá)內(nèi)容的理解與分析。第四，文字。通過文字，能夠增強(qiáng)信息可視化設(shè)計作品本身的清晰性以及易理解程度。第五，動效，動效本身是具有時間連續(xù)性的視覺元素，運(yùn)用動效，就可以將信息之間的邏輯與層次清晰地表達(dá)給用戶。

二、信息可視化在移動設(shè)備中的交互設(shè)計

（一）移動設(shè)備對比PC設(shè)備的使用特征

1.復(fù)雜化的使用情景

移動設(shè)備出現(xiàn)并得到廣泛應(yīng)用后，就在一定程度上改變了人們的生活模式，讓人們逐漸忽略時間與空間的局限性，實現(xiàn)設(shè)備的隨意使用。同時移動應(yīng)用還可以對用戶使用場景進(jìn)行實時分析，基于分析的結(jié)果，做出對應(yīng)的反饋，從而提升用戶的體驗。針對移動設(shè)備的使用場景，本文列出的對應(yīng)因素具體見表1所示。

表1 移動設(shè)備情景因素

2.差異化的設(shè)備平臺

相對于PC設(shè)備，移動設(shè)備的差異見表2所示。移動設(shè)備本身的操作媒介逐漸變得豐富，這是PC設(shè)備無法滿足的。就如蘋果發(fā)展到X的結(jié)果，其擁有人臉識別。

表2 移動設(shè)備和PC設(shè)備的使用差異性

3.多樣化的交互方式

圖1 移動設(shè)備觸摸手勢示意圖

圖2 移動設(shè)備動作手勢示意圖

圖3 設(shè)計原則與設(shè)計表現(xiàn)元素相互作用圖

PC設(shè)備的輸入是利用鍵盤，并且通過鼠標(biāo)來完成對應(yīng)的交互式操作，而移動設(shè)備的交互方式則變得多種多樣，由于多點觸摸技術(shù)的進(jìn)一步發(fā)展，能夠滿足手指對手機(jī)的交互以及鍵盤方面的操作，其余設(shè)備都無需使用。手勢的交互，可以讓用戶的基本習(xí)慣得到最大限度的滿足，并且也可以在實際中得到廣泛的使用。

在觸摸手勢中，核心手勢、通用手勢、復(fù)雜手勢等成為主要的組成部分，并以核心手勢作為基礎(chǔ)，從而實現(xiàn)其余觸摸手勢的演化，圖1即為部分簡單手勢的展示。

除觸摸手勢外，因為傳感器的存在，所以，設(shè)備能夠成為交互空間，從而在交互設(shè)計之中加以使用，例如在查找好友的時候可利用搖一搖的方式，或者將手機(jī)拿起屏幕自動點亮等，都可以給用戶提供全新的體驗，這一類手勢具體見圖2所示。

（二）表現(xiàn)元素

基于交互式信息可視化設(shè)計的基本設(shè)計原則，就需要依托于視覺界面設(shè)計，將其主要的元素表現(xiàn)出來，具體見圖3所示。

基于界面的交互式信息可視化設(shè)計，讓用戶使用起來更加方便，使其能夠理解復(fù)雜圖表的邏輯結(jié)構(gòu)，并且此基礎(chǔ)上，達(dá)到美觀的設(shè)計需求，同時，通過信息傳遞的效率和準(zhǔn)確性要求，其設(shè)計囊括了視覺美觀表達(dá)、人機(jī)交互、操作邏輯等。因此，交互式信息可視化圖標(biāo)設(shè)計主要包含了視覺元素和邏輯元素兩個部分。

1.視覺元素

在網(wǎng)頁界面設(shè)計中，通過平面設(shè)計的基本元素，就可以實現(xiàn)構(gòu)成的需求，其視覺形態(tài)是利用點線面體來達(dá)成的，基于界面的美觀，就可以實現(xiàn)對信息的傳達(dá)。其設(shè)計囊括了文字、圖形、色彩、版面等。基于分析，其原則如圖3所示。通過第一章節(jié)的分析，具體的視覺元素表現(xiàn)在：

（1）文字。文字作為符號的語言，也可以實現(xiàn)有效的信息保存，在二維界面中，文字可以進(jìn)行有機(jī)的排列，然后高效、有效地傳達(dá)信息。在分析之后發(fā)現(xiàn)，閱讀的效率會明顯受到文本結(jié)構(gòu)的影響。交互式信息可視化主要是體現(xiàn)在圖例、文字標(biāo)簽、數(shù)據(jù)標(biāo)簽，其中文字標(biāo)簽元素顯得格外的重要，能夠基于不同層面來實現(xiàn)對數(shù)據(jù)信息傳達(dá)的合理輔助。

（2）色彩。色彩作為一種視覺的表現(xiàn)，在設(shè)計圖表中，可以直觀地表達(dá)其對應(yīng)的層級結(jié)構(gòu)。通過使用色彩，在美觀表現(xiàn)中，也可以實現(xiàn)清晰明確的信息表達(dá)，但是如果色彩運(yùn)用不當(dāng)，就會出現(xiàn)不同的效果。單色就是單一的一種顏色；鄰近色也就是顏色相互接近的顏色，如藍(lán)色與綠色的搭配，直接使用這一種顏色，就可以從整體上感受其舒適度。對比色，就是所謂在色環(huán)之中存在180°差異的顏色。如紅色和綠色，紫色與黃色，只要能夠恰當(dāng)?shù)卮钆?，就可以體現(xiàn)出其中的重要數(shù)據(jù)，從而將對比的作用完全表現(xiàn)出來。

（3）布局。表達(dá)界面信息，主要是讓視覺元素基于一定的原則和邏輯來實現(xiàn)對應(yīng)的排列組合，從而基于最佳的信息來呈現(xiàn)其效果。據(jù)相關(guān)研究分析，在一定條件下，網(wǎng)頁布局有利于視覺搜索提高?；谡w布局分析，會對數(shù)量、時間等多重因素產(chǎn)生影響?；诳梢暬瘓D表，對于信息數(shù)據(jù)的讀取分析之后，基于復(fù)雜視覺原則來實現(xiàn)對單一圖表的組合，其囊括了色彩、文字標(biāo)簽等對應(yīng)的視覺元素，通過合理有效的布局，其表現(xiàn)在具體的布局之上，通過合理的分析，就會確定圖表本身的布局會對可視化圖表的讀取效率帶來一定的影響。

2.邏輯元素

視覺元素本身是表層的一種表達(dá)，其邏輯元素就屬于其內(nèi)涵所在。邏輯元素同視覺元素之間是彼此影響的，但也是相互作用的，可以讓邏輯與視覺彼此結(jié)合，確保信息展示的最佳化。在可視化圖表中，其內(nèi)容的邏輯包含了信息分類、層級架構(gòu)等對應(yīng)的內(nèi)容，其本身是在內(nèi)容方面偏向于邏輯的，并且通過劃分之后就可以滿足數(shù)據(jù)信息和信息層次之間的相互對比。

數(shù)據(jù)信息作為表現(xiàn)邏輯元素的一種有效的途徑，其本身就是衡量數(shù)據(jù)可視化圖表設(shè)計的標(biāo)準(zhǔn)。在設(shè)計數(shù)據(jù)可視化圖表的時候，如何才能夠?qū)崿F(xiàn)信息準(zhǔn)確高效的表達(dá)，就成為關(guān)鍵性內(nèi)容。數(shù)據(jù)信息可以實現(xiàn)不同的對比層次，其數(shù)據(jù)信息相對鮮明。在信息的使用之中，通過有用信息的使用，這樣就可以合理地對信息進(jìn)行歸類，確保層次分布相對清晰，這樣就能夠明確其間存在的差異。

三、結(jié)語

總而言之，本文主要是針對基于移動設(shè)備的交互式信息可視化設(shè)計進(jìn)行研究，希望通過理論方面的基本分析，再配合上后續(xù)對應(yīng)設(shè)計援救，可以在未來移動設(shè)備規(guī)范化發(fā)展之中更好地運(yùn)用交互式信息可視化，并且給予理論層次上的引導(dǎo)，從而讓其更加貼近用戶，滿足用戶的認(rèn)知要求，為尋求高效率的交互式信息可視化方案提供必要的幫助。