淺析手機APP界面中信息圖形的設(shè)計

姜婷婷

（湖南工業(yè)大學(xué) 包裝設(shè)計藝術(shù)學(xué)院，湖南 株洲 412007）

淺析手機APP界面中信息圖形的設(shè)計

姜婷婷

（湖南工業(yè)大學(xué) 包裝設(shè)計藝術(shù)學(xué)院，湖南 株洲 412007）

在手機APP界面的設(shè)計中，通過文字、數(shù)據(jù)的圖形化，結(jié)構(gòu)的層次化，色彩的合理搭配，以及圖形的趣味化，能夠使信息圖形設(shè)計發(fā)揮最大功效，提高受眾的信息接收效率。

手機APP界面；信息圖形；設(shè)計

一、信息圖形設(shè)計的產(chǎn)生

在20世紀(jì)50年代信息圖形的相關(guān)理論及應(yīng)用誕生前，人們利用繪畫圖案和圖形這兩種最簡單易懂的視覺方式來進行表達。隨著社會的發(fā)展，受眾的需求發(fā)生變化，每個時代都有自己獨特的產(chǎn)物。進入信息時代，受眾獲取信息的途徑變得越來越多，從文案圖形到信息數(shù)據(jù)的可視化，從廣播電視到網(wǎng)絡(luò)計算機，再到現(xiàn)在風(fēng)靡的手機應(yīng)用自媒體，技術(shù)的進步讓生活中無處不充滿著各類信息。信息量猛增也造成刪選的困擾，這時一種可將數(shù)據(jù)、信息或知識可視化表現(xiàn)的理論及應(yīng)用產(chǎn)生，這就是1958年Stephen Toulmin提出的圖形化的理論模型——信息圖形（Information graphics），又稱為信息圖（Infographics）。[1]

二、信息圖形設(shè)計對手機APP界面設(shè)計的影響

（一）信息圖形設(shè)計的思維方法對手機APP界面設(shè)計的影響

1.信息傳達方式的改變

在信息化社會中，受眾每天通過手機接收泉涌般的信息。起初，基于文字表達的準(zhǔn)確性、可譯性、有深度等優(yōu)勢，受眾愿意在手機中選擇這種方式傳遞信息。但隨著技術(shù)的進步和受眾需求的變化，文字的抽象性等局限造成信息交流不暢，使之在傳達過程中不能完整、快捷地將信息內(nèi)容全部傳達給手機用戶。相對于文字傳達的方式，圖形傳達方式在手機中優(yōu)勢更大，通過具體的、直觀的、形象的設(shè)計，圖形在有限的屏幕中辨識度很高。而且在溝通方面，圖形是世界互通的，不需要轉(zhuǎn)換，因此提高了受眾的信息接收效率，讓受眾在短時間的手機APP閱讀中獲取更多的資訊。

2.形象思維方法與邏輯思維方法的結(jié)合

人類的思維分為兩種，即形象思維和邏輯思維。形象思維是一種本能的思維，是受眾認(rèn)識客觀事物最基本的方式之一。手機APP界面的信息圖形設(shè)計將復(fù)雜、抽象、難理解的信息內(nèi)容轉(zhuǎn)化為直觀的圖形，有利于受眾的認(rèn)識、理解，這其中就利用了形象思維認(rèn)識事物的原理。而邏輯思維依據(jù)對收集到的信息內(nèi)容進行整合分析，經(jīng)過手機APP界面設(shè)計人員的充分理解，加以恰當(dāng)?shù)谋磉_再傳播出去，這就是利用理性的思考方式進行手機APP信息圖形的制作、傳播。由此可見，手機APP界面設(shè)計要通過邏輯思維對收集的信息進行理性的數(shù)據(jù)分析，再加上具體的形象思維方式展現(xiàn)出來，將兩種思維方式結(jié)合，這樣揚長避短，節(jié)約信息傳達的時間，提高傳達的效率和接收的準(zhǔn)確率。

（二）信息圖形設(shè)計的特性對手機APP界面設(shè)計的影響

1.傳播速度與信息傳達的準(zhǔn)確性

大部分信息是由視覺進入大腦并被受眾所接收的，因此視覺是受眾接收信息最主要的方式。運用圖形的直觀表達方式，通過信息圖形化、視覺化將繁雜的信息濃縮為清晰、易懂的icon以及APP界面，使受眾更快速、更準(zhǔn)確地掌握信息，提高工作效率。

2.信息的直觀性

在這個信息活動頻繁的時代，信息圖形化成為手機APP閱讀的公共要求。通過圖形的巧妙設(shè)計，可以將繁雜的文字信息轉(zhuǎn)變?yōu)楹唵我锥囊曈X化、符號化形式，借助小小的手機APP界面表現(xiàn)出來，讓受眾在最少的時間內(nèi)接收到重要的訊息。簡單明了的圖形化設(shè)計，生動、直觀地表現(xiàn)出具體的信息內(nèi)容，方便受眾理解與分析，同時也縮小了傳達所需的空間，如圖1。

圖1 Google的手機APP中信任圈信息圖形化應(yīng)用示意圖

3.記錄的便捷性

信息圖形設(shè)計將抽象的事物轉(zhuǎn)變?yōu)榫唧w的、生動的、易理解的圖形，減小在細(xì)微理解中造成的差異，使手機APP界面設(shè)計標(biāo)準(zhǔn)化、普遍化、準(zhǔn)確化，容易被受眾精準(zhǔn)接受。這也是利用圖形便于記錄的特性，方便受眾快速記錄手機中的重要信息，并及時作出回應(yīng)。

三、信息圖形在手機APP界面中的設(shè)計方式

（一）文字、數(shù)據(jù)的圖形化

信息的內(nèi)容往往是大量數(shù)據(jù)和文字組成的，因為數(shù)量大，信息展現(xiàn)在受眾面前往往是繁瑣的、復(fù)雜的、無序的。手機APP設(shè)計師通過運用信息圖形的符號語言，對可讀的文字、數(shù)據(jù)信息進行一次簡單的釋義，把繁瑣信息內(nèi)容中主要的、有用的文字、數(shù)據(jù)等進行保留且組織成信息，再通過二次過濾、歸納、總結(jié)，深挖出信息中的關(guān)鍵，運用生動、準(zhǔn)確的圖形語言組合設(shè)計，使受眾快速、高效地識別與處理相關(guān)圖像信息，讓其無需過多的理解和推理就能直接進入認(rèn)知空間，相較于冗長數(shù)據(jù)和繁瑣文字更容易讓人接受。

（二）結(jié)構(gòu)的層次化

在形式外觀上，信息的圖形化首先會帶來美感，讓受眾體會到視覺享受，從而刺激受眾的認(rèn)知層面，有利于手機信息的準(zhǔn)確表達。在美感設(shè)計上，運用相關(guān)理論完成的信息圖形語言，組成多種結(jié)構(gòu)形式的變化，如發(fā)散結(jié)構(gòu)、對比結(jié)構(gòu)、位置分布等多層次結(jié)構(gòu)的手機APP信息傳達方式，有效提高了信息視覺化后帶給受眾的可視化體驗，將手機APP信息層次分明地傳達給不同的受眾，使得手機APP在功能上和美觀上達到統(tǒng)一，提高受眾的信息接收效率。

（三）色彩的合理搭配

色彩的搭配也在手機APP的信息圖形化傳達中起著重要的作用，設(shè)計師可以通過色相的不同來區(qū)分出用戶所讀信息的重要程度和種類。從直觀上看，美觀的、有趣的信息圖形設(shè)計，能夠讓重點信息得到突出，削減次要信息帶來的負(fù)重感。因此在手機APP界面的設(shè)計過程中，要注意色彩搭配的運用，同種顏色在不同的背景下所產(chǎn)生的效果截然不同。色彩的選搭在受眾的視覺觀賞上起很大的作用，是信息圖形符號語言傳達的重要手段之一，如圖2。

圖2 綠色元素的主界面設(shè)計

（四）圖形的趣味化

在信息化的大背景下，受眾每天接收到的信息數(shù)量大、不可控、很繁雜。在手機傳達信息的過程中，信息圖形化設(shè)計要考慮到受眾的接受力和認(rèn)知力。因此在手機APP中通過信息圖形表達繁冗的文字、數(shù)據(jù)信息時，適當(dāng)增加圖形創(chuàng)意和圖形的趣味性，是重要的手段之一。在手機APP界面信息圖形化設(shè)計的過程中，需要強有力的視覺沖擊力，才能吸引受眾的注意，從眾多復(fù)雜的信息中脫穎而出，讓受眾更快捷地了解和接收到相關(guān)信息，最終達到傳播信息的作用。適當(dāng)增加創(chuàng)意圖形的設(shè)計，尋求不同且共通的表達方式，能夠讓受眾留下記憶、產(chǎn)生閱讀興趣，并在閱讀信息時產(chǎn)生愉悅感、滿足感。設(shè)計師多方面展開圖形的聯(lián)想和聯(lián)系，能夠使信息圖形設(shè)計更具魅力和吸引力。

[1] 胡迪．?dāng)?shù)據(jù)信息的圖形化設(shè)計方法研究[D]．成都：西南交通大學(xué)，2015．

G206.3

A

1671-5454（2017）05-0032-03

10.16261/j.cnki.cn43-1370/z.2017.05.008

2017-07-13

姜婷婷（1988-），女，湖南長沙人，湖南工業(yè)大學(xué)包裝設(shè)計藝術(shù)學(xué)院2015級碩士研究生。研究方向：數(shù)字媒體藝術(shù)設(shè)計。

（責(zé)任編輯 陶新艷）