第一屏的排法
平板看HTH赛事入口,横屏第一屏怎么排
横过来之后,屏幕横向多出将近一倍的位置。我们把这段时间用来并排:左到右依次是四个联赛的栏目,每栏顶部是联赛名和一个轮次号,下面挂两条本轮关注者动态,最底下一行标签告诉你这场还能往哪看。
为什么大屏更适合边看边记?因为你不需要靠记忆把两个联赛的轮次对齐——它们就在同一行上。手指在右侧写字、眼睛在左侧扫情况,中间不用退出、返回、再点进去一次。
单栏宽度保证在 240px 以上,标题不会折成三行;轮次号用等宽字体,四个栏目的数字永远对齐在同一条竖线上。
英超
第 12 轮
本轮对阵全部挂出,两条关注者动态提到边路轮换与客场行程。
西甲
第 14 轮
三场焦点战的场馆须知已补齐,看台分区与入场口写在一起。
中超
第 28 轮
收官阶段的轮次提醒已开,四条动态集中在保级与争冠两组对阵。
CBA
第 9 轮
背靠背赛程叠在一栏里,数据速览单独成行,方便横向比两场。
球场边的工具箱
赛事入口的四项能力
-
01
轮次卡片:本轮还剩几场,一眼看清
每张卡片对应一个联赛的一轮,卡面写着对阵数量、已结束场次与本轮更新时间。轮次切换用翻牌动效,180 毫秒走完,不会把注意力从比赛上拽走。开赛前 48 小时,V3 公告会把新轮次推进卡片,单轮最多收录 30 场对阵的赛程与场馆信息。
-
02
标签筛选:九个大类,往下分到四十六个细目
一级标签盖住赛程、阵容、数据、场馆与观赛须知这些方向,二级标签再往下切细。点一下标签条带,当前联赛只留相关内容,其余收起。手里只有一件事要查的时候,这一步比翻目录快得多。
-
03
数据对照:两轮数字并排,变化自己浮出来
选中相邻两轮,控球、射门、转换次数这类指标会左右对齐排开,差异行加荧光青绿底色。等宽数字免去了位数对不齐的麻烦,横屏读一行就是一整组。
-
04
本地笔记:写在浏览器里,关掉再打开还在
笔记与收藏都保存在你自己的浏览器本地,不经过我们的服务器,换设备不会自动同步,清空浏览器数据时也会一起清掉。习惯在哪台平板上看球,就在哪台平板上记,不必登录。
赛程
阵容
数据
场馆
观赛须知
杯赛栏目
轮次提醒
关注者动态
什么时候最好用
三个真实使用场景
边看边记
边看边记
解说提到某个换人,你想顺手记一句。横屏下笔记区常驻右边缘,不用切走画面。一条笔记可以挂到当前轮次上,赛后翻回来,时间顺序天然排好。
多人共看
多人共看
客厅里几个人盯的是不同联赛。四栏同屏之后,各看各的那一栏,谁也不用抢遥控器。有人关心场馆怎么走,有人只想知道本轮还剩几场,同一屏上都找得到。
赛后复盘
比赛结束,情绪退场,剩下的是数字。把两轮的数据调出来并排,再用收藏夹里存下的标签一条条往下走,二十分钟能把一整轮的关键变化过一遍。我们做过统计,赛季高峰期工作日的 9:00 到 24:00 分三班轮值,每两小时巡检一次,你晚上十点打开,看到的多半还是当天更新的内容。
版本演进
V1 到 V3:每一版加了什么、减了什么
-
V1
2023 · 单联赛单列,先跑通横屏
-
V2
加入收藏与轮次对比
-
V3
2024 · 四栏同屏,版式统一
V1 · 2023 年上线
- 横屏布局跑通,首屏一次只排一个联赛
- 轮次卡片首次出现,替代逐场翻页
- 标签只能看,不能筛
V2 · 收藏与对比
- 收藏标签,常用的几类固定在前
- 轮次对比上线,两轮数字可并排
- 联赛仍要切换,横屏空间没吃满
V3 · 2024 年改版
- 四栏摘要同屏,首屏可同时看到 4 个联赛的轮次摘要
- 资讯榜版式统一,栏目之间不再各写各的
- 主动下调首页信息密度,先给结论,细节收进标签
开之前先对一下
设备、系统与网络,先看这几条
- 屏幕
- 建议 10 英寸以上、短边不低于 800px。7 英寸小屏会把四栏自动压成两栏,功能都在,只是一屏看得少一些。
- 浏览器
- 近两年内更新过的 Chrome、Safari 或 Edge 都能正常使用横屏布局,老版本内核会丢掉切角与标签条带的滑动效果。
- 网络
- 下行 4 Mbps 以上就够用。轮次摘要与标签是轻量页面,弱网环境下先出文字再出图,不会白屏。
- 朝向
- 打开系统里的方向锁定,避免看球时平板自己转回竖屏;转回竖屏后布局会自动收成一列。
- 存储
- 收藏与笔记占用的空间很小;需要注意的是它们存在浏览器本地,开启无痕模式或清理缓存后不再保留。
入口与排查
从哪里进去,显示不对时怎么查
横屏入口的常规路径有三条:首页顶部的行动按钮直接进;从 趋势观察 的本轮公告页,选一个联赛后切到平板视图;在 使用指南 里按设备型号找对应对照。三条路到的是同一个入口,选你顺手的那条就行。
-
1
先刷新一次
多数错位来自旧样式还留在缓存里。下拉刷新或强制重载之后,切角面板与四栏网格会回到正常位置。
-
2
再确认浏览器版本
浏览器长期没有更新时,横屏会退回两栏。更新到近两年的版本,或者换用同设备上的另一个主流浏览器再试一次。
-
3
最后看方向锁定与字号
系统字号调到特大时,栏目名会折行推挤布局。把系统字号调回默认,或者把平板转成横屏后再打开一次入口。
三步走完还是不对,去 联系入口 找客服,说明设备型号、系统版本和出问题的联赛栏目,回复会快很多。想先了解这些栏目由谁维护,可以看 品牌自述。
下一步
把平板横过来,从本轮公告开始
选一个联赛,看一眼本轮还剩几场;顺手开一个标签,把它收进你的收藏夹。第一次用,十分钟足够摸清四栏的走法。