高敏倬　陳登凱　謝凝

摘要：

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

關(guān)鍵詞：

圖形符號 信息圖設(shè)計 手機APP

引言

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

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

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

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

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

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

1.1信息圖的存在本體

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

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

1.2作為圖形符號的信息圖的存在特征

1.2.1信息圖的符號象征性

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

1.2.2信息圖的工具示意性

我們在地鐵站或火車候車室等公共場所，往往能看到很多指示方位或引導(dǎo)方向的具有工具性的導(dǎo)向標，信息圖的提示作用以各種各樣的形式出現(xiàn)，方便我們解讀信息和理解信息，指導(dǎo)我們在生活中更加安全便捷地到達目的地。

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

1.2.3信息圖的語言邏輯性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.1圖形符號信息圖的兩種設(shè)計方向

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

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

3.2圖形符號信息圖的設(shè)計流程

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

理解信息——構(gòu)思框架——創(chuàng)意設(shè)計

（1）理解信息

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

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

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

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

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

3.3圖形符號信息圖設(shè)計的方法模型

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

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

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

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

（4）選擇邏輯形式.不同問題選擇的邏輯形式不同，表達效果也千差萬別。在本文中主要選擇移動端的邏輯順序進行。

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

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

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

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

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

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

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

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

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

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

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

5.小結(jié)

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