窄屏上也能一眼扫完
赛事列表、红黄牌图例和赛程节点先在 320px 至 768px 宽度上排好，再向大屏铺开。比分、时间、牌数用等宽字体放大呈现，扫一眼就能抓住重点。
品牌征程 · 站点背景
YABO88赛场 品牌征程
2017 年，我们在广州写下第一批赛程。到今天，YABO88赛场已经陪中文球迷走过 9 个完整赛季，把移动端赛事列表、近三轮战报、红黄牌记录和体育赛事专家专栏放进同一种阅读节奏。你打开手机，就能把一场球的来龙去脉看清楚。
- 52 项赛事覆盖
- 580 支球队档案
- 赛前 72 小时更新
- 9 个完整赛季持续运营
- 2100+ 每赛季同步赛事场次
- 86万+ 累计服务移动端球迷
- 92% 访客来自手机屏幕
从一条赛事列表开始
起步赛季 / 2017
最早的一版产品很小：一张按开赛时间排好的赛事列表，加上比分和简短赛报。球迷在手机上一眼能看到今晚有什么球、几点开打、谁对谁，不用在几个页面之间来回跳。
很快我们发现，只有开赛时间不够用。一场球为什么踢成那样，往往要看前几轮发生了什么，谁累计了黄牌，谁下一场停赛。于是近三轮战报和红黄牌记录被接了进来，赛程与停赛也第一次被摆上同一条时间轴。
这成了后来所有栏目的起点：关心的东西应该在同一处被找到，而且是在手机上。九年过去，这条主张没有变过。
九个赛季，栏目一件件长出来
发展节点 / 逐季演进
-
起步赛季
赛事列表与赛报上线
按开赛时间排列的移动端列表成为主入口，赛后第一时间更新比分与简要赛报，球迷不必再守着电视等结果。
当季落地：开赛时间轴、比分与赛报
-
第 2 至第 3 赛季
红黄牌与停赛并入主线
红黄牌记录补上出示时间、球员位置、犯规类型和是否累计停赛四项字段，停赛影响第一次能在赛前被看到。
当季落地：红黄牌记录、球队档案停赛节点
-
第 4 至第 5 赛季
统一时间轴组件成形
赛程、停赛、战报三类节点收进同一套组件。你在球队档案里点开的停赛，和在赛事列表里看到的是同一条。
当季落地：时间轴三类节点切换
-
第 6 至第 7 赛季
专家专栏按联赛分区
四大分区的专栏结构定下来，战术、阵容与赛程强度解读开始按轮次稳定更新，深度阅读有了固定入口。
当季落地：欧洲、亚洲、南美、国际杯赛分区
-
第 8 赛季
移动端赛事列表 v4.2 与时间轴 v2.6
列表密度、字号层级和暗色阅读环境重新调过，焦点反馈与对比度一并收紧，夜里的手机屏幕读起来更稳。
当季落地：列表 v4.2、组件 v2.6、赛季主题策展
-
第 9 赛季
从 86 万球迷的阅读习惯里继续改
累计超过 86 万移动端球迷在这里看球。哪一栏被反复点开、哪一段被读到最后，都会回到下一版的优先名单里。
当季落地：每赛季 6 个主题策展
广东团队，每天把赛场信息理顺
运营团队 / 内容协作
YABO88赛场的日常运营落在广东。26 位数据编辑盯住赛程、比分、红黄牌与停赛节点，18 位签约分析师负责专栏里的战术、阵容和赛程强度解读，9 位产品体验成员负责手机上的阅读节奏与无障碍细节。
一边在赛场边看球，一边在屏幕前对数据。两边靠同一套节点说话：哪一轮、哪一场、哪个球员、什么时候停赛。
数据编辑组 · 26 人
负责赛前 72 小时的赛程更新，以及赛中和赛后的比分、红黄牌与战报归档。红黄牌记录在赛后 5 分钟内归档，并完成多源交叉校验。
签约分析师 · 18 人
轮流为专家专栏撰稿，选题覆盖战术对位、阵容变化、停赛影响和赛程强度，每轮焦点场次控制在 6 场以内。
产品体验组 · 9 人
负责移动端赛事列表、统一时间轴组件与暗色阅读环境的迭代，焦点反馈与对比度设计参考 WCAG AA 要求。
- 12 家体育数据服务商内容合作
- 8 家区域体育媒体内容合作
- 31 个省级行政区球迷在用
专家专栏，按联赛分区生产
专栏协作 / 每轮聚焦
每一轮，我们把专家专栏的焦点场次收在 6 场以内。少而深是刻意的选择——一次战术对位、一串停赛连锁、一段密集赛程，都值得写清楚。
四个分区各自成篇，你可以按关注的联赛直接翻到对应部分。每轮专栏的总阅读时长按 18 至 25 分钟设计，通勤路上分两段读完刚好。
-
01
欧洲五大联赛
双线作战下的轮换与体能分配，是这一分区最常见的选题。
-
02
亚洲赛事
密集赛程与长途奔波对阵容深度的影响，在这里被反复拆解。
-
03
南美赛事
解放者杯赛制下的主客场差异与晋级节点，是这一分区的阅读重点。
-
04
国际杯赛
短周期集中作战，赛前准备与临场调整的权重被放到最大。
为什么先把手机屏幕做好
移动端优先 / 阅读节奏
夜里看球，配夜里的光
深墨绿底配电光青高亮，长时间夜读不刺眼。焦点场次用警示黄标记，红牌记录用红牌红，颜色只承担它该承担的提示作用。
一条时间轴，三种节点
赛程、停赛、战报共用同一套时间轴结构。你在球队档案里看到的停赛节点，和在赛事列表里点开的，来自同一处。
键盘和读屏也读得完
所有可操作元素都有清晰焦点环，对比度按 WCAG AA 要求设置。手指滑、键盘走、读屏念，都能把这一页读完。