专题页 · 18 个联赛 · 榜单 / 赛程 / 时间轴

左看榜、右翻赛程,两下点进这场比赛

半岛体育看台把足球与篮球两类共 18 个联赛装进同一套专题页:左边一列积分榜纵向排开,右边一排赛程卡片横向滑动。排名看清楚了,开球时间对上了,点进任意一场,整场比赛就从开球排到终场。

01 / 专题构成

足球 12 个、篮球 6 个,每个专题都是同三块

从城市周末联赛到青训梯队联赛,专题页的结构完全一样:一列积分榜、一张赛程表、一条比分时间轴。换一个联赛不用重新学怎么点,位置都在老地方。

  • 01城市周末联赛
  • 02港口杯
  • 03海岸青年联赛
  • 04半岛五人制联赛
  • 05职工足球联赛
  • 06校园春秋联赛
  • 07社区七人制联赛
  • 08滨海邀请赛
  • 09老将联赛
  • 10女子业余联赛
  • 11企业足球杯
  • 12区县冠军联赛
  • 13街区三对三
  • 14城市篮球季
  • 15青训梯队联赛
  • 16企业篮球联赛
  • 17校园篮球联赛
  • 18海岸篮球邀请赛
  • 01城市周末联赛
  • 02港口杯
  • 03海岸青年联赛
  • 04半岛五人制联赛
  • 05职工足球联赛
  • 06校园春秋联赛
  • 07社区七人制联赛
  • 08滨海邀请赛
  • 09老将联赛
  • 10女子业余联赛
  • 11企业足球杯
  • 12区县冠军联赛
  • 13街区三对三
  • 14城市篮球季
  • 15青训梯队联赛
  • 16企业篮球联赛
  • 17校园篮球联赛
  • 18海岸篮球邀请赛
俯拍视角的比赛用球与场地白线交界,冷调光线
专题页第一屏固定是左边榜单、右边赛程。
02 / 查赛程

三步落位:进专题、定轮次、看对阵

查BOB体育赛程从首页第一栏起步。左榜右滑轨这个布局本身就是入口,顺着走三步,这一轮谁在什么时间、哪块场地开球,全都摊开在眼前。

  1. 01

    进专题

    在首页第一栏右侧的赛程滑轨上点任意一张卡片,直接落到对应联赛专题;从左侧榜单点进去也是同一张专题页,走哪边都通。

  2. 02

    定轮次

    专题页的赛程表默认停在当前轮次,表头写着轮次编号与最近一次同步时刻,上一轮、下一轮的切换就在旁边,往前翻往后翻都是一下。

  3. 03

    看对阵

    点开任意一场,对阵详情把双方、开球时间、场地和近五场走势排在一起;比赛日当天按节点追加,踢到哪一步就能看到哪一步。

03 / 比分路径

两次点击之后,一场球被拆成 5–12 个节点

比联赛比分走的是最短那条路:专题页里点一场,时间轴已经展开在眼前。进球、换人、红牌都按分钟落位,扫一眼就知道这场比赛是怎么走到这个结果的。

第一步 · 在专题页里选定一场

按轮次往下翻,或者用球队筛选直接定位到那一场,进详情之后比分与时间轴同屏,不用再跳到别处。

第二步 · 顺着节点往下读

时间轴从开球排到终场,节点之间按分钟递进。关键进球用信号橙标出来,翻动的时候眼睛自然会被拽过去。

战术板上用粉笔画的箭头与节点,边缘有球鞋影子
战术板上的箭头,和页面里的节点是同一套读法。
  1. 0′ 开球,首轮攻势由主队发起
  2. 12′ 客队第一次射正,门将倒地没收
  3. 28′ 主队前场断球后直塞破门,比分 1–0
  4. 45′+2 半场结束,主队一球领先
  5. 58′ 客队换上第二前锋,阵型前压
  6. 73′ 角球混战中扳平,比分 1–1
  7. 90′+4 终场哨响,双方各取一分
04 / 赛前十分钟

开球前翻这三项,坐下来心里先有底

约人看球之前那几分钟最挤,翻来翻去找阵容最费时间。赛前十分钟栏目在开球前更新,三项速览并排放在一屏里。

场边替补席与教练区特写,球员背影虚化,深蓝色调
开球前的场边,阵容名单已经贴出来了。
  • 首发阵容

    双方首发与替补席按场上站位排列,谁压在哪条线、谁往中间收,一眼看得出来,不用自己去拼位置。

  • 伤停名单

    缺阵的人按位置分组,标清是伤停还是停赛。看到熟人没进首发,立刻就知道是被谁替了下来。

  • 近五场走势

    最近五场的胜负与比分横排成一行,主客场用深浅底色分开,判断一支队最近顺不顺,几秒钟就够。

赛前阵容速览这个栏目,是内容团队与 9 家地方球迷组织、6 家青训机构一起维护的:各家把现场的观察汇总过来,编辑再理成一张能直接读的速览卡。

05 / 换种看法

按轮次、按球队、按日期,切换在本地完成

三种筛选都在你自己的浏览器里跑完,点一下结果就换,页面不重载,翻查的节奏不会被打断,地铁里信号抖两下也不影响已经展开的表。

按轮次 按球队 按日期

按轮次

赛季初对赛程最好用。选一个轮次编号,整轮对阵一次排开,谁跟谁碰、哪几场撞在同一晚,都在一屏里。

按球队

把一支队整个赛季的主客场拉到同一张表,比较主客差异最顺手,也方便赛前判断这一趟客场值不值得跑。

按日期

约球和聚看的时候用。选一天,当天所有联赛开了几场、几点开球,直接列成清单,发到群里大家照着约。

06 / 手机上

把当前轮次钉到主屏,断网也读得到榜单

看台上人挤人,信号时好时坏是常事。移动端可以把当前轮次添加进浏览器主屏,图标点开就是榜单,不用一层层找入口。

  • 在专题页浏览器菜单里选择添加到主屏,图标会跟着当前轮次走。
  • 离线状态下,最近一次同步的榜单与赛程仍然读得到,等人进场的时候不空耗。
  • 首屏核心内容不依赖图片,4G 网络下大约 1.2 秒就能看到榜单和赛程。
移动端还有别的问题,去知识中心找答案
夜间球场看台上,一只手举着手机查看赛程,屏幕发出青光
看台上举着手机那一下,榜单应该已经在了。
看台上展开的旗帜与横幅,逆光剪影,边缘高亮青色
07 / 内容标签

四类标签,按你当下的场景挑

同一个专题里,内容按场景分成四类标签。赶时间就挑最贴近当下那一刻的那一类,点开就是你需要的东西。

赛程速览 · 开赛前那一阵翻它

一屏写清本轮对阵、开球时间和你关心那支队的排位。每年大约 240 期,节奏跟联赛轮次走,翻起来像查时刻表。

去品牌日志看最近一期

比分回看 · 错过直播的第二天早上

一场比赛的节点按顺序排开,进球、换人、红牌一个不漏。想确认某个时间点发生了什么,直接拖到那一分钟。

去品牌日志看最近一期

轮次复盘 · 一轮打完再看

数据整理和专题编辑会把这一轮的走势、焦点场次与排名变化写成一篇,每年大约 60 期,适合第二天通勤路上补课。

去品牌日志看最近一期

看台文化 · 不赶时间的时候读

球迷组织的看台记忆、青训营的日常、海岸线边上的球场,写的是比赛之外那些让人愿意一直来的东西。

去品牌日志看最近一期

专题页看顺手了,接下来多半是这几件事:找最近的复盘、把导航换到新版、或者和我们一起做内容。