張燦 張穎

上海大學(xué) 上海 200433

一、信息圖表在數(shù)據(jù)新聞中的設(shè)計(jì)特征

信息圖表在我國新聞傳媒界使用更廣泛、與之比較接近的概念是“圖示”，信息圖表與信息可視化有明確的界限，信息圖表通過統(tǒng)計(jì)圖表、地圖和圖解表達(dá)信息，而信息可視化提供可視化工具，所有信息圖表和可視化都有表達(dá)和挖掘的成分，表達(dá)信息，同時(shí)也利于讀者從不同角度分析內(nèi)容。區(qū)分信息圖表和信息可視化的關(guān)鍵在于讀者從中進(jìn)行分析挖掘的程度。

數(shù)據(jù)新聞的信息圖表很大一部分都與數(shù)字、數(shù)據(jù)相關(guān)，設(shè)計(jì)師將數(shù)據(jù)通過圖形符號表達(dá)，對數(shù)據(jù)新聞從多方面、多角度深入地理解剖析。信息圖表將數(shù)據(jù)視覺化、敘事化、個(gè)性化，從海量的數(shù)據(jù)中挖掘出新聞線索，相較于傳統(tǒng)的文字報(bào)導(dǎo)，更具易讀性、易懂性，將枯燥的數(shù)據(jù)以生動(dòng)的可視化方式呈現(xiàn)，既保留了原始新聞的內(nèi)容，又適應(yīng)了新時(shí)代互聯(lián)網(wǎng)快速閱讀的特點(diǎn)。

二、數(shù)據(jù)新聞中信息圖表的架構(gòu)與色彩

信息從外部世界到人類大腦會(huì)經(jīng)過編碼和解碼，編碼是信息的交流者在外部世界對未構(gòu)建信息進(jìn)行收集和篩選形成數(shù)據(jù)，解碼是構(gòu)建后的信息由觀眾運(yùn)用記憶和經(jīng)驗(yàn)識別展示的內(nèi)容形成知識，知識再通過觀眾的深入理解和記憶形成智慧。信息圖表的架構(gòu)在整個(gè)信息圖表可視化設(shè)計(jì)中起著至關(guān)重要的部分。其作用是在觀眾自己處理信息前，給他們提供一種解碼信息的步驟和方法。

信息圖表的架構(gòu)類型可分為四種，即線性結(jié)構(gòu)、層級結(jié)構(gòu)、分散結(jié)構(gòu)和矩陣結(jié)構(gòu)，筆者根據(jù)以上四種類型的架構(gòu)結(jié)合DТ財(cái)經(jīng)的典型案例，分析不同架構(gòu)的圖表可視化設(shè)計(jì)的方式[1]。

1.線性結(jié)構(gòu)

線性結(jié)構(gòu)通常適用于連續(xù)或并列的數(shù)據(jù)類型，由時(shí)間線或空間線構(gòu)成，線性結(jié)構(gòu)可以很好地將龐大的數(shù)據(jù)進(jìn)行梳理，讓觀眾可以快速找到數(shù)據(jù)的規(guī)律，線性結(jié)構(gòu)的圖表色彩構(gòu)成上分為兩個(gè)部分，一個(gè)是主體構(gòu)成的時(shí)間線或空間線，這個(gè)部分的顏色會(huì)采用色彩飽和度較低的中性色，既不過分吸引讀者目光，又起到引導(dǎo)線的作用，另外一部分是圍繞線性展開的數(shù)據(jù)內(nèi)容，這部分的顏色通常是統(tǒng)一的主題色，會(huì)根據(jù)新聞主題來確定。線性結(jié)構(gòu)常用于大事年表之類的信息圖表，如DТ財(cái)經(jīng)在“2003非典和2020新型冠狀病毒肺炎的發(fā)展時(shí)間對比”中就是將非典與新型冠狀病毒的病例出現(xiàn)時(shí)間點(diǎn)在時(shí)間軸上標(biāo)示出來，同時(shí)將病例出現(xiàn)時(shí)間點(diǎn)的累計(jì)病人數(shù)用折線圖表示，根據(jù)時(shí)間前后關(guān)系，可以很直觀地看到目前病例的發(fā)展?fàn)顩r[2]。

2.層級結(jié)構(gòu)

層級結(jié)構(gòu)的信息圖表往往數(shù)據(jù)類型有一個(gè)層層遞進(jìn)的關(guān)系或者包含關(guān)系，因此在顏色上也會(huì)根據(jù)其層級的特點(diǎn)，采用色階的色彩搭配，大多由同一色相的顏色一層一層地降低其飽和度和明度。在數(shù)據(jù)新聞的信息圖表中常用于將一個(gè)大的類別下對應(yīng)的多個(gè)子類別，如DТ財(cái)經(jīng)在“2020年7月字節(jié)跳動(dòng)招聘職位類別分布”中（圖1），將不同類別的職位按照顏色區(qū)分，同時(shí)將各大類職位下的細(xì)分崗位以同心圓環(huán)的形式表達(dá)其包含關(guān)系，按照各個(gè)崗位的人數(shù)占總員工數(shù)的比例切分圓環(huán)，人數(shù)比例與面積正相關(guān)，直觀的展現(xiàn)出招聘職位類別的人數(shù)分布情況。

圖1 層級結(jié)構(gòu)圖表色彩運(yùn)用（圖片來源：DТ財(cái)經(jīng)）

3.分散結(jié)構(gòu)

分散結(jié)構(gòu)常用來展示無規(guī)律、無關(guān)聯(lián)的數(shù)據(jù)信息，數(shù)據(jù)之間彼此獨(dú)立，因此常用于表達(dá)持續(xù)變化或沒有明確關(guān)聯(lián)的主題。在色彩的應(yīng)用上，分散結(jié)構(gòu)的圖表色彩較為獨(dú)立和分散，因此為了與內(nèi)容主題相互呼應(yīng)，會(huì)適當(dāng)運(yùn)用主題色，為了平衡分散結(jié)構(gòu)的無規(guī)律感和低關(guān)聯(lián)度，色彩上盡量不超過三種。因?yàn)榉稚⒔Y(jié)構(gòu)的數(shù)據(jù)具有獨(dú)立性，信息的視覺呈現(xiàn)上也多為單一獨(dú)立的元素，容易讓觀者產(chǎn)生視覺疲勞，因此通常會(huì)與其他的信息結(jié)構(gòu)結(jié)合使用，例如與時(shí)間軸的線性結(jié)構(gòu)結(jié)合，在單一的時(shí)間點(diǎn)維度上加以發(fā)散，運(yùn)用多種視覺符號和變化的圖形，提高視覺的表現(xiàn)力，增加信息圖表的視覺創(chuàng)意，提高信息的解碼效率[3]。

4.矩陣結(jié)構(gòu)

矩陣結(jié)構(gòu)圖表中的信息分類通常存在多個(gè)主題線索，各數(shù)據(jù)信息之間又存在緊密的相互聯(lián)系，需要設(shè)計(jì)師準(zhǔn)確表達(dá)信息，并引導(dǎo)受眾自主尋找信息。理想的矩陣結(jié)構(gòu)圖表設(shè)計(jì)能讓具有不同信息需求的受眾在同一內(nèi)容中獲取所需信息。如DТ財(cái)經(jīng)在“上海地鐵沿線租房數(shù)量圖”中，將不同的線路集合在一張圖上，地圖的電路上通過圓點(diǎn)的大小來表示出租房的數(shù)量，同時(shí)將出租房的數(shù)量進(jìn)行排名，觀者可以從多個(gè)維度來獲取信息，地理位置的維度，數(shù)量的維度等等[4]。

三、數(shù)據(jù)新聞中信息圖表的類型與色彩

Аndrеw Аbеlа博士對于圖表類型的選擇給出了非常全面的建議，可根據(jù)你想展示的數(shù)據(jù)間的關(guān)系和數(shù)據(jù)變量的個(gè)數(shù)這兩個(gè)維度去篩選，以分布型的數(shù)據(jù)維度為例，單個(gè)變量時(shí)可采用少數(shù)據(jù)點(diǎn)的直方圖或多數(shù)據(jù)點(diǎn)的正態(tài)分布圖，2個(gè)變量可以采用氣泡圖，3個(gè)變量及以上可以采用曲面圖。信息圖表的類型多種多樣，如何高效直觀地表達(dá)數(shù)據(jù)，取決于圖表類型的選擇，而圖表類型與色彩的對應(yīng)關(guān)系的選擇又依托于數(shù)據(jù)新聞的主題內(nèi)容和數(shù)據(jù)維度，不同類型的圖表在色彩的選擇上不盡相同，同一維度的數(shù)據(jù)可使用同類色，不同維度的數(shù)據(jù)可以采用對比色，色相、明度、飽和度的選擇也至關(guān)重要，并不是所有的類型都適合某一色彩搭配，一個(gè)主題的數(shù)據(jù)新聞也有可能適用多種圖表類型，需要衡量視覺表現(xiàn)、觀者認(rèn)知、版面占比等多方面因素，最終選擇出最合適的圖表類型與色彩搭配。

1.對比型

對比型的信息圖表通常會(huì)對比兩組或兩組以上數(shù)據(jù)的差異，色彩的選擇上也會(huì)根據(jù)對比組的個(gè)數(shù)來定，兩組對比的情況下，大多會(huì)采用冷暖對比的兩個(gè)顏色，從顏色上就能讓觀者感受到兩組數(shù)據(jù)的對立關(guān)系。兩組以上的對比數(shù)據(jù)會(huì)根據(jù)對比類型的數(shù)量來搭配色彩，當(dāng)只有一組對比類型時(shí)，對比組可采用多種不同色相的色彩，當(dāng)有多組對比類型時(shí)，可以每一類型使用同一顏色，同一類型下采用不同飽和度的同一顏色，形成一個(gè)漸變色，保證色彩的統(tǒng)一和諧。常用的對比型圖表有柱狀圖、面積圖、詞云圖以及雷達(dá)圖和星狀圖，其中雷達(dá)圖和星狀圖展現(xiàn)的是一體多維的數(shù)據(jù)。柱狀圖對比的屬性是柱子的高度，條形圖對比的屬性是寬度，某種程度上條形圖即柱狀圖的變形，將柱狀圖旋轉(zhuǎn)90度即為條形圖。面積圖/氣泡圖對比的是面積的大小，詞云圖對比的是詞的字號大小，雷達(dá)圖/星狀圖對比的是形狀的差異。在了解了對比性圖表的各個(gè)種類的對比屬性是什么之后，在對信息可視化設(shè)計(jì)的過程中，只要我們保持其對比屬性的可讀性和準(zhǔn)確性，可以適當(dāng)?shù)丶右砸曈X形式的修飾，讓整個(gè)圖表看起來不會(huì)過于枯燥乏味[5]。

2.分布型

分布型的信息圖表往往會(huì)承載大量的數(shù)據(jù)點(diǎn)，通過描述數(shù)據(jù)點(diǎn)的分布情況來展示數(shù)據(jù)的統(tǒng)計(jì)規(guī)律，例如集中分布和離散分布，數(shù)據(jù)波峰和數(shù)據(jù)波谷，這種直接揭示數(shù)據(jù)規(guī)律的圖表方式是數(shù)據(jù)圖表最早的應(yīng)用方向。分布型的圖表在色彩的選擇和應(yīng)用上比較靈活，這也是由于分布性圖表的數(shù)據(jù)較為分散，因此色彩的搭配會(huì)根據(jù)新聞主題來定，大多是單一顏色，色彩變化上大多是統(tǒng)一色相的明度和飽和度變化。分布型圖表適合的圖表類型包括直方圖、箱線圖、密度圖、散點(diǎn)圖等。常用的直方圖有頻數(shù)直方圖和頻率直方圖，通過對不同數(shù)據(jù)量數(shù)據(jù)頻次的排列，適于展示離散型分組數(shù)據(jù)的分布情況[5]。

3.關(guān)聯(lián)型

關(guān)聯(lián)型的信息圖表展示數(shù)據(jù)之間的關(guān)聯(lián)與流向，能讓觀眾動(dòng)態(tài)地感受數(shù)據(jù)之間的動(dòng)態(tài)聯(lián)系，此類圖表包括韋恩圖、漏斗圖、?；鶊D和和弦圖、節(jié)點(diǎn)關(guān)系圖。關(guān)聯(lián)型的圖表在色彩上大多會(huì)選擇同類色，通過顏色的明度變化展示數(shù)據(jù)信息的層級關(guān)系，通過漸變色這類有方向指向的色彩變化來展示數(shù)據(jù)之間的流動(dòng)關(guān)系。韋恩圖常用于描述靜態(tài)的數(shù)據(jù)集合的關(guān)系，一般采用橢圓或者圓形來表示一個(gè)集合，韋恩圖的邏輯關(guān)系需要至少2個(gè)的集合疊加展示，突出的是集合間的交并集關(guān)系。DТ財(cái)經(jīng)在“部分一二線城市絕味與周黑鴨門店勢力范圍對比”（圖2）中采用的就是韋恩圖的變形形式，將韋恩圖常用的圓形變?yōu)檎叫危t色代表絕味門店的勢力范圍面積，黑色代表周黑鴨的門店勢力范圍面積，重合部分代表兩個(gè)品牌門店勢力范圍重疊區(qū)域。漏斗圖適合數(shù)據(jù)從上至下有一個(gè)動(dòng)態(tài)濃縮的關(guān)系，每一層級按照漏斗的形狀疊加，展現(xiàn)了數(shù)據(jù)集的流動(dòng)性和層級性，一般用來描述單群體變量在不同環(huán)節(jié)的數(shù)據(jù)量由大到小的變化情況。桑基圖、和弦圖適合表示數(shù)據(jù)主體間動(dòng)態(tài)分流關(guān)系，和弦圖是?；鶊D的變形形式，呈圓環(huán)分布，通過流線寬度表示數(shù)據(jù)量。節(jié)點(diǎn)關(guān)系圖對應(yīng)表示數(shù)據(jù)主體間的靜態(tài)聯(lián)結(jié)關(guān)系，常用來表示兩個(gè)或多個(gè)對象之間的關(guān)系，節(jié)點(diǎn)連接線可以用粗細(xì)或不同深淺的顏色表示關(guān)系的緊密數(shù)量，尤其適合表達(dá)知識圖譜、人物關(guān)系、國際關(guān)系等。

圖2 關(guān)聯(lián)型圖表色彩運(yùn)用（圖片來源：DТ財(cái)經(jīng)）

4.地理型

地理型信息圖表通常涉及到地區(qū)分布，通過在地圖上疊加數(shù)據(jù)的視圖表達(dá)方式，能讓讀者直觀感受到新聞事件或數(shù)據(jù)的空間特點(diǎn)。色彩的應(yīng)用會(huì)根據(jù)地圖信息的展現(xiàn)而變化，平面地圖的色彩以色塊為主，以降低不透明度的方式疊加在地圖上，線性的地圖，通常會(huì)根據(jù)地理位置，同一線路采用同一色相?；A(chǔ)地圖可以分為二維平面地圖和三維立體地圖，疊加的圖表包括統(tǒng)計(jì)圖、散點(diǎn)圖、熱力圖和流星圖。分級統(tǒng)計(jì)地圖是一種在地圖分區(qū)上使用視覺符號如顏色、陰影或紋理，來表示一類或多類數(shù)據(jù)區(qū)域匯總情況的綜合地圖，適合表示有按區(qū)域統(tǒng)計(jì)的數(shù)據(jù)集。

四、數(shù)據(jù)新聞中信息圖表的色彩表現(xiàn)

色彩是信息構(gòu)成的一部分，有自己的語義，色彩的選擇往往根據(jù)符號信息和媒介的需要來選擇。新聞信息圖表設(shè)計(jì)中色彩的運(yùn)用通常都是和圖形符號緊密結(jié)合來傳達(dá)信息的。數(shù)據(jù)新聞的信息圖表的色彩表現(xiàn)豐富，看似冗雜，但總的來說都是基于色彩的基本屬性的變化，通過色彩色相的對比來映射數(shù)據(jù)的對比關(guān)系，通過色彩面積大小的對比，來展示數(shù)據(jù)量的多少。例如下圖（圖3）為了直觀地將男性與女性的禿頭差異進(jìn)行對比，使用有男性象征的藍(lán)色和女性象征的粉色作為該信息圖表的主色調(diào)。除了特有的象征顏色外，數(shù)據(jù)新聞信息圖表中的色彩大多保持在3個(gè)內(nèi)，為了保持整體顏色的和諧統(tǒng)一又不過于單調(diào)，一般一個(gè)顏色為主色占70%左右，一個(gè)顏色為對比色作為輔助色占30%左右，對比色常常用于對立關(guān)系的語義表達(dá)中，例如是和否、大或小等等。

圖3 色彩的運(yùn)用（圖片來源：DТ財(cái)經(jīng)）

五、數(shù)據(jù)新聞中信息圖表的色彩應(yīng)用規(guī)范

根據(jù)讀者在解碼信息圖表的內(nèi)容的過程和色彩的感知特性、通感特性、聯(lián)想特性，色彩的應(yīng)用規(guī)范主要可以分為以下三點(diǎn)：實(shí)用性原則、人性化原則、主色輔色搭配使用原則和特殊使用原則。實(shí)用性原則和人性化原則即一切以觀者的解讀為主，將色彩的使用充分與觀者的感知特性與聯(lián)想符號語義聯(lián)系，色彩的應(yīng)用契合觀者的心理認(rèn)知。主色輔色搭配原則是由于人常常會(huì)產(chǎn)生視覺疲勞，且在一定時(shí)間內(nèi)接受的視覺刺激是有限的，因此色彩的使用上要注意主色和輔色的搭配使用，主要的信息可以用突出的明亮的主色，次要的信息可以用淺淡的輔助色，營造視覺層次。在一些特殊的場合和特殊的使用環(huán)境中，信息圖表中色彩的使用要符合特定環(huán)境的要求。如火災(zāi)預(yù)報(bào)宜采用警告、危險(xiǎn)的紅色標(biāo)示。

在色彩的選擇上要克制，不要同時(shí)運(yùn)用多種顏色，在一幅圖表里使用過多的顏色不僅令人困惑，而且顯得俗氣。不要使用多種領(lǐng)色來呈現(xiàn)同一組數(shù)據(jù)，那樣容易分散讀者的注意力，而使用同一色彩來表示同一變量，有助于讀者把注意力放在數(shù)據(jù)的比較上。對于核心信息，可以用不同顏色，會(huì)使圖表看起來干凈利落，有助于讀者把注意力放在解讀數(shù)據(jù)上。需要注意的是，明度的過渡應(yīng)該是漸變式的平滑過渡，不能有大幅度的轉(zhuǎn)換。視線在忽明忽暗的跳躍中法對數(shù)據(jù)做出有意義的比較。采用什么色彩無所謂，關(guān)鍵是過渡轉(zhuǎn)換的平緩很重要。

結(jié)語

色彩可以使單調(diào)枯燥的信息圖表煥發(fā)生機(jī)，為之注入無窮的生命力。由于數(shù)據(jù)新聞對信息傳達(dá)的準(zhǔn)確性和時(shí)效性的要求較高，色彩的搭配就格外的重要。色彩過多，會(huì)讓讀者找不到關(guān)鍵點(diǎn)，眼花繚亂。少量集中地使用色彩，突出數(shù)據(jù)新聞中的傳達(dá)重點(diǎn)，既能引起讀者的興趣，又能讓讀者快速理解和捕捉信息。用巧妙的可視化方式爭取比文字更好的敘事效果，幫助受眾降低信息、知識或數(shù)據(jù)等的理解難度，使受眾或用戶易于接受，其接收效果是可視化設(shè)計(jì)的終極目標(biāo)。