數據可視化中插畫的視覺表現研究

高 凡

（天津美術學院 視覺設計與手工藝術學院，天津300143）

在大數據時代下，數據可視化的重要性被突顯出來，可在形式與功能間找到平衡，將枯燥乏味的圖表以直觀形象的方式展現出來，還可將繁瑣的數據轉變為有趣的故事幫助人們理解，有效剔除繁雜數據干擾，突顯有價值的信息。在實際的應用中，將插畫引入可視化設計中，使單調數據以有趣的插畫體現出來，由此豐富視覺效果，促進信息的快速提取與確認。

一、數據可視化下插畫的主要作用

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

近年來，插畫內容日益豐富，形式更加多樣，有助于快速準確的傳遞信息，展現設計者的主觀創意。在設計過程中，可視覺化的將信息傳遞給人們，其藝術特點主要體現在以下方面。

（一）幫助理解記憶

在設計過程中，將繁瑣信息和抽象概念轉變為視覺效果，再以插畫的形式展現出來，與傳統圖文形式相比，在表現力與沖擊力方面更具優勢，通過發揮插畫的作用幫助人們理解記憶?？梢暬瘓D表借助數據將信息的發展態勢、離群點體現出來，再利用插畫以圖形化的方式體現，引導人們更好的理解數據背后含義，使圖表傳達的信息更加明確。插畫的添加可使數據更具情趣，提高用戶的瀏覽興趣。

近年來，交互動效不斷發展，可將動效適當加入插畫之中，使主題得以深化，數據價值充分突顯出來，發揮可視化圖表引導性特點，使其內容更加豐富。與傳統設計模式相比，插畫可使圖表更具可讀性，使用戶在濃厚的興趣中更深層的了解圖表內容。

（二）加深主觀印象

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

（三）引人入勝

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

二、數據可視化下插畫的設計與視覺表現

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

（一）設計原則

在可視化設計中，主要針對數據、信息與導航進行設計，并重視信息結構與內容方面的可編輯性，遵循以下設計原則。

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

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

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

（二）設計思路與流程

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

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

（三）視覺元素

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

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

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

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

（四）視覺表達

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

圖1 亞健康人群身體癥狀的視覺轉化

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

圖2 亞健康危害圖標

三、結論

綜上所述，在數據爆炸時代下，可視化設計成為數據分析行之有效的工具。在可視化體系構建中，應充分發揮插畫在圖表分析、信息傳遞、引人入勝、增強記憶等方面的作用，幫助用戶更加直觀的獲取信息、準確的理解信息，根據信息作出科學決策。在插圖設計與數據轉化中，應根據用戶需求與設計原則，對各項視覺元素進行全面描述，為受眾提供豐富的視覺體驗，促進信息的高效傳遞。