高敏倬　陳登凱　謝凝

摘要：

隨著信息化社會(huì)的不斷進(jìn)步，信息化社會(huì)向著創(chuàng)新型社會(huì)的不斷演變，人們需要處理的信息日益增長(zhǎng)，信息的圖形化和符號(hào)化成為一種趨勢(shì)，人類正在步入一種圖形信息生存時(shí)代。本文提出一種新的信息解讀和管理方式，從用戶角度出發(fā)將這種方式通過移動(dòng)端功能需求展示出來(lái)，總結(jié)分析該移動(dòng)端APP的每個(gè)功能模塊并進(jìn)行細(xì)化設(shè)計(jì)。為用戶提供一種更為便捷和人性化的信息管理服務(wù)。

關(guān)鍵詞：

圖形符號(hào) 信息圖設(shè)計(jì) 手機(jī)APP

引言

在我們的生活中被各種形式的信息充滿著，從視覺到聽覺，觸覺到味覺，一圖值千言，一張圖像傳達(dá)的信息等同于相當(dāng)多文字的堆積描述，所以人們通過視覺能比其他感官組合獲得更多的信息。因此，對(duì)海量信息的分析歸納，挖掘其中隱藏的關(guān)聯(lián)，信息的高效獲取和解讀成為創(chuàng)新鏈條的關(guān)鍵環(huán)節(jié)

。視覺化信息的存在，很大程度上優(yōu)化了我們的意識(shí)判斷和決策能力。因此，研究信息圖的實(shí)現(xiàn)方法，實(shí)現(xiàn)企業(yè)或個(gè)人更好的管理傳達(dá)信息具有很大的現(xiàn)實(shí)意義。

然而，目前人們獲取和表達(dá)途經(jīng)需要很多相關(guān)的專業(yè)技能，所以在這方面很難滿足一般用戶制作高效信息圖的需求，所以本文研究一種有效的圖形邏輯和工具來(lái)提升完成信息可視化的制作，進(jìn)一步提升信息的可讀性，在圖形信息的管理和表達(dá)能力上促進(jìn)創(chuàng)新設(shè)計(jì)有重要的現(xiàn)實(shí)意義。本文在研究信息可視化的大背景下，提出一種有效的圖形邏輯和工具，并運(yùn)用移動(dòng)端APP技術(shù)來(lái)實(shí)現(xiàn)，達(dá)到用戶自主完成符合內(nèi)心期望的信息圖并管理個(gè)人信息的目的。

1.信息圖的存在本質(zhì)和特點(diǎn)

信息圖最初是指報(bào)紙、雜志、新聞通訊社等媒體刊登的一般圖解。而《圖解力》一書中提到針對(duì)內(nèi)容復(fù)雜、難以形象表述的信息，先進(jìn)行充分的理解、系統(tǒng)梳理、再使其視覺化，通過圖形簡(jiǎn)單清晰地向讀者呈現(xiàn)出來(lái)的圖叫作信息圖。

信息圖設(shè)計(jì)作為發(fā)展中的交叉學(xué)科，最初的形式是平面設(shè)計(jì)，信息圖的設(shè)計(jì)目標(biāo)和理想就是將原本很難用語(yǔ)言表達(dá)清晰和完整的信息，通過將信息的內(nèi)容轉(zhuǎn)化成圖形符號(hào)語(yǔ)言來(lái)加以說明，充分利用圖形符號(hào)的高效可讀性，將信息進(jìn)行功能性整理，讓設(shè)計(jì)視角與讀者視角一致，使其更易理解，讓信息更高效地傳播。

1.1信息圖的存在本體

“沒有什么問題像與符號(hào)有關(guān)問題那樣與人類文明的關(guān)系如此復(fù)雜如此基本的了。符號(hào)與人類知識(shí)和生活的整個(gè)領(lǐng)域有關(guān)，它是人類世界的一個(gè)普遍工具，就像物理自然界中的運(yùn)動(dòng)一樣?！比鐖D1所示，符號(hào)的形式通過合理轉(zhuǎn)化構(gòu)成信息圖，信息圖的邏輯又反過來(lái)詮釋了符號(hào)的內(nèi)涵，圖形符號(hào)與信息圖之間有著不可分割的聯(lián)系，相互轉(zhuǎn)化又相互完善理解。

信息圖是一種圖形符號(hào)（graphic semiotic）化的思維，這種思維在本質(zhì)上是符號(hào)、工具和語(yǔ)言的結(jié)合體；同時(shí)信息圖的本質(zhì)是某種數(shù)據(jù)或者圖形符號(hào)在形式上的優(yōu)化，信息圖的本體可以多種多樣，信息圖的形式來(lái)展現(xiàn)全局?jǐn)?shù)據(jù)的內(nèi)涵，最終達(dá)到高效理解和交流的目的，并且能夠通過某種途徑或者借助一些手段來(lái)實(shí)現(xiàn)這種信息圖表達(dá)，這就是本論文所研究的關(guān)鍵技術(shù)。

1.2作為圖形符號(hào)的信息圖的存在特征

1.2.1信息圖的符號(hào)象征性

在信息圖設(shè)計(jì)中，象征性是符號(hào)語(yǔ)言的生命。意大利著名符號(hào)學(xué)家艾柯提出：“將符號(hào)定義為任何這樣一種東西，根據(jù)既定的社會(huì)習(xí)慣，可被看作代表其他東西的某種東西?！痹谛畔D設(shè)計(jì)中采用某種圖形進(jìn)行表面層次上的表達(dá)，會(huì)產(chǎn)生直觀的視覺效果。這種意的表述是把圖形符號(hào)與看似毫無(wú)聯(lián)系的對(duì)象相連，并產(chǎn)生有關(guān)聯(lián)的意的聯(lián)想，這就使圖形具有了象征性，即圖形符號(hào)具有能指的特征。圖形符號(hào)的象征性有約定俗成的；有因時(shí)代的變遷、地域的不同、文化的差異而不斷形成新的象征含義，還有待發(fā)現(xiàn)和賦予其深刻的象征含義。

1.2.2信息圖的工具示意性

我們?cè)诘罔F站或火車候車室等公共場(chǎng)所，往往能看到很多指示方位或引導(dǎo)方向的具有工具性的導(dǎo)向標(biāo)，信息圖的提示作用以各種各樣的形式出現(xiàn)，方便我們解讀信息和理解信息，指導(dǎo)我們?cè)谏钪懈影踩憬莸氐竭_(dá)目的地。

由此可以看出，以文字或圖形符號(hào)為本體的信息圖，具有高效指示和導(dǎo)航的作用，不僅如此，在其他方面信息圖以不同的形式出現(xiàn)，或單個(gè)或整體構(gòu)成一個(gè)龐大的高效的指示系統(tǒng)，使我們的生活更加便捷。

1.2.3信息圖的語(yǔ)言邏輯性

一幅信息圖的出現(xiàn)往往都具有它的目的性，它會(huì)有引導(dǎo)目標(biāo)用戶進(jìn)行正確的判斷和高效的溝通的功能，通過它的邏輯語(yǔ)言引導(dǎo)目標(biāo)用戶達(dá)到既定目標(biāo)。例如，用戶要達(dá)到的目標(biāo)分為三步才可以實(shí)現(xiàn)，以符號(hào)學(xué)為本體的信息圖在每一步中都運(yùn)用語(yǔ)言或者符號(hào)引導(dǎo)用戶，起到了語(yǔ)言提示或者高效理解的作用，使用戶在使用過程中每一步都非常順暢，提高信息的可識(shí)別性。

信息圖的存在的特征象征性、示意性和語(yǔ)言邏輯性是他們能夠被人們共同理解的基礎(chǔ)。信息圖具有這三種共同本質(zhì)，才能被大多數(shù)用戶高效理識(shí)別，并在高效理解的基礎(chǔ)上，激發(fā)用戶的創(chuàng)造熱情，努力提高用戶的使用體驗(yàn)，更加關(guān)注與用戶的情感交流。

2.圖形符號(hào)信息圖的構(gòu)建原則與關(guān)鍵技術(shù)

移動(dòng)互聯(lián)網(wǎng)時(shí)代是全民的移動(dòng)互聯(lián)網(wǎng)時(shí)代，在云端化和社交化的移動(dòng)服務(wù)驅(qū)動(dòng)下，交互設(shè)計(jì)的組成要素之一的人與系統(tǒng)的交互行為正是本文研究的關(guān)鍵技術(shù)的理論形態(tài)。APP技術(shù)的開發(fā)從最初的滿足基本功能的應(yīng)用，到如今滿足用戶的審美，情感心理等，APP技術(shù)的開發(fā)在未來(lái)更應(yīng)具有輔助的工具方便用戶生活、關(guān)注用戶體驗(yàn)等深層次的開發(fā)。本文結(jié)合了當(dāng)下熱門的信息圖問題，開發(fā)出一款相對(duì)完善的手機(jī)應(yīng)用APP-Infog raphic，鼓勵(lì)用戶發(fā)散思維，結(jié)合自身需求，創(chuàng)造滿足個(gè)人需求的信息圖。

2.1圖形符號(hào)信息圖的構(gòu)建原則

本文借助于目前人人都能接觸到的互聯(lián)網(wǎng)溝通平臺(tái)手機(jī)APP應(yīng)用的開發(fā)來(lái)實(shí)現(xiàn)人人都能通過移動(dòng)端輕松制作信息圖來(lái)與他人進(jìn)行高效溝通的目的。此類圖形符號(hào)信息圖構(gòu)建的原則主要有：endprint

1）整體性：一幅完整的信息圖就像一個(gè)完整的系統(tǒng)，每一部分都不可缺少，所以信息圖整體性在整個(gè)信息圖系統(tǒng)中占有重要的地位。

2）簡(jiǎn)潔性：信息圖由于其特殊的表意功能，要求盡量簡(jiǎn)潔直觀易懂，一切從簡(jiǎn)。

3）邏輯性：信息圖是圖形符號(hào)語(yǔ)言轉(zhuǎn)化的圖形交流形式，信息圖隱含的邏輯性直接影響到信息圖表意的順序性，也在一定程度上影響關(guān)注對(duì)象的視覺邏輯順序和理解邏輯思路。

2.2圖形符號(hào)信息圖的關(guān)鍵技術(shù)

APP（Application）指的是智能手機(jī)的第三方應(yīng)用程序，指專注于手機(jī)應(yīng)用軟件開發(fā)與服務(wù)的應(yīng)用軟件。當(dāng)互聯(lián)網(wǎng)進(jìn)入移動(dòng)互聯(lián)網(wǎng)時(shí)代，用戶大部分的時(shí)間都在與移動(dòng)端的溝通。因此，本文結(jié)合移動(dòng)端的優(yōu)勢(shì)，提出開發(fā)一種便捷的信息圖制作模式，以方便用戶在生活和工作中更好地管理自己的數(shù)據(jù)信息。

2.2.1信息圖應(yīng)用程序APP開發(fā)流程

首先，移動(dòng)端的需求分析，需要整理確定APP的主要用戶群體和APP能實(shí)現(xiàn)的功能。確定功能結(jié)構(gòu)和信息架構(gòu)，作為個(gè)人移動(dòng)端應(yīng)用的開發(fā)，只需根據(jù)既定目標(biāo)確立產(chǎn)品原型，經(jīng)過適當(dāng)?shù)脑u(píng)估和反復(fù)斟酌，最終形成功能結(jié)構(gòu)。

其次，APP的大概界面構(gòu)思和設(shè)計(jì)，大功能模塊線框圖展示。正式進(jìn)入產(chǎn)品的原型設(shè)計(jì)階段，用戶體驗(yàn)和用戶交互設(shè)計(jì)跟進(jìn)，形成初步的效果圖。

第三，視覺界面的制作，確認(rèn)頁(yè)面風(fēng)格，確定整個(gè)界面的布局、關(guān)鍵截面的設(shè)計(jì)、文字、及其他的設(shè)計(jì)。

最后，在經(jīng)過確認(rèn)后，界面的效果圖正式設(shè)計(jì)完成，產(chǎn)品在設(shè)計(jì)圖完成至此，APP作過程就完成了一大部分，可以進(jìn)入測(cè)試部進(jìn)行測(cè)試。根據(jù)實(shí)際情況修改，沒有錯(cuò)誤后，根據(jù)測(cè)試用戶的反饋，改進(jìn)并反復(fù)測(cè)試。

3.圖形符號(hào)信息圖構(gòu)建的方法模型

3.1圖形符號(hào)信息圖的兩種設(shè)計(jì)方向

從我們生活以及使用的產(chǎn)品來(lái)思考“傳達(dá)性”，信息圖的設(shè)計(jì)可以分為兩個(gè)方向，如圖2。

通過圖2對(duì)信息圖兩種設(shè)計(jì)方向的圖示，能夠準(zhǔn)確理解出，設(shè)計(jì)師在利用圖形符號(hào)語(yǔ)言傳達(dá)信息的過程中，設(shè)計(jì)師的設(shè)計(jì)視角決定了這幅信息圖能否被讀者高效理解，完美的信息圖設(shè)計(jì)，能夠使大眾普遍理解，這就是木村博之書中之所述的“善解人意的設(shè)計(jì)”。

3.2圖形符號(hào)信息圖的設(shè)計(jì)流程

信息圖的制作流程就是一個(gè)從信息（多為數(shù)據(jù)或文字）到圖形的過程，并指出構(gòu)建信息圖，需要選擇主題、調(diào)查研究、匯總分析數(shù)據(jù)等10個(gè)步驟來(lái)完成。信息圖制作流程概括為三個(gè)步驟，分別是：理解信息一構(gòu)思框架一創(chuàng)意設(shè)計(jì)。如下圖所示，概括圖形符號(hào)信息圖設(shè)計(jì)流程：

理解信息——構(gòu)思框架——?jiǎng)?chuàng)意設(shè)計(jì)

（1）理解信息

在理解信息和構(gòu)思框架的步驟中，最主要的是理解你需要展現(xiàn)信息的結(jié)構(gòu)，清晰地了解需要展示內(nèi)容的脈絡(luò)，這樣有利于搭建信息圖的框架。

（2）構(gòu)思框架。

每個(gè)信息的內(nèi)部邏輯也是很重要的，厘清每部分內(nèi)容的內(nèi)部關(guān)聯(lián)是什么。

（3）創(chuàng)意設(shè)計(jì)

確定好構(gòu)思框架后，編輯創(chuàng)意草圖并進(jìn)行設(shè)計(jì)。一開始確定大致的設(shè)計(jì)風(fēng)格，然后確定好信息圖的主色調(diào)，信息圖的配色方案。最后，對(duì)所設(shè)計(jì)的信息圖進(jìn)行優(yōu)化，最后完成一個(gè)完整的信息可視化信息圖設(shè)計(jì)。

3.3圖形符號(hào)信息圖設(shè)計(jì)的方法模型

圖形符號(hào)表達(dá)在信息圖設(shè)計(jì)過程中遵循一定的邏輯準(zhǔn)則，有一定的方法模型構(gòu)建完成整個(gè)圖形符號(hào)語(yǔ)義。筆者根據(jù)自己所做的一些數(shù)據(jù)可視化信息圖設(shè)計(jì)總結(jié)出了如下的方法模型：

（1）提出問題。首先在生活中應(yīng)該具有發(fā)現(xiàn)問題的眼睛，具有探索問題的執(zhí)著，提出一個(gè)與生活息息相關(guān)并且能夠解決生活中現(xiàn)實(shí)問題。

（2）搜集信息。圍繞所探求的問題為中心，展開相關(guān)信息的搜索。利用發(fā)散思維和圖解思維盡可能地發(fā)現(xiàn)所探求問題的信息，并分類匯總信息及分析。

（3）確立類型。根據(jù)所探求的問題選擇合適的表達(dá)形式，例如空間類、時(shí)間類、邏輯類或三者綜合的形式等。

（4）選擇邏輯形式.不同問題選擇的邏輯形式不同，表達(dá)效果也千差萬(wàn)別。在本文中主要選擇移動(dòng)端的邏輯順序進(jìn)行。

（5）選擇手法。使用與主體相匹配的表現(xiàn)方式，平面靜態(tài)、視頻動(dòng)態(tài)（微信平臺(tái)動(dòng)態(tài)展示等）、網(wǎng)絡(luò)交互（與用戶互動(dòng)形式，需要用戶命令才可以執(zhí)行的動(dòng)態(tài)展示）。

4.圖形符號(hào)創(chuàng)意信息圖構(gòu)建原型案例研究

在制作該信息圖手機(jī)應(yīng)用的時(shí)候首先應(yīng)構(gòu)建APP的信息架構(gòu)完成線框圖以及低保真和高保真原型設(shè)計(jì)效果。

4.1系統(tǒng)功能結(jié)構(gòu)和流程設(shè)計(jì)

本論文結(jié)合圖形符號(hào)信息圖設(shè)計(jì)開發(fā)一款名為lnfographic的移動(dòng)端應(yīng)用，論文采用手機(jī)應(yīng)用開發(fā)的一般流程首先進(jìn)行線框圖的繪制，如圖3，是infographic信息架構(gòu)。

針對(duì)該研究的系統(tǒng)功能需求以及用戶期望，進(jìn)行了以下的系統(tǒng)功能總結(jié)，并實(shí)現(xiàn)功能結(jié)構(gòu)和信息架構(gòu)，完成構(gòu)建該APP的地基性建設(shè)。

4.2低保真信息圖原型設(shè)計(jì)效果

該步驟是在流程圖和線框圖相對(duì)完善的基礎(chǔ)上，構(gòu)建項(xiàng)目界面，界面順序布置如圖4所示。低保真原型設(shè)計(jì)圖在整體思路上符合本文所研究的論題。

其中編輯頁(yè)中分形狀屬性的工具集，體現(xiàn)了本文中信息圖構(gòu)建圖形庫(kù)的思想。

4.3高保真信息圖原型設(shè)計(jì)效果

如圖5所示，在低保真效果圖基礎(chǔ)上進(jìn)行了優(yōu)化，初步得出高保真原型設(shè)計(jì)效果。根據(jù)完成的高保真設(shè)計(jì)效果圖可以發(fā)現(xiàn)，高保真原型的基本框架己完成。

5.小結(jié)

本論文結(jié)合時(shí)下的信息可視化熱點(diǎn)問題發(fā)散思維，深入研究用戶心理的基礎(chǔ)上，結(jié)合圖形符號(hào)學(xué)，提出了開發(fā)一款使用戶可以自主制作信息圖的手機(jī)應(yīng)用，根據(jù)制作手機(jī)應(yīng)用的整體流程，本文基本已經(jīng)完成整體的框架，但是由于對(duì)本研究的相關(guān)操作技術(shù)流程了解不夠透徹，在完成制作的過程中往往會(huì)有很多疑問，這在今后還應(yīng)多請(qǐng)教相關(guān)專業(yè)人員。對(duì)于該款應(yīng)用的關(guān)鍵技術(shù)，有很大的提升空間，研究中的不足以及進(jìn)一步研究和發(fā)展方向都會(huì)在今后的相關(guān)研究中不斷提高用戶體驗(yàn)。endprint