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

邢勇杰 龍娟娟

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

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

中圖分類號(hào)：G210.7；G8-05 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1004-9436（2022）11-00-03

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4.1 圖表疊加式交互

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

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

4.2 信息漸顯式交互

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

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

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

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

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

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

5.3 合理使用交互設(shè)計(jì)，增強(qiáng)用戶閱讀體驗(yàn)感

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

6 結(jié)語

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

參考文獻(xiàn)：

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

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

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

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

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