01 · 联赛导航
一整季的赛程,铺在一条时间轴上
38 轮比赛按周次排开。左边是轮次编号,右边是对阵双方和当前状态,当前轮次用醒目的色块标出,已经打完的轮次描上边框。点开任意一轮,开球时间、场地、赛果和积分变动都落在同一屏里。
适合:快下班了想确认今晚有没有球,或者约人之前先看一眼对阵。
展开看每轮都包含什么字段
- 轮次编号与所属周次,一口气能看到整季的位置感
- 对阵双方、开球时间、比赛场地
- 赛果与积分变动,赛后 30 分钟内补齐
- 阵容名单与核对时间,开赛前 10 分钟落定
- 该轮的进失球区间与射手贡献,直接连到专栏
02 · 手机端对照
两栏并排,横竖屏都不挤
小屏设备体育赛事数据对照的难处不在数据少,而在屏幕窄。我们把两屏才能看完的信息压进一屏:横屏时左右两栏并排,竖屏时上下分布,中间用一条灰线隔开,眼睛不用来回找。
- 01阵容对照 两队首发与替补放在同一视野,位置一一对应。
- 02近期战绩 最近五轮的胜负与比分,扫一眼就知道谁状态在线。
- 03进失球区间 横向区间条标出每队进球与失球的密集段,当前轮次落点用橙色点出。
- 04主客场分布 同一支队伍在主场和客场的数据分开摆,跑长途的影响看得见。
这套对照卡片已经改到第 5 版,最低适配 320px 宽度,单页首屏渲染控制在 1.5 秒内——通勤路上点开就能看,不用等缓冲。国内乐竞体育移动端用户看赛事时最常提的一句话,就是别让我左右横滑。
展开看什么时候用哪一栏场景
- 赛前十分钟:先看阵容对照,再看近期战绩,判断这场值不值得跑一趟
- 中场休息:切进失球区间,看上半场的走势落在哪个区间段
- 赛后复盘:拉主客场分布,对比同一支队在不同场地的表现差异