平板 · 横屏 · 赛场边的工作台

横屏铺开,四个联赛的轮次摘要一屏看全

平板看HTH赛事入口把不同联赛的轮次摘要并排摊在同一块屏幕上,边看边记不用来回切页。华体会体育把收藏、轮次对比与本地笔记放进同一层,沙发上、看台里、书桌前都能接着上一轮的进度往下看。

  • 4个联赛摘要同屏
  • 2023年上线横屏入口
  • 41%访问来自平板与横屏设备
横屏平板放在深色台面上,屏幕里并排显示四个联赛的轮次摘要
V3 四栏同屏,轮次号与标签贴着每栏顶部

第一屏的排法

平板看HTH赛事入口,横屏第一屏怎么排

横过来之后,屏幕横向多出将近一倍的位置。我们把这段时间用来并排:左到右依次是四个联赛的栏目,每栏顶部是联赛名和一个轮次号,下面挂两条本轮关注者动态,最底下一行标签告诉你这场还能往哪看。

为什么大屏更适合边看边记?因为你不需要靠记忆把两个联赛的轮次对齐——它们就在同一行上。手指在右侧写字、眼睛在左侧扫情况,中间不用退出、返回、再点进去一次。

单栏宽度保证在 240px 以上,标题不会折成三行;轮次号用等宽字体,四个栏目的数字永远对齐在同一条竖线上。

英超

第 12 轮

本轮对阵全部挂出,两条关注者动态提到边路轮换与客场行程。

  • 阵容
  • 数据

西甲

第 14 轮

三场焦点战的场馆须知已补齐,看台分区与入场口写在一起。

  • 场馆
  • 赛程

中超

第 28 轮

收官阶段的轮次提醒已开,四条动态集中在保级与争冠两组对阵。

  • 轮次
  • 观赛须知

CBA

第 9 轮

背靠背赛程叠在一栏里,数据速览单独成行,方便横向比两场。

  • 数据
  • 赛程

球场边的工具箱

赛事入口的四项能力

  1. 01

    轮次卡片:本轮还剩几场,一眼看清

    每张卡片对应一个联赛的一轮,卡面写着对阵数量、已结束场次与本轮更新时间。轮次切换用翻牌动效,180 毫秒走完,不会把注意力从比赛上拽走。开赛前 48 小时,V3 公告会把新轮次推进卡片,单轮最多收录 30 场对阵的赛程与场馆信息。
  2. 02

    标签筛选:九个大类,往下分到四十六个细目

    一级标签盖住赛程、阵容、数据、场馆与观赛须知这些方向,二级标签再往下切细。点一下标签条带,当前联赛只留相关内容,其余收起。手里只有一件事要查的时候,这一步比翻目录快得多。
  3. 03

    数据对照:两轮数字并排,变化自己浮出来

    选中相邻两轮,控球、射门、转换次数这类指标会左右对齐排开,差异行加荧光青绿底色。等宽数字免去了位数对不齐的麻烦,横屏读一行就是一整组。
  4. 04

    本地笔记:写在浏览器里,关掉再打开还在

    笔记与收藏都保存在你自己的浏览器本地,不经过我们的服务器,换设备不会自动同步,清空浏览器数据时也会一起清掉。习惯在哪台平板上看球,就在哪台平板上记,不必登录。
赛程 阵容 数据 场馆 观赛须知 杯赛栏目 轮次提醒 关注者动态

什么时候最好用

三个真实使用场景

双手横握平板在屏幕上写笔记的特写画面 边看边记

边看边记

解说提到某个换人,你想顺手记一句。横屏下笔记区常驻右边缘,不用切走画面。一条笔记可以挂到当前轮次上,赛后翻回来,时间顺序天然排好。

昏暗房间里两三个人并排坐在大屏前的背影剪影 多人共看

多人共看

客厅里几个人盯的是不同联赛。四栏同屏之后,各看各的那一栏,谁也不用抢遥控器。有人关心场馆怎么走,有人只想知道本轮还剩几场,同一屏上都找得到。

赛后复盘

比赛结束,情绪退场,剩下的是数字。把两轮的数据调出来并排,再用收藏夹里存下的标签一条条往下走,二十分钟能把一整轮的关键变化过一遍。我们做过统计,赛季高峰期工作日的 9:00 到 24:00 分三班轮值,每两小时巡检一次,你晚上十点打开,看到的多半还是当天更新的内容。

版本演进

V1 到 V3:每一版加了什么、减了什么

三个抽象界面线框图并排,界面里的信息密度逐版递减
  1. V1 2023 · 单联赛单列,先跑通横屏
  2. V2 加入收藏与轮次对比
  3. V3 2024 · 四栏同屏,版式统一
V1 · 2023 年上线
  • 横屏布局跑通,首屏一次只排一个联赛
  • 轮次卡片首次出现,替代逐场翻页
  • 标签只能看,不能筛
V2 · 收藏与对比
  • 收藏标签,常用的几类固定在前
  • 轮次对比上线,两轮数字可并排
  • 联赛仍要切换,横屏空间没吃满
V3 · 2024 年改版
  • 四栏摘要同屏,首屏可同时看到 4 个联赛的轮次摘要
  • 资讯榜版式统一,栏目之间不再各写各的
  • 主动下调首页信息密度,先给结论,细节收进标签

开之前先对一下

设备、系统与网络,先看这几条

屏幕
建议 10 英寸以上、短边不低于 800px。7 英寸小屏会把四栏自动压成两栏,功能都在,只是一屏看得少一些。
浏览器
近两年内更新过的 Chrome、Safari 或 Edge 都能正常使用横屏布局,老版本内核会丢掉切角与标签条带的滑动效果。
网络
下行 4 Mbps 以上就够用。轮次摘要与标签是轻量页面,弱网环境下先出文字再出图,不会白屏。
朝向
打开系统里的方向锁定,避免看球时平板自己转回竖屏;转回竖屏后布局会自动收成一列。
存储
收藏与笔记占用的空间很小;需要注意的是它们存在浏览器本地,开启无痕模式或清理缓存后不再保留。
路由器与平板放在同一张桌面上,冷蓝色光线下俯拍

入口与排查

从哪里进去,显示不对时怎么查

横屏入口的常规路径有三条:首页顶部的行动按钮直接进;从 趋势观察 的本轮公告页,选一个联赛后切到平板视图;在 使用指南 里按设备型号找对应对照。三条路到的是同一个入口,选你顺手的那条就行。

  1. 1

    先刷新一次

    多数错位来自旧样式还留在缓存里。下拉刷新或强制重载之后,切角面板与四栏网格会回到正常位置。

  2. 2

    再确认浏览器版本

    浏览器长期没有更新时,横屏会退回两栏。更新到近两年的版本,或者换用同设备上的另一个主流浏览器再试一次。

  3. 3

    最后看方向锁定与字号

    系统字号调到特大时,栏目名会折行推挤布局。把系统字号调回默认,或者把平板转成横屏后再打开一次入口。

下一步

把平板横过来,从本轮公告开始

选一个联赛,看一眼本轮还剩几场;顺手开一个标签,把它收进你的收藏夹。第一次用,十分钟足够摸清四栏的走法。