疫情圖表的信息可視化表達(dá)研究

辛智晟

摘要：分析并歸納當(dāng)下信息可視化設(shè)計(jì)需要考慮的重要因素，以及可視化過(guò)程中設(shè)計(jì)形式與設(shè)計(jì)內(nèi)容以及目標(biāo)受眾的內(nèi)在聯(lián)系。通過(guò)采集境內(nèi)外二十家性質(zhì)不同的媒體、機(jī)構(gòu)所發(fā)布的“疫情地圖”案例，運(yùn)用視覺(jué)傳達(dá)設(shè)計(jì)以及情感化設(shè)計(jì)原理對(duì)其進(jìn)行分析與解構(gòu)。在信息可視化設(shè)計(jì)過(guò)程中，有可視化受體、目標(biāo)受眾、設(shè)計(jì)手段需要納入具體考慮范圍。首先，通過(guò)深入調(diào)研可視化受體的人文背景、社會(huì)環(huán)境、事件屬性，再通過(guò)目標(biāo)受眾的需求層級(jí)分化解構(gòu)，最終形成設(shè)計(jì)手段與內(nèi)容形式以及受眾情感體驗(yàn)的有機(jī)統(tǒng)一。此外，信息可視化設(shè)計(jì)形式需與科技、傳媒形式的進(jìn)步與發(fā)展緊密相連，科技進(jìn)步往往意味著設(shè)計(jì)承載介質(zhì)的升級(jí)與變遷，而社交傳媒的形勢(shì)變化往往代表著可視化設(shè)計(jì)受眾的資訊接收平臺(tái)的改變。

關(guān)鍵詞：視覺(jué)傳達(dá) 信息可視化 疫情地圖 情感化設(shè)計(jì) 視覺(jué)信息設(shè)計(jì)

中圖分類(lèi)號(hào)：J524 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2021）02-0063-05

引言

信息可視化設(shè)計(jì)是一門(mén)專(zhuān)業(yè)于整合復(fù)雜、抽象信息流并將其轉(zhuǎn)換為直觀、清晰的可視化形象的視覺(jué)藝術(shù)，通常運(yùn)用在各類(lèi)大數(shù)據(jù)展示終端中。在2020年初，新型冠狀病毒自湖北省武漢市爆發(fā)，隨即在之后的數(shù)月蔓延至全國(guó)各地，在國(guó)內(nèi)疫情形勢(shì)逐漸向好之際，以歐洲為首的全球各地相繼爆發(fā)，最終被世衛(wèi)組織正式確認(rèn)為“全球大流行疾病”。境內(nèi)外的政府部門(mén)、國(guó)家機(jī)構(gòu)、科研院校、新聞媒體等各類(lèi)平臺(tái)相繼發(fā)布了運(yùn)用視覺(jué)信息設(shè)計(jì)手段的可視化信息面板，用于向公眾展示當(dāng)前疫情的最新態(tài)勢(shì)與相關(guān)信息。

概述

德國(guó)設(shè)計(jì)理論家馬庫(kù)斯·斯諾普在《論信息圖形》一書(shū)中指出：信息圖形是一種集合信息、數(shù)據(jù)、知識(shí)的視覺(jué)表現(xiàn)手段【1】。信息可視化可被理解為將抽象且難以理解的觀念【2】、數(shù)字等轉(zhuǎn)換為具有提供直觀視覺(jué)形象效果職能的信息圖形組合。在轉(zhuǎn)換過(guò)程中，形式與內(nèi)容應(yīng)當(dāng)達(dá)成一致，視覺(jué)設(shè)計(jì)需符合當(dāng)下內(nèi)容的本質(zhì)需求，且其表達(dá)形式應(yīng)當(dāng)擁有一定的視覺(jué)美感。在當(dāng)下這個(gè)爆發(fā)式信息傳播的時(shí)代，信息每時(shí)每刻都在刷新，故信息可視化也需要符合新媒體業(yè)態(tài)矩陣下隨時(shí)隨地的特質(zhì)與特征【3】。信息可視化的過(guò)程往往意味著綜合學(xué)科的交叉運(yùn)用，包括且不限于：版式設(shè)計(jì)、平面設(shè)計(jì)、情感化設(shè)計(jì)等不同類(lèi)別不同方面的學(xué)科，并受到圖像學(xué)、新聞傳播學(xué)、經(jīng)濟(jì)學(xué)、社會(huì)心理學(xué)、設(shè)計(jì)藝術(shù)學(xué)等領(lǐng)域的深刻影響【4】。

在1854年，一種在對(duì)當(dāng)時(shí)的人類(lèi)完全未知的疫病席卷了英國(guó)倫敦，大量的人群死亡而人們不知其因。直到當(dāng)時(shí)的流行病學(xué)研究先驅(qū)JohnSnow醫(yī)生將死亡病例的數(shù)量以黑色方形繪制在倫敦地圖上（如圖1），并將水泵以黑點(diǎn)表示在圖上后分析發(fā)現(xiàn)，大多數(shù)的病例都居住在某一個(gè)特定水源地附近，而后倫敦政府依據(jù)此結(jié)論禁止了此水源地的繼續(xù)使用，并成功抑制了疫情的蔓延。這也是有名的“霍亂地圖”，其歷史性地運(yùn)用數(shù)據(jù)可視化系統(tǒng)解決了當(dāng)時(shí)醫(yī)療能力無(wú)法解決的疫病蔓延，而此無(wú)疑開(kāi)創(chuàng)了信息可視化應(yīng)用的先河，并在此后被沿用到醫(yī)學(xué)、流行病學(xué)研究等領(lǐng)域中【5】。

而在二百年后的今天，各類(lèi)新媒體已成為了人們獲取信息的重要工具與平臺(tái)，在疫情爆發(fā)時(shí)，疫情地圖一度成為人們?cè)诩抑懈綦x時(shí)與一日三餐同等重要的獲取疫情相關(guān)信息的可視化面板，抽象數(shù)據(jù)信息通過(guò)色彩、版式、圖形等視覺(jué)傳達(dá)設(shè)計(jì)手段重新組建后變得清晰明了且容易理解，為目標(biāo)群體提供實(shí)用的相關(guān)信息，并成為決策與目標(biāo)群體的行為依據(jù)6。

二、境內(nèi)媒體的“疫情地圖”

本次收集了以官方新聞媒體為主的“央視新聞”、以資訊類(lèi)APP為主的“騰訊新聞”、“丁香園”、“知乎”等11家機(jī)構(gòu)、媒體的疫情地圖。在國(guó)內(nèi)便攜互聯(lián)網(wǎng)的背景下，所有平臺(tái)都使用了以移動(dòng)化終端平臺(tái)為主導(dǎo)的載體模式，目標(biāo)鎖定在移動(dòng)終端介質(zhì)，其顯示信息基本機(jī)制以適應(yīng)移動(dòng)平面端寬高比為主。

在總體版式設(shè)計(jì)中，絕大多數(shù)的界面都遵從了“頂部突出主體信息、圖形化海報(bào)設(shè)計(jì);從上至下依據(jù)信息優(yōu)先級(jí)”的設(shè)計(jì)方式。字體均使用了簡(jiǎn)潔美觀的無(wú)襯線(xiàn)體黑體或以黑體為基礎(chǔ)的字體。其優(yōu)秀的閱讀性與現(xiàn)代性使得整體的界面干凈，現(xiàn)代，符合移動(dòng)傳輸介質(zhì)的潛意識(shí)期待。

三、境外媒體的“疫情地圖”

在境外媒體的疫情信息發(fā)布平臺(tái)中，本次收集了世界衛(wèi)生組織等7個(gè)發(fā)布平臺(tái)，與境內(nèi)媒體不同的是，境外媒體主要以桌面終端介質(zhì)作為主要適配平臺(tái)，這也決定了其總體設(shè)計(jì)采用了“數(shù)據(jù)面板型”（Dashboard），主要包括了“圖表”（Diagram）/“熱力圖”（HeatMaps）/“數(shù)據(jù)”（Statistic）三類(lèi)信息可視化方式，以“熱力圖”作為最大視覺(jué)面積，其余區(qū)域豎列作為次要視覺(jué)面積放置的版式模式。

四、“疫情地圖”的異同化信息傳達(dá)

通過(guò)對(duì)比、分析境內(nèi)外媒體的“疫情地圖”信息可視化方案，從視覺(jué)傳達(dá)的角度來(lái)思考其設(shè)計(jì)方式的異同化表現(xiàn)。

（一）“數(shù)據(jù)”的直接化表達(dá)

對(duì)比境內(nèi)外媒體的各形態(tài)疫情地圖，其都呈現(xiàn)了以字體設(shè)計(jì)中字號(hào)、字形、字體粗細(xì)、顏色四大要素為主的數(shù)據(jù)直接化表達(dá)。

圖2、3、4中分別展示了境內(nèi)媒體“丁香園”、境外媒體“世界衛(wèi)生組織”、“美國(guó)疾控中心”、“美維吉尼亞大學(xué)”的疫情地圖，在圖中“確診病例”（ConfirmedCases）、“現(xiàn)存病例”（ActiveCases）、“治愈病例”（RecoveredCases）、“死亡病例”（Case-Fatality）等數(shù)據(jù)類(lèi)型都進(jìn)行了直接化表達(dá)，顏色的區(qū)分使得其數(shù)據(jù)類(lèi)型可被直接辨識(shí)，說(shuō)明性文字與關(guān)鍵信息文字的字體以及大小區(qū)分也有效地將信息進(jìn)行了重新分級(jí)，達(dá)到了直觀展示信息的目的。

對(duì)比境內(nèi)外媒體的字體設(shè)計(jì)，可知多家不同類(lèi)型的發(fā)布平臺(tái)均以橙黃色、紅色、藍(lán)色、綠色四大類(lèi)色相對(duì)數(shù)據(jù)類(lèi)型進(jìn)行了區(qū)分，依照數(shù)據(jù)類(lèi)型在視覺(jué)上進(jìn)行了色相偏移的設(shè)計(jì)。在字體大小方面，均以數(shù)字本身作為最大字號(hào)字體，以大小的變化突出視覺(jué)優(yōu)先級(jí)別。

在“疫情地圖”設(shè)計(jì)中，多發(fā)布平臺(tái)根據(jù)自身性質(zhì)設(shè)計(jì)了多平臺(tái)化的二級(jí)功能入口，以滿(mǎn)足自身用戶(hù)對(duì)母產(chǎn)品邏輯的產(chǎn)品預(yù)期。

例如圖13中“美國(guó)疾控中心”發(fā)布的“疫情地圖追蹤面板”，其提供了非常詳盡的醫(yī)學(xué)數(shù)據(jù)，如“按州細(xì)粉的商業(yè)、公共衛(wèi)生及醫(yī)院實(shí)驗(yàn)室檢測(cè)數(shù)據(jù)”由于其權(quán)威發(fā)布平臺(tái)的性質(zhì)，多類(lèi)別的數(shù)據(jù)被進(jìn)行行為層設(shè)計(jì)化以符合不同受眾的需求。

多功能的行為層設(shè)計(jì)可輔以多層次的視覺(jué)信息可視化手段，以多級(jí)別的立體視覺(jué)層次與多功能的行為層設(shè)計(jì)傳達(dá)給受眾實(shí)用的使用體驗(yàn)。

（三）反思層設(shè)計(jì)

反思層設(shè)計(jì)是指受眾通過(guò)或從本能層設(shè)計(jì)或行為層設(shè)計(jì)中產(chǎn)生的某種行為，使得受眾反思其意義，并引起高級(jí)情感反應(yīng)，這類(lèi)反思可能是正反兩向的，可能是對(duì)于本身行為意義的一個(gè)升華或是反向抑制?！耙咔榈貓D”由于其特殊的事件屬性與產(chǎn)品性質(zhì)，反思層設(shè)計(jì)顯得尤為重要。

疫情襲來(lái)時(shí)，生命受到威脅，疫情席卷地區(qū)的人群的心里反應(yīng)與心理波動(dòng)應(yīng)當(dāng)是較大的，如何釋放這類(lèi)情緒是“疫情地圖”產(chǎn)品需要解決的問(wèn)題。

例如圖14中境內(nèi)媒體的案例，在頁(yè)面底部出現(xiàn)了飄浮的圓角矩形功能入口，其中主要為“分享”、“加油”、“報(bào)平安”等功能，這一功能的設(shè)計(jì)清晰地表達(dá)了在設(shè)計(jì)時(shí)對(duì)人文情感價(jià)值的反思層設(shè)計(jì)，這樣的設(shè)計(jì)通過(guò)引導(dǎo)我們與操作界面產(chǎn)生交互，并去思考這樣的行為可能帶來(lái)的意義與作用是對(duì)人類(lèi)深層情感的一個(gè)呼應(yīng)與暗示。

結(jié)語(yǔ)

本文收集了境內(nèi)外二十家機(jī)構(gòu)、平臺(tái)、媒體的“疫情地圖”，以對(duì)比論證的方法詳細(xì)分析并解構(gòu)了各類(lèi)“疫情地圖”中視覺(jué)可視化的可取之處以及不足之處，同時(shí)使用情感化設(shè)計(jì)的研究方法對(duì)當(dāng)下“疫情地圖”進(jìn)行了分層，從用戶(hù)本身需求出發(fā)分析可視化設(shè)計(jì)表達(dá)的正確方法。信息可視化本質(zhì)上是將抽象的概念、數(shù)據(jù)轉(zhuǎn)換為直觀易懂的視覺(jué)形象的藝術(shù)【10】。在設(shè)計(jì)時(shí)，首先我們需要考慮當(dāng)下目標(biāo)受眾的可視化展現(xiàn)媒介與載體，由此確定可視化表達(dá)的主要構(gòu)成形式與方法;其次，我們需要考慮可視化目標(biāo)的人文背景，社會(huì)環(huán)境，事件性質(zhì)，因地制宜地選取符合當(dāng)前情況的設(shè)計(jì)方法與設(shè)計(jì)理念;最終，我們需要站在目標(biāo)受眾的角度上，從受眾本身的需求出發(fā)，分別考慮本能感官層面、功能行為層面以及人文感官層面的實(shí)際情況，最終將各方條件有機(jī)結(jié)合以期達(dá)到設(shè)計(jì)形式語(yǔ)言與信息內(nèi)涵的統(tǒng)一。在當(dāng)下科技日新月異發(fā)展的時(shí)代，設(shè)計(jì)師應(yīng)緊跟時(shí)代發(fā)展趨勢(shì)，將信息可視化與最新技術(shù)有機(jī)融合，以達(dá)到科學(xué)與藝術(shù)的有機(jī)統(tǒng)一。做好信息可視化設(shè)計(jì)，能在當(dāng)前“信息爆炸”的時(shí)代有效整合各不同類(lèi)別的繁雜信息，以在高信息流、高復(fù)雜信息交匯整合事件中發(fā)揮重要作用。大工業(yè)化時(shí)代語(yǔ)境下的信息傳播，更前所未有的需要化繁為簡(jiǎn)的信息整合技術(shù)以及信息視覺(jué)呈現(xiàn)的優(yōu)秀藝術(shù)。

參考文獻(xiàn)

【1】馬庫(kù)斯斯洛普，吳瓊.論信息圖形【J】.裝飾，2007（8）：37-45.

【2】付心儀，劉世霞，徐迎慶.信息可視化的發(fā)展與思考【J】.裝飾，2017（4）：16-19.

【3】王聞儀.數(shù)據(jù)可視化設(shè)計(jì)的應(yīng)用研究【J】.設(shè)計(jì)，2019，32（7）：48-50.

【4】賴(lài)虹竹，汪泳.基于地理信息的疫情可視化設(shè)計(jì)探討一以《重慶市新型冠狀病毒肺炎疫情地圖》可視化設(shè)計(jì)為例【J】.工業(yè)工程設(shè)計(jì)，2020（2）：39-49

【5】齊蘭蘭，周素紅，閆小培，等醫(yī)學(xué)地理學(xué)發(fā)展趨勢(shì)及當(dāng)前熱點(diǎn)【J】.地理科學(xué)進(jìn)展，2013，32（8）：1276-1285.

【6】譚逸夫.視覺(jué)傳達(dá)視角下“疫情地圖”的數(shù)據(jù)可視化對(duì)比研究【J】.湖南包裝，2020（1）：15-19

【】孫鳳臨.疫情地圖實(shí)時(shí)報(bào)告的數(shù)據(jù)可視化設(shè)計(jì)【J】.青年記者，2020（15）：60-61

[8] FitzPatrick P J. Leading British statisticians of the nineteenth century [J] . Journal of the American Statistical Association，1960，55（289）：38-70.

【9】唐納德A.諾曼張磊，譯設(shè)計(jì)心理學(xué)3：情感化設(shè)計(jì)【M】.北京：中信出版社，2015.

【10】邱南森.數(shù)據(jù)之美【M】.北京：中國(guó)人民大學(xué)出版社，2014.