跳至主要内容

数据和栏目按三层摆好,
想看的那一块两步就点到

球王会体育把 12 个联赛的赛程、球队与球员统计收在同一条主线上:先挑联赛,再看赛程或球队,最后落到具体的球员表现。 电视大屏、投影还是桌面宽屏,打开的始终是同一套栏目内容。

联赛、赛程、球队,一层一层往下点

96 个常设栏目按三层归拢。第一层挑联赛,第二层落到赛程,第三层进到具体球队。每层都把下一层的入口摆在同一条水平线上,看完一场比赛的赛程,不用退回首页重新找路径。

第一层 联赛 12 个分栏

按项目与赛制分成三组,每组都有独立的赛程入口和球队入口:

  • 欧洲主要联赛:跨轮次看赛程推进、积分变化与球队状态
  • 国内主要杯赛:按赛程阶段归档,淘汰轮次单独成栏
  • 篮球联赛:常规赛与季后赛分栏,统计口径分开呈现
第二层 赛程 按日 / 按轮

进入任一联赛分栏后,赛程是默认落点。三种读法对应三种看球习惯:

  • 当日赛程:今天有哪些比赛、几点开始,一屏看完
  • 轮次赛程:同一轮次的全部对阵横向排开,方便横向比较
  • 阶段赛程:常规赛、淘汰赛、决赛阶段分开列,进度一眼可见
第三层 球队 阵容与分项

从赛程里的任意一方都能进到球队栏目,看到的是同一批人、同一套统计:

  • 球队概览:近期战绩与下一场对阵集中在一页
  • 阵容与出场:谁首发、谁替补,出场时间按分钟排
  • 球员分项:跳到球员数据面板,看单人 18 项统计
由大到小的三层方块嵌套图形,外围用青色描边区分联赛、赛程与球队三个层级
三层结构示意:外层是联赛分栏,中层是赛程,内层落到球队与球员分项。

小结 选一个联赛分栏,往下点两次,就能从今天的赛程一路走到某名球员的单项数字。

18 项统计维度,数字在前、解释在后

面板把一名球员的表现拆成 18 个维度,左右两列排开,小数点对齐。把光标停在任意一项上,会补一句这项数字在看什么。比赛进行当中,基础数据跟着节间走;命中率、效率值这类需要样本量的维度,按轮次汇总后再更新。

  • 得分 节间同步 单场得分与场均得分分开列,横向对比条展示最近 10 轮的变化。
  • 篮板 节间同步 总数与场均并列,另有前场、后场两个细项可以展开看。
  • 助攻 节间同步 每次助攻归到具体回合,单节数字与全场数字同时呈现。
  • 抢断 节间同步 抢断次数与由抢断转化成的得分分开统计,看得见防守带来的实际收益。
  • 盖帽 节间同步 盖帽按节次记录,方便判断防守强度出现在哪一段时间。
  • 出场时间 节间同步 按分钟计,首发与替补分别统计,另有场均出场时长。
  • 投篮命中率 按轮汇总 出手数与命中数一并列出,避免只看百分比造成的误判。
  • 三分命中率 按轮汇总 按轮次累计,配合三分出手数一起看,能判断手感是否稳定。
  • 罚球命中率 按轮汇总 罚球次数与命中次数同时呈现,关键时段的罚球单独标注。
  • 前场篮板 按轮汇总 反映二次进攻机会,通常与二次进攻得分放在一起看。
  • 后场篮板 按轮汇总 防守回合的收尾数据,与球队整体防守效率互为参照。
  • 失误 节间同步 失误次数与由失误造成的失分并列,看得出代价有多大。
  • 犯规 节间同步 个人犯规累计到 4 次时会有醒目标记,提醒出场时间可能受影响。
  • 效率值 按轮汇总 把得分、篮板、助攻等正负项合成一个数,适合快速比较两名球员。
  • 正负值 按轮汇总 这名球员在场时球队净胜多少分,判断作用不只看个人数据。
  • 首发场次 按轮汇总 首发场次与总出场场次并列,轮换位置的变化一目了然。
  • 两双次数 按轮汇总 统计单场有两项数据上双的场次,附最近一次达成的轮次。
  • 三双次数 按轮汇总 三项数据上双的场次单独成项,点到具体轮次能看到是哪三项。
深色数据面板上整齐排列的球员统计数字与横向对比条,画面中没有出现人物面部
面板形态:左侧是球员与位置,中间是 18 项数字,右侧是对比条。

小结 同一个面板里既有比赛当中会动的数字,也有需要按轮次才看得准的比率,切换联赛后维度不变。

大屏模式:把数据推到看得清的距离

电视大屏、投影和桌面宽屏打开的其实是同一个栏目,区别只在排布。最小适配宽度 1280 像素,屏幕再窄会自动切回桌面版,不会出现内容被裁掉一半的情况。一场比赛里,球员统计在每个节间同步一次,四节打完共完成 4 次同步。

大屏 / 投影

比分、时间、球员卡片同时放大

  • 中央区域留给比分与比赛时间,字号随屏宽一起长
  • 左右两侧分列两队球员统计,一行一人,不做折叠
  • 数据卡片跟随屏幕比例横向拉长,一屏之内看完主要数字
  • 最小适配宽度 1280 像素,电视与投影标清以上都够用

桌面宽屏 / 平板

信息密度更高,滚动距离更短

  • 栏目标签条常驻在内容上方,随时换联赛
  • 球员统计按出场时间排序,长列表一次能看十几行
  • 深色与浅色两套主题可切,深色是默认那套
  • 窄屏自动单列,表格与清单都不会横向撑破页面
宽幅屏幕上的赛事数据排布,左右分栏显示两队球员统计,中央位置是比分与比赛时间
大屏模式的排布:中央放比分与时间,两队球员统计分列左右。

小结 坐在沙发上看,还是趴在电脑前看,都是同一份数据,只是排布的疏密不同。

换一个联赛,回到的还是刚才那个位置

12 个联赛分栏之间可以随时切换。切走再切回来,当前列表的滚动位置和已选的筛选条件都还在,不用重新往下翻。2024 年完成同屏切换能力升级后,单次切换的响应压到 300 毫秒以内,连续换几个联赛也不会有停顿感。

  • 足球

    欧洲主要联赛

    5 个分栏

    跨轮次看赛程与球队,分栏内部再按赛程、球队两层展开。

  • 足球

    国内主要杯赛

    3 个分栏

    按淘汰阶段归档,每一轮的球队栏目跟着赛程同步推进。

  • 篮球

    篮球联赛

    4 个分栏

    常规赛与季后赛分开,球员统计口径在两边保持一致。

切换时保留什么:当前列表的滚动位置、已经选好的筛选条件、正在查看的球员。

切换时变什么:赛程、球队与球员数字整体替换,维度顺序和列宽不变。

覆盖范围:视图保持能力已覆盖全部 12 个联赛栏目。

两块不同比例的屏幕轮廓并排,屏幕内部是抽象的栏目网格,用青色线条标出滚动位置
换联赛前后,列表停在原来的高度,只有内容换了一批。

小结 同时追几个联赛的人,最怕切一次就迷路。这里切完还在原地。

错过一节,回来还能补上

球员数据面板的刷新记录保留最近 10 轮,往上一轮的数字随时能翻回来对照。比赛进行中,每个节间同步一次,节奏固定,看到第几节就知道数据新到哪一步。

  1. 第一节结束

    比分、得分、篮板、助攻、抢断、盖帽、出场时间、失误、犯规同步一次。

  2. 第二节结束

    基础数据再同步一次,同时更新由失误与二次进攻带来的得分拆分。

  3. 第三节结束

    个人犯规累计到 4 次的标记在这一步刷新,出场时间同步到秒。

  4. 全场结束

    完成第 4 次同步,并结算命中率、效率值、正负值等按轮汇总的维度。

回看上一轮

面板顶部可以按联赛切换查看刷新记录,最近 10 轮的每一次同步都留在那里。想比较某名球员这一轮和上一轮的区别, 直接在记录里点开对应轮次,不用离开当前页面重新找栏目。

这套栏目一直在长,不是搭好就不动

栏目数量、切换方式、统计维度这几件事,每个赛季都会往前挪一点。想知道最近改了什么,赛事动态里按赛季整理着每一次变化。

  1. 2018

    站点上线

    从赛事栏目起步,先解决赛程找不到、数据对不上的问题。

  2. 5 轮

    全站大版本迭代

    截至 2025 赛季累计完成 5 次大版本升级,栏目结构、数据面板与浏览形态都在这几轮里定型。

  3. 2024

    多联赛同屏切换上线

    单次切换响应压到 300 毫秒以内,切换后保留原列表位置,覆盖全部 12 个联赛栏目。

  4. 2025

    刷新记录按联赛查看

    球员数据面板支持按联赛翻看刷新记录,最近 10 轮的同步情况都能回溯。

暗调背景上若干半透明方块依次向前层叠推进,象征栏目与功能的版本迭代
每个赛季都会有几处改动落到栏目上,改动内容在赛事动态里逐条记录。

小结 栏目每周更新不少于 3 次,赛季高峰期做到每日更新,新增栏目会在赛事动态里说明位置和用法。

找到要看的栏目之后

想跟着赛季节奏走,去赛事动态看栏目更新与专题;第一次来不确定从哪下手的,说明通道里按步骤走一遍就能定位到球员数据面板和赛事栏目; 想了解这套内容是谁在做、做了多久,品牌概况里有完整的团队分工。