体育数据新闻可视化设计研究

邢勇杰 龙娟娟

摘要：数字化时代，可视化设计在数据新闻中扮演非常重要的角色。然而目前国内的体育数据新闻存在视觉形式不够直观高效、体育赛事数据的叙事性不强、数据与受众的互动性差等问题。基于此，文章以纽约时报、南华早报等处于领先地位的媒体为例，再与澎湃新闻等主流网站的体育数据新闻对比，总结体育数据新闻的可视化设计策略。

关键词：体育数据新闻；可视化设计；数据可视化

中图分类号：G210.7；G8-05 文献标识码：A 文章编号：1004-9436（2022）11-00-03

1 体育数据新闻可视化概念

数据新闻是一种新型的报道模式，以数据分析思维为核心，采用数据挖掘报道事实，也被称为数据驱动型的调查性报道［1］。体育数据新闻是一种综合收集、分析整理和集中展示各种与体育运动有关数据信息的新闻报道方法，具有较强的影响力、传播力和竞争力。它以数据分析结果作为报道核心，以可视化为主要呈现方式［2］，这对可视化设计在体育数据新闻领域的应用提出了更高要求。

大数据技术不断发展，传统媒体逐渐朝数字化方向转型，体育数据新闻的发展迎来了春天。面对其蓬勃发展的趋势，我国财新网、腾讯新闻、网易新闻等媒体也制作了很多相关作品。然而这些作品在叙事逻辑上，没有将图表元素与数据类型进行恰当的匹配，可读性较弱；在视觉设计上以静态图表为主，容易给人千篇一律的感觉，缺乏设计感；在交互设计上缺乏与受众之间的互动，不利于作品的传播，这也是目前国内体育数据新闻面临的三个主要问题。一则优秀的体育数据新闻不仅能带给受众良好的阅读观感，还可以传递可视化信息。基于此，本文从纽约时报、华盛顿邮报、南华早报等体育数据新闻可视化处于业界领先地位的媒体中，选取近两年出品的作品，同时结合叙事逻辑、视觉设计、交互设计等多学科知识，总结出体育数据新闻的可视化设计策略。

2 体育数据新闻可视化的叙事逻辑

体育数据新闻可视化叙事方法是一种对过去体育新闻叙事模式的进一步革新，对体育新闻的抽象数据进行系统化处理后，再挖掘出其中的叙事逻辑。目前体育数据新闻的叙事逻辑结构主要有以下五个主要类别：对比解读类叙事、分布状态类叙事、关系挖掘类叙事、空间叙事和时间叙事［3］。

对比解读类叙事类似新闻叙事中的蜂巢型结构，通过数据将多个独立的小单元结合，相较于传统媒体报道采用的线性叙事更加灵活。例如，南华早报发布的《香港奥运史》，该作品中横轴代表香港运动员参与的比赛类型，如游泳、羽毛球、高尔夫等等，纵轴代表香港參与的奥运会届数，如2016年巴西奥运会、2012年伦敦奥运会等。

在对比解读类的叙事主题作品中，作者一般要对数据进行多个维度的对比，涉及两个维度的数量，通常利用柱状图、条形图的高度来显示各个类别的离散数值从而加以对比。例如，可以运用横纵轴分析社会群体收入与学历的关系。如果对比维度达到三至四个，则会使用气泡图、面积图等，当对比的维度达到五个或五个以上，通常会使用雷达图或者星状图展示。

分布状态类叙事是通过描述数据的统计规律，如离散程度、数形波谷等传递信息。此类叙事主题中包含直方图、密度图、散点图等。南华早报《2022年国际足联世界杯》就是利用直方图展示了伊朗、伊拉克等五支参赛队伍在主客场的赢球表现。

关系挖掘类叙事需要厘清数据之间的关系，让受众真实感受各个数据要点之间从静态到动态的发展过程。此类叙事主题中包含漏斗图、桑基图、和弦图等等。纽约时报《The New York City Marathon Route： A New Yorker's Guide， Attitude Included》（纽约市马拉松路线：纽约人的生活指南与态度）就使用了桑基图来对跑步者的路线进行汇总。

空间叙事在于对地图的运用方式。在地图上进行数据的叠加表达，可以让受众直观感受到事件的空间特征。基础地图包括二维和三维地图，而叠加视图包括热力图、流星图等。例如，南华早报的《Is the 2019 Rugby World Cup too close to call？》（2019年橄榄球世界杯是否势均力敌？），就将受到台风波及的城市数据叠加到整个日本地图上，直观地展示给受众。

时间类叙事的核心是时间线索，重点凸显时间的连续性，常以折线图、周期图为主。其中折线图还可以衍生为平滑折线图、标注折线图、阶梯瀑布图等，周期图则适用于体现时序数据的周期性，如南丁格尔玫瑰图。华盛顿邮报《Key findings from 'Black Out， The Post's series on Black NFL coaches》（邮报关于美国国家橄榄球联盟黑人教练的系列报道《黑人出局》的主要发现）就运用折线图梳理了从1990年到2020年NFL球员和黑人主教练的比例差距。

3 体育数据新闻可视化的视觉设计

视觉设计元素在体育数据新闻可视化中扮演着重要角色，合理的视觉设计元素语言不仅可以满足受众的感官需求，还可以有效传递信息，加深受众对作品的理解。关于设计元素的组成，信息可视化专家塔玛拉·蒙兹纳（Tamara Munzner）在其颇具影响力的著作《可视化分析与设计》（Visualization Analysis and Design）中谈到了可视化中常用的视觉元素，包括点、线、面以及决定标记显示方式的视觉通道。视觉通道的使用基于数据中的属性类型，以及设计师希望能够展示的数据表现，其可以是位置、颜色、形状、方向或大小，这些元素在可视化设计中扮演着重要角色。

标识引导在可视化视觉设计中较为常见，其指示目的性强，是引领使用者尽快达到某种目的的有效方法，帮助没有接触过该领域的受众进行并不常规的操作。纽约时报2022年的作品《不断升级的技巧，升级的恐惧》（Escalating Tricks， Escalating Fears）在网页中运用了很多标识来引导用户浏览作品，比如下方滑动的滚条代表视频的播放时长，提示框可以提示用户滚动播放整个页面。

色彩代表着设计作品的基调与含义。在体育数据新闻中，色彩可以反映数据分析的结果，带给受众直观的感受。克劳斯·威尔克撰写的《数据可视化基础》（Fundamentals of Data Visualization）一书中提到，在可视化中，颜色通常有三种作用：区分不同的数据组；表示数据值；强调数据。当颜色作为区分工具时，作者会选择一个定性的颜色标尺，该标尺会有一组限定的颜色选择，而这种颜色选择通常有三个条件：第一，选择的颜色要保证和其他颜色明显不同；第二，不能让某一个颜色凌驾于其他颜色之上；第三，颜色不能按照一定的规律顺序排列，如渐变色。

来自南华早报的作品《Hong Kong Four Trails Ultra Challenge》（香港四径超级挑战赛）阐释了色彩的重要性。该作品讲述了一个叫布隆伯格的马拉松跑者设定了一个新的运动目标的故事，他把香港的四条跑道全部连接起来，同时设定了新的挑战——四天跑四条路线：第一天跑100千米的麦理浩路，第二天跑78千米的卫奕信路，第三天跑50千米的香港路，最后一天跑70千米的大屿山路。

作者通篇使用了蓝色与黄色两种互补色，形成视觉上的对比。对于地形、城市坐标、漫画背景，作者都用蓝色表示，而用黄色表示运动员以及运动轨迹。该作品通过黄色与蓝色的对比将运动员与背景区分开，增强了可视化美感，利用人们对色彩的敏感度帮助用户更好地理解作者想要传递的信息，从而实现运用色彩强化作品主旨的目标。

4 体育数据新闻可视化的交互设计

4.1 图表叠加式交互

当一个体育可视化作品呈现在用户眼前时，其设计语言须符合用户的阅读习惯，同时具有一定的逻辑性。由于体育新闻选题具有多样性、复杂性，通常无法运用单一化的图表将叙事信息完整地展示给用户，因此需要借助一些交互元素。例如，结合箭头、文字框等其他提示按钮来引导用户操作鼠标点击或滑动，从而增强该作品与用户的互动，帮助用户理解作者想要传达的信息。例如，纽约时报的作品《兑现奖励》，作者通过调查哪些国家为他们的参赛运动员提供奖励，设计了一个关于体育金牌可视化与金钱收益的网页作品。当用户把鼠标移动到图表上时，就会发现静态图表外还浮动着一圈蓝色的条纹，这些蓝色条纹就代表该国给运动员发放的奖金数额，条纹组成的面积代表发放金额的多少。

作者想通过鼠标交互的方式来引导用户自主探索静态图表背后的故事，在用户与图表进行良好互动的过程中，帮助用户更好地了解不同国家对运动员的奖励，从而让用户进一步思考运动员的成绩和国家奖励之间的关系。

4.2 信息渐显式交互

可视化作品能够向用户解释故事的前因后果以及整体概况。然而在某些可视化版面设计中，由于设计篇幅过长，单依靠一个静态的超长图表难以吸引用户的注意力，甚至还会给用户带来困扰，比如该从哪里开始阅读、这个图表的重点在哪里等等。信息渐显的交互方式可以帮助用户按照自己的意愿阅读。例如，南华早报作品《Sealed off winter games：The "closed loop" system explained》（封閉式的冬奥会：借用闭环系统进行阐释）以中国举办冬奥会作为背景，展示了冬奥会组织者在一个完整的闭环系统中执行的严格措施，在保证运动员安全的前提下顺利举办了冬奥会。作者放大了作品局部，让每一个设计模块都满屏显示，当用户滚动鼠标滑轮时，下方的插图与文字才会显示。当用户滑动过快或者没有理解清楚该处的叙事信息时，用户仍然可以通过上滑鼠标滚轮回到上一个页面。

5 设计策略：对于我国体育数据新闻作品的建议

5.1 合理利用色彩关系，展示体育数据新闻背后的故事

色彩关系包含色彩的明度、纯度、亮度以及色相冷暖等多种形式，作者制作体育数据新闻作品时，可以考虑将背后的叙事信息隐藏到色彩关系中。南华早报2021年的设计作品《Games of the Ⅺ Olympiad》（第十一届奥运会），整个作品采用灰白的色调，只保留了象征国家的国旗颜色，搭配国旗上的标志性文字，传递出中国首次参加奥林匹克运动会的意义。该作品没有追求复杂的可视化设计，反而精致易读。国内媒体在设计时可以借鉴上述作品，通过对色彩关系的合理利用引导受众的视觉重心，传递背后隐藏的故事。

5.2 合理应用视觉元素，匹配体育数据新闻叙事手法

在以前的体育数据新闻中，作者往往采用多种多样的图表展示运动员以及所获成绩的信息。即使有了图表设计来辅助新闻报道，也会因为作者对图表背后的叙事结构不清楚或者对数据类型不了解，使得创作的作品违背用户的阅读习惯。比如国内体育数据新闻《高烧遇冷？城市马拉松的冰与火之歌》，作者想传递的信息是：对资格严格把控的马拉松赛事数量非常少。但作者选择的呈现方式出现了问题，在展示马拉松赛事的报名要求时运用了面积图，很容易让用户误以为是南丁格尔玫瑰图的变形，从而错误理解图表传递的信息。由此可见，作者不能陷入对图表的形式追求，而应该理解图表中视觉元素所代表的含义，深刻洞察图表背后的叙事逻辑。

5.3 合理使用交互设计，增强用户阅读体验感

从呈现方式上来看，我国的可视化体育数据新闻主要以静态图表和动态视频为主，缺乏具有交互功能体验的可视化体育新闻。例如，澎湃新闻美术课栏目最新发布的《数说冬奥｜100秒速看冬奥技巧》，本质上还是传统静态意义的叙事作品，缺少与用户的互动。交互式的图表不仅能够开拓数据的维度，增加信息量，还可以激发读者阅读作品、分享作品的欲望。当作品采用交互式信息图时，叙事主体的权利就转移到了读者身上，这和传统的静态图表叙事有着本质的区别。在受众自由探索信息的需求被满足后，体育数据新闻报道也会变得更有趣味。正如纽约时报的互动新闻部负责人安德鲁·迪威格所言，使用互动的方式制作新闻，可以帮助读者更好地理解这个世界。

6 结语

文章以纽约时报、华盛顿邮报、南华早报近两年的体育数据新闻为例，分析其背后的叙事逻辑、视觉设计与交互设计理念，并与国内的体育数据新闻对比，整合了关于体育数据新闻的可视化设计方法，即在视觉上强调色彩搭配、标识引导符合用户习惯，在叙事上应匹配图表设计与数据类型，在交互上要增强与用户的互动。希望通过本文的研究，能为国内体育数据新闻可视化设计的发展提供一些有益的启示。

参考文献：

［1］ 方洁.数据新闻概论［M］.北京：中国人民大学出版社，2015：35-37.

［2］ 丛红艳，李红萌，宋欣怡.融媒体时代下体育数据新闻可视化研究［J］.西安体育学院学报，2020，37（4）：449-456.

［3］ 谭剑，王明玉，白东鸣.数据新闻如何选择合适的可视化图表［J］.新闻与写作，2021（8）：108-112.

作者简介：邢勇杰（1998—），男，山西忻州人，硕士在读，研究方向：数据可视化设计。

龙娟娟（1983—），女，湖南醴陵人，硕士，副教授，系本文通讯作者，研究方向：信息数据可视化、数字媒体艺术、交互设计。