數(shù)據(jù)可視化中插畫的視覺表現(xiàn)研究

高 凡

（天津美術(shù)學(xué)院 視覺設(shè)計(jì)與手工藝術(shù)學(xué)院，天津300143）

在大數(shù)據(jù)時(shí)代下，數(shù)據(jù)可視化的重要性被突顯出來，可在形式與功能間找到平衡，將枯燥乏味的圖表以直觀形象的方式展現(xiàn)出來，還可將繁瑣的數(shù)據(jù)轉(zhuǎn)變?yōu)橛腥さ墓适聨椭藗兝斫猓行蕹彪s數(shù)據(jù)干擾，突顯有價(jià)值的信息。在實(shí)際的應(yīng)用中，將插畫引入可視化設(shè)計(jì)中，使單調(diào)數(shù)據(jù)以有趣的插畫體現(xiàn)出來，由此豐富視覺效果，促進(jìn)信息的快速提取與確認(rèn)。

一、數(shù)據(jù)可視化下插畫的主要作用

在網(wǎng)絡(luò)時(shí)代下，信息傳播媒介更加多元，現(xiàn)代文化傳播已經(jīng)不再單位以文字為主，形象化符號成為文化傳播核心所在，視覺文化主要通過動漫、插圖、影視等形式展現(xiàn)出來。從整體來看，在視覺傳達(dá)方面，圖片的表現(xiàn)力始終是獨(dú)一無二。

近年來，插畫內(nèi)容日益豐富，形式更加多樣，有助于快速準(zhǔn)確的傳遞信息，展現(xiàn)設(shè)計(jì)者的主觀創(chuàng)意。在設(shè)計(jì)過程中，可視覺化的將信息傳遞給人們，其藝術(shù)特點(diǎn)主要體現(xiàn)在以下方面。

（一）幫助理解記憶

在設(shè)計(jì)過程中，將繁瑣信息和抽象概念轉(zhuǎn)變?yōu)橐曈X效果，再以插畫的形式展現(xiàn)出來，與傳統(tǒng)圖文形式相比，在表現(xiàn)力與沖擊力方面更具優(yōu)勢，通過發(fā)揮插畫的作用幫助人們理解記憶?？梢暬瘓D表借助數(shù)據(jù)將信息的發(fā)展態(tài)勢、離群點(diǎn)體現(xiàn)出來，再利用插畫以圖形化的方式體現(xiàn)，引導(dǎo)人們更好的理解數(shù)據(jù)背后含義，使圖表傳達(dá)的信息更加明確。插畫的添加可使數(shù)據(jù)更具情趣，提高用戶的瀏覽興趣。

近年來，交互動效不斷發(fā)展，可將動效適當(dāng)加入插畫之中，使主題得以深化，數(shù)據(jù)價(jià)值充分突顯出來，發(fā)揮可視化圖表引導(dǎo)性特點(diǎn)，使其內(nèi)容更加豐富。與傳統(tǒng)設(shè)計(jì)模式相比，插畫可使圖表更具可讀性，使用戶在濃厚的興趣中更深層的了解圖表內(nèi)容。

（二）加深主觀印象

人們的視覺感知力十分強(qiáng)大，在看到圖片的一剎那，大腦便接收到大量的信息，可謂是“一圖勝似千言萬語”。人類大腦對插畫的接收效率遠(yuǎn)遠(yuǎn)超出文字、數(shù)據(jù)的接收率，且在大腦形成印象時(shí)，與原有記憶互動，再經(jīng)過一連串的聯(lián)想，由此產(chǎn)生主觀印象，主要是記住深層含義。插畫作為一種獨(dú)特的傳播形式，可將抽象數(shù)據(jù)可視化的展現(xiàn)出來，使人更易記住并理解其內(nèi)涵，打破文化與語言方面的隔閡，促進(jìn)數(shù)據(jù)信息的傳達(dá)。

（三）引人入勝

插畫作為一種大眾藝術(shù)，受眾群體層次不同，因此不可過于個(gè)性和抽象，以免失去群眾支持。但是，插畫仍需要隱喻體現(xiàn)數(shù)據(jù)內(nèi)在信息與價(jià)值，即幫助用戶揣摩深層信息。視覺效果作為插畫特性之一，可將可視化圖表與插畫相結(jié)合，使插畫更具魅力，在繁瑣的數(shù)據(jù)中吸引人們目光，引人入勝，簡單直觀的闡述數(shù)據(jù)信息，達(dá)到設(shè)計(jì)目標(biāo)[1]。

二、數(shù)據(jù)可視化下插畫的設(shè)計(jì)與視覺表現(xiàn)

本文以“亞健康人群運(yùn)動療法”APP為例，對界面數(shù)據(jù)進(jìn)行可視化設(shè)計(jì)，闡述插畫的設(shè)計(jì)與表現(xiàn)方法。首先，制定關(guān)于“亞健康人群運(yùn)動情況”的問卷，在微信平臺傳播，對亞健康人群展開調(diào)研，獲得全面的數(shù)據(jù)信息。在此基礎(chǔ)上，將可視化技術(shù)融入其中，針對信息、數(shù)據(jù)與導(dǎo)航進(jìn)行視覺化設(shè)計(jì)，與單純的信息設(shè)計(jì)區(qū)別開來，并以趣味性運(yùn)動人物、幽默詼諧的繪畫方式、高級搭配的色彩等方式，將枯燥數(shù)據(jù)更加直觀、有趣、快速的展現(xiàn)出來。

（一）設(shè)計(jì)原則

在可視化設(shè)計(jì)中，主要針對數(shù)據(jù)、信息與導(dǎo)航進(jìn)行設(shè)計(jì)，并重視信息結(jié)構(gòu)與內(nèi)容方面的可編輯性，遵循以下設(shè)計(jì)原則。

1.精準(zhǔn)性原則。在設(shè)計(jì)階段，首先要確保信息準(zhǔn)確可靠，降低讀者的不確定感。當(dāng)讀者在接觸到“冷知識”時(shí)，會產(chǎn)生許多不確定感，促使其主動查閱、分析和接受信息。在插圖設(shè)計(jì)中，應(yīng)考慮到讀者對設(shè)計(jì)原型與視覺轉(zhuǎn)化圖形的熟悉度，要求新設(shè)計(jì)使受眾感到親切。例如，可通過人物造型設(shè)計(jì)，調(diào)整形態(tài)使其更加真實(shí)，減少隱喻設(shè)計(jì)法的應(yīng)用，盡量直觀傳遞信息，使用戶迅速領(lǐng)會內(nèi)容，降低學(xué)習(xí)與認(rèn)知的成本。

2.習(xí)慣性原則。要求用人們較為熟悉的方式展示信息，符合人們的閱讀習(xí)慣、分類習(xí)慣、時(shí)間順序等等。在設(shè)計(jì)過程中，將重要信息放在主要位置，使讀者認(rèn)識到該項(xiàng)內(nèi)容的重要性；根據(jù)信息內(nèi)容不同，思考角度也隨之而變，如日歷信息可視化設(shè)計(jì)時(shí)，應(yīng)考慮到時(shí)間順序；如設(shè)計(jì)旅游指南時(shí)，要考慮到位置信息等等，為受眾提供舒適的閱讀體驗(yàn)。

3.象征性原則。在視覺轉(zhuǎn)達(dá)中，圖形具有較強(qiáng)的象征特點(diǎn)，可為受眾的信息記憶提供便利。此類圖形包括符號、圖標(biāo)等等，如亞健康人群免疫力降低、自信心不足等身心癥狀，難以用擬物化設(shè)計(jì)體現(xiàn)，便可通過抽象形態(tài)與文字相結(jié)合的方式展現(xiàn)，使數(shù)據(jù)信息更加有趣，激發(fā)讀者閱讀興趣[2]。

（二）設(shè)計(jì)思路與流程

可視化設(shè)計(jì)的本質(zhì)在于圖形轉(zhuǎn)化，用圖形替代文字信息，起到加強(qiáng)效果、補(bǔ)充說明、替代等作用。在該APP設(shè)計(jì)中，因亞健康人群十分普遍，人們大多已經(jīng)習(xí)慣，未能充分意識到嚴(yán)重性，許多人都知道自己需要運(yùn)動，但受自律性差、感到枯燥、不愛動等因素影響，導(dǎo)致亞健康水平不斷提高，最終產(chǎn)生疾病。因此，在本次設(shè)計(jì)中，首先利用客觀數(shù)據(jù)科普當(dāng)前亞健康現(xiàn)狀，與健康人群進(jìn)行對比，激發(fā)人們改善亞健康狀態(tài)的欲望。在第二階段，設(shè)計(jì)合理的運(yùn)動方法，利用詼諧的繪畫方式與趣味性運(yùn)動人物，吸引人運(yùn)動，并感受運(yùn)動的樂趣。

在設(shè)計(jì)流程方面，通過前期調(diào)研分析、創(chuàng)建信息架構(gòu)、確定風(fēng)格后，便可開展可視化設(shè)計(jì)，主要設(shè)計(jì)流程為：首先，對該APP的用戶需求進(jìn)行分析，結(jié)合用戶群體特點(diǎn)確定界面風(fēng)格，可與前期確定的風(fēng)格相結(jié)合；然后，對采集的信息匯總整合，將主次信息根據(jù)視覺布局進(jìn)行設(shè)計(jì)，明確五個(gè)主頁面，設(shè)計(jì)圖標(biāo)與名稱，主要分為“亞圈”“測評”“咨詢”與“我的”四個(gè)欄目；最后，根據(jù)APP應(yīng)用順序繪制界面草圖，待主頁面設(shè)計(jì)完畢后，再對二級頁面進(jìn)行設(shè)計(jì)。

（三）視覺元素

插圖設(shè)計(jì)應(yīng)促進(jìn)圖文、數(shù)字與符號的解讀功能實(shí)現(xiàn)，重視編排與色彩利用，主體為運(yùn)動人物形象設(shè)計(jì)，并采用大量運(yùn)動器材元素，確保風(fēng)格整體統(tǒng)一的同時(shí)，又富有變化性，各項(xiàng)元素均可直觀的描述信息內(nèi)容。在各個(gè)板塊中，利用各樣線條、不規(guī)則線框等元素引導(dǎo)讀者，使其獲得輕松趣味閱讀的體驗(yàn)。

1.文字運(yùn)用。該APP整體文字展示十分關(guān)鍵，雖然帶有大量插圖設(shè)計(jì)，但文字的作用也不容忽視。在信息架構(gòu)層面，對文字信息層次進(jìn)行劃分，堅(jiān)持精準(zhǔn)性、習(xí)慣性原則，提高讀者的閱讀興趣與信任度。文字元素與版式設(shè)計(jì)息息相關(guān)，可對插圖起到補(bǔ)充說明作用。

2.色彩選擇。該APP中采用深藍(lán)與橙色兩種顏色，深藍(lán)可有效控制畫面節(jié)奏，如同水粉畫中深度可壓住畫面色調(diào)，而橙色色彩艷麗，可發(fā)揮引導(dǎo)、修飾的作用。深藍(lán)具有沉穩(wěn)、嚴(yán)肅之感，在亞健康信息中主要采用該色，使科普信息更加權(quán)威；橙色更具活力、年輕態(tài)，用于運(yùn)動療法部分，可使受眾更具運(yùn)動活力。

3.符號傳達(dá)。信息表達(dá)是以信息搜索與分析為基礎(chǔ)構(gòu)建而成的，在明確信息任務(wù)后，對亞健康群體運(yùn)動療法信息資料進(jìn)行采集，并開展視覺化設(shè)計(jì)。在信息表達(dá)方面，符號傳達(dá)屬于重要內(nèi)容，可將已有經(jīng)驗(yàn)客觀展現(xiàn)出來，為人們提供參考，促進(jìn)大腦記憶。在該APP中，通過深藍(lán)色與橙色線條、色塊、圖形、剪頭等方式起到視覺引導(dǎo)作用，使畫面和諧統(tǒng)一，色塊間的疏密關(guān)系十分得宜，整體簡潔明確，閱讀起來輕松有趣。

（四）視覺表達(dá)

在插圖設(shè)計(jì)方面，以手繪的形式進(jìn)行人物設(shè)計(jì)，以亞健康人物為主體，其中女性占比超過男性，且以25歲為分水嶺，可以女性角色為主導(dǎo)繪制插圖；運(yùn)用萌動可愛又接地氣的人物形象，富有親切感，再加入生活化物品做裝飾，很容易引起受眾共鳴，主動關(guān)注所要傳達(dá)的信息內(nèi)容。根據(jù)調(diào)查結(jié)果繪制主體形象，將采集到的亞健康癥狀在人物形象上分別展現(xiàn)出來，指出各個(gè)部位的癥狀并做簡單的描述，將單純文字轉(zhuǎn)變?yōu)閳D文結(jié)合的方式，增強(qiáng)直觀性，如圖1所示[3]。

圖1 亞健康人群身體癥狀的視覺轉(zhuǎn)化

圖標(biāo)設(shè)計(jì)作為圖形設(shè)計(jì)的一種，在視覺表達(dá)形式中具有重要作用，具有直觀形象、簡潔明了的特點(diǎn)。在該APP中主要采用象形圖，以剪影圖像的形式展現(xiàn)，即便反復(fù)出現(xiàn)也不會出現(xiàn)視覺疲勞之感。其中，此類信息主要為亞健康人群在感官、心理與其他方面的癥狀，無法具體到人體的某部位，因此可通過圖表與文字結(jié)合的方式體現(xiàn)，還可在圖標(biāo)直觀感受的同時(shí)附加文字說明，如在描述“癌癥風(fēng)險(xiǎn)高”時(shí)，可采用抽象圖標(biāo)進(jìn)行展現(xiàn)，如腫瘤、病毒等，雖然屬于抽象圖像，仍可將意思準(zhǔn)確表達(dá)出來，使讀者快速理解其含義。在圖標(biāo)下方還可配備相應(yīng)的文字說明，這樣不但可提高閱讀效率，還可強(qiáng)化讀者記憶，如圖2所示[4]。

圖2 亞健康危害圖標(biāo)

三、結(jié)論

綜上所述，在數(shù)據(jù)爆炸時(shí)代下，可視化設(shè)計(jì)成為數(shù)據(jù)分析行之有效的工具。在可視化體系構(gòu)建中，應(yīng)充分發(fā)揮插畫在圖表分析、信息傳遞、引人入勝、增強(qiáng)記憶等方面的作用，幫助用戶更加直觀的獲取信息、準(zhǔn)確的理解信息，根據(jù)信息作出科學(xué)決策。在插圖設(shè)計(jì)與數(shù)據(jù)轉(zhuǎn)化中，應(yīng)根據(jù)用戶需求與設(shè)計(jì)原則，對各項(xiàng)視覺元素進(jìn)行全面描述，為受眾提供豐富的視覺體驗(yàn)，促進(jìn)信息的高效傳遞。