邢勇杰 龍娟娟

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

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

中圖分類號：G210.7；G8-05 文獻標(biāo)識碼：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è)計在體育數(shù)據(jù)新聞領(lǐng)域的應(yīng)用提出了更高要求。

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

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ù)值從而加以對比。例如，可以運用橫縱軸分析社會群體收入與學(xué)歷的關(guān)系。如果對比維度達到三至四個，則會使用氣泡圖、面積圖等，當(dāng)對比的維度達到五個或五個以上，通常會使用雷達圖或者星狀圖展示。

分布狀態(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ā)展過程。此類敘事主題中包含漏斗圖、?；鶊D、和弦圖等等。紐約時報《The New York City Marathon Route： A New Yorker's Guide， Attitude Included》（紐約市馬拉松路線：紐約人的生活指南與態(tài)度）就使用了?；鶊D來對跑步者的路線進行匯總。

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

時間類敘事的核心是時間線索，重點凸顯時間的連續(xù)性，常以折線圖、周期圖為主。其中折線圖還可以衍生為平滑折線圖、標(biāo)注折線圖、階梯瀑布圖等，周期圖則適用于體現(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è)計

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

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

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

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

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

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

4.1 圖表疊加式交互

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

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

4.2 信息漸顯式交互

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

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

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

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

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

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

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

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

6 結(jié)語

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

參考文獻：

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

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

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

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

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