體育數(shù)據(jù)新聞可視化設計研究

邢勇杰 龍娟娟

摘要：數(shù)字化時代，可視化設計在數(shù)據(jù)新聞中扮演非常重要的角色。然而目前國內(nèi)的體育數(shù)據(jù)新聞存在視覺形式不夠直觀高效、體育賽事數(shù)據(jù)的敘事性不強、數(shù)據(jù)與受眾的互動性差等問題。基于此，文章以紐約時報、南華早報等處于領(lǐng)先地位的媒體為例，再與澎湃新聞等主流網(wǎng)站的體育數(shù)據(jù)新聞對比，總結(jié)體育數(shù)據(jù)新聞的可視化設計策略。

關(guān)鍵詞：體育數(shù)據(jù)新聞；可視化設計；數(shù)據(jù)可視化

中圖分類號：G210.7；G8-05 文獻標識碼：A 文章編號：1004-9436（2022）11-00-03

1 體育數(shù)據(jù)新聞可視化概念

數(shù)據(jù)新聞是一種新型的報道模式，以數(shù)據(jù)分析思維為核心，采用數(shù)據(jù)挖掘報道事實，也被稱為數(shù)據(jù)驅(qū)動型的調(diào)查性報道［1］。體育數(shù)據(jù)新聞是一種綜合收集、分析整理和集中展示各種與體育運動有關(guān)數(shù)據(jù)信息的新聞報道方法，具有較強的影響力、傳播力和競爭力。它以數(shù)據(jù)分析結(jié)果作為報道核心，以可視化為主要呈現(xiàn)方式［2］，這對可視化設計在體育數(shù)據(jù)新聞領(lǐng)域的應用提出了更高要求。

大數(shù)據(jù)技術(shù)不斷發(fā)展，傳統(tǒng)媒體逐漸朝數(shù)字化方向轉(zhuǎn)型，體育數(shù)據(jù)新聞的發(fā)展迎來了春天。面對其蓬勃發(fā)展的趨勢，我國財新網(wǎng)、騰訊新聞、網(wǎng)易新聞等媒體也制作了很多相關(guān)作品。然而這些作品在敘事邏輯上，沒有將圖表元素與數(shù)據(jù)類型進行恰當?shù)钠ヅ洌勺x性較弱；在視覺設計上以靜態(tài)圖表為主，容易給人千篇一律的感覺，缺乏設計感；在交互設計上缺乏與受眾之間的互動，不利于作品的傳播，這也是目前國內(nèi)體育數(shù)據(jù)新聞面臨的三個主要問題。一則優(yōu)秀的體育數(shù)據(jù)新聞不僅能帶給受眾良好的閱讀觀感，還可以傳遞可視化信息。基于此，本文從紐約時報、華盛頓郵報、南華早報等體育數(shù)據(jù)新聞可視化處于業(yè)界領(lǐng)先地位的媒體中，選取近兩年出品的作品，同時結(jié)合敘事邏輯、視覺設計、交互設計等多學科知識，總結(jié)出體育數(shù)據(jù)新聞的可視化設計策略。

2 體育數(shù)據(jù)新聞可視化的敘事邏輯

體育數(shù)據(jù)新聞可視化敘事方法是一種對過去體育新聞敘事模式的進一步革新，對體育新聞的抽象數(shù)據(jù)進行系統(tǒng)化處理后，再挖掘出其中的敘事邏輯。目前體育數(shù)據(jù)新聞的敘事邏輯結(jié)構(gòu)主要有以下五個主要類別：對比解讀類敘事、分布狀態(tài)類敘事、關(guān)系挖掘類敘事、空間敘事和時間敘事［3］。

對比解讀類敘事類似新聞敘事中的蜂巢型結(jié)構(gòu)，通過數(shù)據(jù)將多個獨立的小單元結(jié)合，相較于傳統(tǒng)媒體報道采用的線性敘事更加靈活。例如，南華早報發(fā)布的《香港奧運史》，該作品中橫軸代表香港運動員參與的比賽類型，如游泳、羽毛球、高爾夫等等，縱軸代表香港參與的奧運會屆數(shù)，如2016年巴西奧運會、2012年倫敦奧運會等。

在對比解讀類的敘事主題作品中，作者一般要對數(shù)據(jù)進行多個維度的對比，涉及兩個維度的數(shù)量，通常利用柱狀圖、條形圖的高度來顯示各個類別的離散數(shù)值從而加以對比。例如，可以運用橫縱軸分析社會群體收入與學歷的關(guān)系。如果對比維度達到三至四個，則會使用氣泡圖、面積圖等，當對比的維度達到五個或五個以上，通常會使用雷達圖或者星狀圖展示。

分布狀態(tài)類敘事是通過描述數(shù)據(jù)的統(tǒng)計規(guī)律，如離散程度、數(shù)形波谷等傳遞信息。此類敘事主題中包含直方圖、密度圖、散點圖等。南華早報《2022年國際足聯(lián)世界杯》就是利用直方圖展示了伊朗、伊拉克等五支參賽隊伍在主客場的贏球表現(xiàn)。

關(guān)系挖掘類敘事需要厘清數(shù)據(jù)之間的關(guān)系，讓受眾真實感受各個數(shù)據(jù)要點之間從靜態(tài)到動態(tài)的發(fā)展過程。此類敘事主題中包含漏斗圖、桑基圖、和弦圖等等。紐約時報《The New York City Marathon Route： A New Yorker's Guide， Attitude Included》（紐約市馬拉松路線：紐約人的生活指南與態(tài)度）就使用了桑基圖來對跑步者的路線進行匯總。

空間敘事在于對地圖的運用方式。在地圖上進行數(shù)據(jù)的疊加表達，可以讓受眾直觀感受到事件的空間特征。基礎(chǔ)地圖包括二維和三維地圖，而疊加視圖包括熱力圖、流星圖等。例如，南華早報的《Is the 2019 Rugby World Cup too close to call？》（2019年橄欖球世界杯是否勢均力敵？），就將受到臺風波及的城市數(shù)據(jù)疊加到整個日本地圖上，直觀地展示給受眾。

時間類敘事的核心是時間線索，重點凸顯時間的連續(xù)性，常以折線圖、周期圖為主。其中折線圖還可以衍生為平滑折線圖、標注折線圖、階梯瀑布圖等，周期圖則適用于體現(xiàn)時序數(shù)據(jù)的周期性，如南丁格爾玫瑰圖。華盛頓郵報《Key findings from 'Black Out， The Post's series on Black NFL coaches》（郵報關(guān)于美國國家橄欖球聯(lián)盟黑人教練的系列報道《黑人出局》的主要發(fā)現(xiàn)）就運用折線圖梳理了從1990年到2020年NFL球員和黑人主教練的比例差距。

3 體育數(shù)據(jù)新聞可視化的視覺設計

視覺設計元素在體育數(shù)據(jù)新聞可視化中扮演著重要角色，合理的視覺設計元素語言不僅可以滿足受眾的感官需求，還可以有效傳遞信息，加深受眾對作品的理解。關(guān)于設計元素的組成，信息可視化專家塔瑪拉·蒙茲納（Tamara Munzner）在其頗具影響力的著作《可視化分析與設計》（Visualization Analysis and Design）中談到了可視化中常用的視覺元素，包括點、線、面以及決定標記顯示方式的視覺通道。視覺通道的使用基于數(shù)據(jù)中的屬性類型，以及設計師希望能夠展示的數(shù)據(jù)表現(xiàn)，其可以是位置、顏色、形狀、方向或大小，這些元素在可視化設計中扮演著重要角色。

標識引導在可視化視覺設計中較為常見，其指示目的性強，是引領(lǐng)使用者盡快達到某種目的的有效方法，幫助沒有接觸過該領(lǐng)域的受眾進行并不常規(guī)的操作。紐約時報2022年的作品《不斷升級的技巧，升級的恐懼》（Escalating Tricks， Escalating Fears）在網(wǎng)頁中運用了很多標識來引導用戶瀏覽作品，比如下方滑動的滾條代表視頻的播放時長，提示框可以提示用戶滾動播放整個頁面。

色彩代表著設計作品的基調(diào)與含義。在體育數(shù)據(jù)新聞中，色彩可以反映數(shù)據(jù)分析的結(jié)果，帶給受眾直觀的感受。克勞斯·威爾克撰寫的《數(shù)據(jù)可視化基礎(chǔ)》（Fundamentals of Data Visualization）一書中提到，在可視化中，顏色通常有三種作用：區(qū)分不同的數(shù)據(jù)組；表示數(shù)據(jù)值；強調(diào)數(shù)據(jù)。當顏色作為區(qū)分工具時，作者會選擇一個定性的顏色標尺，該標尺會有一組限定的顏色選擇，而這種顏色選擇通常有三個條件：第一，選擇的顏色要保證和其他顏色明顯不同；第二，不能讓某一個顏色凌駕于其他顏色之上；第三，顏色不能按照一定的規(guī)律順序排列，如漸變色。

來自南華早報的作品《Hong Kong Four Trails Ultra Challenge》（香港四徑超級挑戰(zhàn)賽）闡釋了色彩的重要性。該作品講述了一個叫布隆伯格的馬拉松跑者設定了一個新的運動目標的故事，他把香港的四條跑道全部連接起來，同時設定了新的挑戰(zhàn)——四天跑四條路線：第一天跑100千米的麥理浩路，第二天跑78千米的衛(wèi)奕信路，第三天跑50千米的香港路，最后一天跑70千米的大嶼山路。

作者通篇使用了藍色與黃色兩種互補色，形成視覺上的對比。對于地形、城市坐標、漫畫背景，作者都用藍色表示，而用黃色表示運動員以及運動軌跡。該作品通過黃色與藍色的對比將運動員與背景區(qū)分開，增強了可視化美感，利用人們對色彩的敏感度幫助用戶更好地理解作者想要傳遞的信息，從而實現(xiàn)運用色彩強化作品主旨的目標。

4 體育數(shù)據(jù)新聞可視化的交互設計

4.1 圖表疊加式交互

當一個體育可視化作品呈現(xiàn)在用戶眼前時，其設計語言須符合用戶的閱讀習慣，同時具有一定的邏輯性。由于體育新聞選題具有多樣性、復雜性，通常無法運用單一化的圖表將敘事信息完整地展示給用戶，因此需要借助一些交互元素。例如，結(jié)合箭頭、文字框等其他提示按鈕來引導用戶操作鼠標點擊或滑動，從而增強該作品與用戶的互動，幫助用戶理解作者想要傳達的信息。例如，紐約時報的作品《兌現(xiàn)獎勵》，作者通過調(diào)查哪些國家為他們的參賽運動員提供獎勵，設計了一個關(guān)于體育金牌可視化與金錢收益的網(wǎng)頁作品。當用戶把鼠標移動到圖表上時，就會發(fā)現(xiàn)靜態(tài)圖表外還浮動著一圈藍色的條紋，這些藍色條紋就代表該國給運動員發(fā)放的獎金數(shù)額，條紋組成的面積代表發(fā)放金額的多少。

作者想通過鼠標交互的方式來引導用戶自主探索靜態(tài)圖表背后的故事，在用戶與圖表進行良好互動的過程中，幫助用戶更好地了解不同國家對運動員的獎勵，從而讓用戶進一步思考運動員的成績和國家獎勵之間的關(guān)系。

4.2 信息漸顯式交互

可視化作品能夠向用戶解釋故事的前因后果以及整體概況。然而在某些可視化版面設計中，由于設計篇幅過長，單依靠一個靜態(tài)的超長圖表難以吸引用戶的注意力，甚至還會給用戶帶來困擾，比如該從哪里開始閱讀、這個圖表的重點在哪里等等。信息漸顯的交互方式可以幫助用戶按照自己的意愿閱讀。例如，南華早報作品《Sealed off winter games：The "closed loop" system explained》（封閉式的冬奧會：借用閉環(huán)系統(tǒng)進行闡釋）以中國舉辦冬奧會作為背景，展示了冬奧會組織者在一個完整的閉環(huán)系統(tǒng)中執(zhí)行的嚴格措施，在保證運動員安全的前提下順利舉辦了冬奧會。作者放大了作品局部，讓每一個設計模塊都滿屏顯示，當用戶滾動鼠標滑輪時，下方的插圖與文字才會顯示。當用戶滑動過快或者沒有理解清楚該處的敘事信息時，用戶仍然可以通過上滑鼠標滾輪回到上一個頁面。

5 設計策略：對于我國體育數(shù)據(jù)新聞作品的建議

5.1 合理利用色彩關(guān)系，展示體育數(shù)據(jù)新聞背后的故事

色彩關(guān)系包含色彩的明度、純度、亮度以及色相冷暖等多種形式，作者制作體育數(shù)據(jù)新聞作品時，可以考慮將背后的敘事信息隱藏到色彩關(guān)系中。南華早報2021年的設計作品《Games of the Ⅺ Olympiad》（第十一屆奧運會），整個作品采用灰白的色調(diào)，只保留了象征國家的國旗顏色，搭配國旗上的標志性文字，傳遞出中國首次參加奧林匹克運動會的意義。該作品沒有追求復雜的可視化設計，反而精致易讀。國內(nèi)媒體在設計時可以借鑒上述作品，通過對色彩關(guān)系的合理利用引導受眾的視覺重心，傳遞背后隱藏的故事。

5.2 合理應用視覺元素，匹配體育數(shù)據(jù)新聞敘事手法

在以前的體育數(shù)據(jù)新聞中，作者往往采用多種多樣的圖表展示運動員以及所獲成績的信息。即使有了圖表設計來輔助新聞報道，也會因為作者對圖表背后的敘事結(jié)構(gòu)不清楚或者對數(shù)據(jù)類型不了解，使得創(chuàng)作的作品違背用戶的閱讀習慣。比如國內(nèi)體育數(shù)據(jù)新聞《高燒遇冷？城市馬拉松的冰與火之歌》，作者想傳遞的信息是：對資格嚴格把控的馬拉松賽事數(shù)量非常少。但作者選擇的呈現(xiàn)方式出現(xiàn)了問題，在展示馬拉松賽事的報名要求時運用了面積圖，很容易讓用戶誤以為是南丁格爾玫瑰圖的變形，從而錯誤理解圖表傳遞的信息。由此可見，作者不能陷入對圖表的形式追求，而應該理解圖表中視覺元素所代表的含義，深刻洞察圖表背后的敘事邏輯。

5.3 合理使用交互設計，增強用戶閱讀體驗感

從呈現(xiàn)方式上來看，我國的可視化體育數(shù)據(jù)新聞主要以靜態(tài)圖表和動態(tài)視頻為主，缺乏具有交互功能體驗的可視化體育新聞。例如，澎湃新聞美術(shù)課欄目最新發(fā)布的《數(shù)說冬奧｜100秒速看冬奧技巧》，本質(zhì)上還是傳統(tǒng)靜態(tài)意義的敘事作品，缺少與用戶的互動。交互式的圖表不僅能夠開拓數(shù)據(jù)的維度，增加信息量，還可以激發(fā)讀者閱讀作品、分享作品的欲望。當作品采用交互式信息圖時，敘事主體的權(quán)利就轉(zhuǎn)移到了讀者身上，這和傳統(tǒng)的靜態(tài)圖表敘事有著本質(zhì)的區(qū)別。在受眾自由探索信息的需求被滿足后，體育數(shù)據(jù)新聞報道也會變得更有趣味。正如紐約時報的互動新聞部負責人安德魯·迪威格所言，使用互動的方式制作新聞，可以幫助讀者更好地理解這個世界。

6 結(jié)語

文章以紐約時報、華盛頓郵報、南華早報近兩年的體育數(shù)據(jù)新聞為例，分析其背后的敘事邏輯、視覺設計與交互設計理念，并與國內(nèi)的體育數(shù)據(jù)新聞對比，整合了關(guān)于體育數(shù)據(jù)新聞的可視化設計方法，即在視覺上強調(diào)色彩搭配、標識引導符合用戶習慣，在敘事上應匹配圖表設計與數(shù)據(jù)類型，在交互上要增強與用戶的互動。希望通過本文的研究，能為國內(nèi)體育數(shù)據(jù)新聞可視化設計的發(fā)展提供一些有益的啟示。

參考文獻：

［1］ 方潔.數(shù)據(jù)新聞概論［M］.北京：中國人民大學出版社，2015：35-37.

［2］ 叢紅艷，李紅萌，宋欣怡.融媒體時代下體育數(shù)據(jù)新聞可視化研究［J］.西安體育學院學報，2020，37（4）：449-456.

［3］ 譚劍，王明玉，白東鳴.數(shù)據(jù)新聞如何選擇合適的可視化圖表［J］.新聞與寫作，2021（8）：108-112.

作者簡介：邢勇杰（1998—），男，山西忻州人，碩士在讀，研究方向：數(shù)據(jù)可視化設計。

龍娟娟（1983—），女，湖南醴陵人，碩士，副教授，系本文通訊作者，研究方向：信息數(shù)據(jù)可視化、數(shù)字媒體藝術(shù)、交互設計。