探析數(shù)據(jù)新聞中信息圖表的色彩設計

張燦 張穎

上海大學 上海 200433

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

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

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

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

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

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

1.線性結(jié)構

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

2.層級結(jié)構

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

圖1 層級結(jié)構圖表色彩運用（圖片來源：DТ財經(jīng)）

3.分散結(jié)構

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

4.矩陣結(jié)構

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

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

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

1.對比型

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

2.分布型

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

3.關聯(lián)型

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

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

4.地理型

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

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

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

圖3 色彩的運用（圖片來源：DТ財經(jīng)）

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

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

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

結(jié)語

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