張燦 張穎
上海大學 上海 200433
信息圖表在我國新聞傳媒界使用更廣泛、與之比較接近的概念是“圖示”,信息圖表與信息可視化有明確的界限,信息圖表通過統計圖表、地圖和圖解表達信息,而信息可視化提供可視化工具,所有信息圖表和可視化都有表達和挖掘的成分,表達信息,同時也利于讀者從不同角度分析內容。區分信息圖表和信息可視化的關鍵在于讀者從中進行分析挖掘的程度。
數據新聞的信息圖表很大一部分都與數字、數據相關,設計師將數據通過圖形符號表達,對數據新聞從多方面、多角度深入地理解剖析。信息圖表將數據視覺化、敘事化、個性化,從海量的數據中挖掘出新聞線索,相較于傳統的文字報導,更具易讀性、易懂性,將枯燥的數據以生動的可視化方式呈現,既保留了原始新聞的內容,又適應了新時代互聯網快速閱讀的特點。
信息從外部世界到人類大腦會經過編碼和解碼,編碼是信息的交流者在外部世界對未構建信息進行收集和篩選形成數據,解碼是構建后的信息由觀眾運用記憶和經驗識別展示的內容形成知識,知識再通過觀眾的深入理解和記憶形成智慧。信息圖表的架構在整個信息圖表可視化設計中起著至關重要的部分。其作用是在觀眾自己處理信息前,給他們提供一種解碼信息的步驟和方法。
信息圖表的架構類型可分為四種,即線性結構、層級結構、分散結構和矩陣結構,筆者根據以上四種類型的架構結合DТ財經的典型案例,分析不同架構的圖表可視化設計的方式[1]。
線性結構通常適用于連續或并列的數據類型,由時間線或空間線構成,線性結構可以很好地將龐大的數據進行梳理,讓觀眾可以快速找到數據的規律,線性結構的圖表色彩構成上分為兩個部分,一個是主體構成的時間線或空間線,這個部分的顏色會采用色彩飽和度較低的中性色,既不過分吸引讀者目光,又起到引導線的作用,另外一部分是圍繞線性展開的數據內容,這部分的顏色通常是統一的主題色,會根據新聞主題來確定。線性結構常用于大事年表之類的信息圖表,如DТ財經在“2003非典和2020新型冠狀病毒肺炎的發展時間對比”中就是將非典與新型冠狀病毒的病例出現時間點在時間軸上標示出來,同時將病例出現時間點的累計病人數用折線圖表示,根據時間前后關系,可以很直觀地看到目前病例的發展狀況[2]。
層級結構的信息圖表往往數據類型有一個層層遞進的關系或者包含關系,因此在顏色上也會根據其層級的特點,采用色階的色彩搭配,大多由同一色相的顏色一層一層地降低其飽和度和明度。在數據新聞的信息圖表中常用于將一個大的類別下對應的多個子類別,如DТ財經在“2020年7月字節跳動招聘職位類別分布”中(圖1),將不同類別的職位按照顏色區分,同時將各大類職位下的細分崗位以同心圓環的形式表達其包含關系,按照各個崗位的人數占總員工數的比例切分圓環,人數比例與面積正相關,直觀的展現出招聘職位類別的人數分布情況。

圖1 層級結構圖表色彩運用(圖片來源:DТ財經)
分散結構常用來展示無規律、無關聯的數據信息,數據之間彼此獨立,因此常用于表達持續變化或沒有明確關聯的主題。在色彩的應用上,分散結構的圖表色彩較為獨立和分散,因此為了與內容主題相互呼應,會適當運用主題色,為了平衡分散結構的無規律感和低關聯度,色彩上盡量不超過三種。因為分散結構的數據具有獨立性,信息的視覺呈現上也多為單一獨立的元素,容易讓觀者產生視覺疲勞,因此通常會與其他的信息結構結合使用,例如與時間軸的線性結構結合,在單一的時間點維度上加以發散,運用多種視覺符號和變化的圖形,提高視覺的表現力,增加信息圖表的視覺創意,提高信息的解碼效率[3]。
矩陣結構圖表中的信息分類通常存在多個主題線索,各數據信息之間又存在緊密的相互聯系,需要設計師準確表達信息,并引導受眾自主尋找信息。理想的矩陣結構圖表設計能讓具有不同信息需求的受眾在同一內容中獲取所需信息。如DТ財經在“上海地鐵沿線租房數量圖”中,將不同的線路集合在一張圖上,地圖的電路上通過圓點的大小來表示出租房的數量,同時將出租房的數量進行排名,觀者可以從多個維度來獲取信息,地理位置的維度,數量的維度等等[4]。
Аndrеw Аbеlа博士對于圖表類型的選擇給出了非常全面的建議,可根據你想展示的數據間的關系和數據變量的個數這兩個維度去篩選,以分布型的數據維度為例,單個變量時可采用少數據點的直方圖或多數據點的正態分布圖,2個變量可以采用氣泡圖,3個變量及以上可以采用曲面圖。信息圖表的類型多種多樣,如何高效直觀地表達數據,取決于圖表類型的選擇,而圖表類型與色彩的對應關系的選擇又依托于數據新聞的主題內容和數據維度,不同類型的圖表在色彩的選擇上不盡相同,同一維度的數據可使用同類色,不同維度的數據可以采用對比色,色相、明度、飽和度的選擇也至關重要,并不是所有的類型都適合某一色彩搭配,一個主題的數據新聞也有可能適用多種圖表類型,需要衡量視覺表現、觀者認知、版面占比等多方面因素,最終選擇出最合適的圖表類型與色彩搭配。
對比型的信息圖表通常會對比兩組或兩組以上數據的差異,色彩的選擇上也會根據對比組的個數來定,兩組對比的情況下,大多會采用冷暖對比的兩個顏色,從顏色上就能讓觀者感受到兩組數據的對立關系。兩組以上的對比數據會根據對比類型的數量來搭配色彩,當只有一組對比類型時,對比組可采用多種不同色相的色彩,當有多組對比類型時,可以每一類型使用同一顏色,同一類型下采用不同飽和度的同一顏色,形成一個漸變色,保證色彩的統一和諧。常用的對比型圖表有柱狀圖、面積圖、詞云圖以及雷達圖和星狀圖,其中雷達圖和星狀圖展現的是一體多維的數據。柱狀圖對比的屬性是柱子的高度,條形圖對比的屬性是寬度,某種程度上條形圖即柱狀圖的變形,將柱狀圖旋轉90度即為條形圖。面積圖/氣泡圖對比的是面積的大小,詞云圖對比的是詞的字號大小,雷達圖/星狀圖對比的是形狀的差異。在了解了對比性圖表的各個種類的對比屬性是什么之后,在對信息可視化設計的過程中,只要我們保持其對比屬性的可讀性和準確性,可以適當地加以視覺形式的修飾,讓整個圖表看起來不會過于枯燥乏味[5]。
分布型的信息圖表往往會承載大量的數據點,通過描述數據點的分布情況來展示數據的統計規律,例如集中分布和離散分布,數據波峰和數據波谷,這種直接揭示數據規律的圖表方式是數據圖表最早的應用方向。分布型的圖表在色彩的選擇和應用上比較靈活,這也是由于分布性圖表的數據較為分散,因此色彩的搭配會根據新聞主題來定,大多是單一顏色,色彩變化上大多是統一色相的明度和飽和度變化。分布型圖表適合的圖表類型包括直方圖、箱線圖、密度圖、散點圖等。常用的直方圖有頻數直方圖和頻率直方圖,通過對不同數據量數據頻次的排列,適于展示離散型分組數據的分布情況[5]。
關聯型的信息圖表展示數據之間的關聯與流向,能讓觀眾動態地感受數據之間的動態聯系,此類圖表包括韋恩圖、漏斗圖、桑基圖和和弦圖、節點關系圖。關聯型的圖表在色彩上大多會選擇同類色,通過顏色的明度變化展示數據信息的層級關系,通過漸變色這類有方向指向的色彩變化來展示數據之間的流動關系。韋恩圖常用于描述靜態的數據集合的關系,一般采用橢圓或者圓形來表示一個集合,韋恩圖的邏輯關系需要至少2個的集合疊加展示,突出的是集合間的交并集關系。DТ財經在“部分一二線城市絕味與周黑鴨門店勢力范圍對比”(圖2)中采用的就是韋恩圖的變形形式,將韋恩圖常用的圓形變為正方形,紅色代表絕味門店的勢力范圍面積,黑色代表周黑鴨的門店勢力范圍面積,重合部分代表兩個品牌門店勢力范圍重疊區域。漏斗圖適合數據從上至下有一個動態濃縮的關系,每一層級按照漏斗的形狀疊加,展現了數據集的流動性和層級性,一般用來描述單群體變量在不同環節的數據量由大到小的變化情況。桑基圖、和弦圖適合表示數據主體間動態分流關系,和弦圖是桑基圖的變形形式,呈圓環分布,通過流線寬度表示數據量。節點關系圖對應表示數據主體間的靜態聯結關系,常用來表示兩個或多個對象之間的關系,節點連接線可以用粗細或不同深淺的顏色表示關系的緊密數量,尤其適合表達知識圖譜、人物關系、國際關系等。

圖2 關聯型圖表色彩運用(圖片來源:DТ財經)
地理型信息圖表通常涉及到地區分布,通過在地圖上疊加數據的視圖表達方式,能讓讀者直觀感受到新聞事件或數據的空間特點。色彩的應用會根據地圖信息的展現而變化,平面地圖的色彩以色塊為主,以降低不透明度的方式疊加在地圖上,線性的地圖,通常會根據地理位置,同一線路采用同一色相。基礎地圖可以分為二維平面地圖和三維立體地圖,疊加的圖表包括統計圖、散點圖、熱力圖和流星圖。分級統計地圖是一種在地圖分區上使用視覺符號如顏色、陰影或紋理,來表示一類或多類數據區域匯總情況的綜合地圖,適合表示有按區域統計的數據集。
色彩是信息構成的一部分,有自己的語義,色彩的選擇往往根據符號信息和媒介的需要來選擇。新聞信息圖表設計中色彩的運用通常都是和圖形符號緊密結合來傳達信息的。數據新聞的信息圖表的色彩表現豐富,看似冗雜,但總的來說都是基于色彩的基本屬性的變化,通過色彩色相的對比來映射數據的對比關系,通過色彩面積大小的對比,來展示數據量的多少。例如下圖(圖3)為了直觀地將男性與女性的禿頭差異進行對比,使用有男性象征的藍色和女性象征的粉色作為該信息圖表的主色調。除了特有的象征顏色外,數據新聞信息圖表中的色彩大多保持在3個內,為了保持整體顏色的和諧統一又不過于單調,一般一個顏色為主色占70%左右,一個顏色為對比色作為輔助色占30%左右,對比色常常用于對立關系的語義表達中,例如是和否、大或小等等。

圖3 色彩的運用(圖片來源:DТ財經)
根據讀者在解碼信息圖表的內容的過程和色彩的感知特性、通感特性、聯想特性,色彩的應用規范主要可以分為以下三點:實用性原則、人性化原則、主色輔色搭配使用原則和特殊使用原則。實用性原則和人性化原則即一切以觀者的解讀為主,將色彩的使用充分與觀者的感知特性與聯想符號語義聯系,色彩的應用契合觀者的心理認知。主色輔色搭配原則是由于人常常會產生視覺疲勞,且在一定時間內接受的視覺刺激是有限的,因此色彩的使用上要注意主色和輔色的搭配使用,主要的信息可以用突出的明亮的主色,次要的信息可以用淺淡的輔助色,營造視覺層次。在一些特殊的場合和特殊的使用環境中,信息圖表中色彩的使用要符合特定環境的要求。如火災預報宜采用警告、危險的紅色標示。
在色彩的選擇上要克制,不要同時運用多種顏色,在一幅圖表里使用過多的顏色不僅令人困惑,而且顯得俗氣。不要使用多種領色來呈現同一組數據,那樣容易分散讀者的注意力,而使用同一色彩來表示同一變量,有助于讀者把注意力放在數據的比較上。對于核心信息,可以用不同顏色,會使圖表看起來干凈利落,有助于讀者把注意力放在解讀數據上。需要注意的是,明度的過渡應該是漸變式的平滑過渡,不能有大幅度的轉換。視線在忽明忽暗的跳躍中法對數據做出有意義的比較。采用什么色彩無所謂,關鍵是過渡轉換的平緩很重要。
色彩可以使單調枯燥的信息圖表煥發生機,為之注入無窮的生命力。由于數據新聞對信息傳達的準確性和時效性的要求較高,色彩的搭配就格外的重要。色彩過多,會讓讀者找不到關鍵點,眼花繚亂。少量集中地使用色彩,突出數據新聞中的傳達重點,既能引起讀者的興趣,又能讓讀者快速理解和捕捉信息。用巧妙的可視化方式爭取比文字更好的敘事效果,幫助受眾降低信息、知識或數據等的理解難度,使受眾或用戶易于接受,其接收效果是可視化設計的終極目標。