产品与适配

换哪块屏,赛程都排得顺

顶胜体育把你的设备先想一遍:手机上两场连看不用来回翻,平板横过来正好撑满一屏,桌面上展开侧栏就能看到控球和纪律记录。同一轮赛程,三种排法。

01 / 三端预览

你的屏幕落在哪一档

断点只分三档:1280 像素及以上按桌面排,768 到 1279 像素按平板排,768 像素以下按手机排。切一格,看看同一轮赛程换到你手上是什么样子。

第 12 轮 · 桌面视图1280 像素及以上
  • 周六 19:352 : 1终场
  • 周六 21:501 : 0下半场
  • 周日 20:00vs未开球
数据侧栏 控球 58% 射门 11 黄牌 2
第 12 轮 · 平板视图768 至 1279 像素
  • 周六 19:352 : 1终场
  • 周六 21:501 : 0下半场
  • 周日 20:00vs未开球
侧栏收到下方 控球 58% · 射门 11 · 黄牌 2
第 12 轮 · 手机视图768 像素以下
  • 周六 19:352 : 1终场
  • 周六 21:501 : 0下半场
直播入口轮次 12

切到手机档,赛程条横向滑动;切到桌面档,比分右侧那块侧栏可以折叠收起来。

02 / 检查条目

32 项条目,分四组逐项过

顶胜体育焕新版适配清单把三端要过的地方拆成 32 项,从骨架栅格到触控手感各成一组。你要评估能不能用,扫一遍这四组就有答案。

骨架与栅格01–08

  1. 0112 栏基准网格首屏按 7:5 切,中段可换 8:4,栏目宽度随内容性质定
  2. 02斜切卡片统一 15 度赛程卡片斜切方向一致,堆叠时不会互相打架
  3. 033 像素围挡描边分区靠粗边线和留白,不靠一层层阴影堆叠
  4. 04比分条固定高度滚动换轮次时高度不跳,视线不用重新找位置
  5. 05赛程条横向承载一轮放不下就横着排,不折行挤压对阵信息
  6. 06留白随视口收缩窄屏先压空隙不压字号,正文仍然好读
  7. 07圆角上限 4 像素保持记分牌般的硬朗轮廓,不做圆润化处理
  8. 08四栏索引式页脚栏目、联系方式与使用条款各占一列,找得到

赛程与比分09–16

  1. 09对阵与开球时间同排一眼看清谁打谁、几点开球,不用点进去
  2. 10比分用等宽数字多行数字竖直对齐,扫一列不会错位
  3. 11领先方橙红标记一屏只出现几处,领先方向一眼可辨
  4. 12红黄牌小标签纪律记录跟着比分走,不必另开一页
  5. 13直播入口图标开球前就在赛程末尾,点进即看
  6. 14轮次刻度常驻侧边细刻度标出当前轮次,随时知道走到哪一轮
  7. 15当前轮次实心高亮回来时先看到最新一轮,其余按序排开
  8. 16比分变化短提示数字旁一次微幅脉冲,不弹窗打断观看

数据与检索17–24

  1. 17桌面折叠数据侧栏想细看就展开,只想扫比分就收起来
  2. 18控球与射门对照两支球队同轴对比,长条长短即差距
  3. 19纪律记录计数黄牌与红牌分开记,颜色固定不混用
  4. 20按轮次筛补看某一轮的牌况,直接跳到那一轮
  5. 21按球队筛跟一支队的人,整季记录一次看全
  6. 22按球员姓名查记得姓名的片段也能定位到具体轮次
  7. 23结果列表原位展开筛选后不跳页,条件留在原处方便再调
  8. 24条件自动保留回退一步还在原来的筛选里,不用重设

触控与可达性25–32

  1. 2544 像素触控区地铁里单手点轮次,不容易点到隔壁
  2. 26焦点环 2 像素琥珀色键盘操作时清楚看到当前位置
  3. 27左右方向键切轮次赛程条聚焦后,方向键代替滑动
  4. 28降低动效偏好生效系统开了减少动态效果,全部内容直接呈现
  5. 29正文对比度 7:1 以上夜场深墨底上读长段落也不费眼
  6. 30长按不误选文字手指按在比分条上不选中、不弹菜单
  7. 31横竖屏自动重排转个方向,赛程与入口不重叠
  8. 32图形配文字摘要条形对照旁边有可读的数字说法

03 / 一屏之内

手机竖着拿,两场不用找

顶胜体育移动端赛事面板把对阵、开球时间和直播入口压进同一屏:上面一条比分条,中间是当前轮次的赛程,底下留一行切轮次。周末连看两场,手指不用来回切页。

  • 竖屏一屏排下两场,开球时间贴着对阵走。
  • 横过来自动变成左右两栏,赛程在左、入口在右,架在桌上看更舒服。
  • 赛程条横向滑动,一轮赛完接着看下一轮。
竖屏手机界面上排布着当前轮次赛程与比分条,深墨底配草皮绿
竖屏:比分条在上,赛程与开球时间一列排开
双手横握设备观看赛程,背景是虚化的看台灯光
横屏:赛程与直播入口分列两侧,视野更宽

04 / 桌面细节

想看门道,右边那栏展开

桌面端的比分条右侧挂着一个可折叠侧栏。平时收着,让比分和赛程占满宽度;想多知道一点,点开它,控球、射门与纪律记录就在同一屏里。

  • 展开:三组数据成列并排,两支球队对照着看。
  • 收起:赛程条变宽,适合只想扫比分的时候。
  • 展开状态随你这一屏留着,翻轮次不用反复点开。
桌面端赛事界面,比分条右侧展开统计数据侧栏
比分条右侧展开侧栏,控球、射门与纪律记录同屏

05 / 目录检索

找一轮比赛,或者找一张牌

三种入口对应三种问法:记得轮次就按轮次,跟一支队就按球队,记得人就按姓名。结果落在同一张列表上,红黄牌与转会动态都在里面。

06 / 订阅一支队

订完就有一条自己的线

订阅球队页之后,这支队的赛程、阵容变化与纪律记录会自动聚到一起,不用每次重新筛。开球前 6 小时,赛前简报推到你手机上。

  • 简报三项:首发预测、伤停变化、历史交锋。
  • 聚合内容跟着轮次走,换轮次时整组一起更新。
  • 想改推送时段或关掉订阅,在帮助中心里能找到设置位置。
赛程

从当前轮到赛季余下轮次,开球时间排成一列。

阵容

人员进出与位置变化,按轮次记在这支队名下。

纪律

黄红牌累计到哪一步,一眼看出谁会缺阵。

赛前 6 小时

简报到达,赶在出门看球之前把三件事看完。

07 / 版本演进

一路改到焕新版

四代版本叠下来的能力,正好对上你今天的使用方式。你现在用的是第四代。

夜间球场草皮与边线特写,灯光斜切过画面
  1. 第一代

    先把轮次表立起来

    比分与红黄牌按轮次手工归档,先把“哪一轮发生了什么”留住。

  2. 第二代

    从翻页到检索

    加入目录检索,按球队与姓名定位纪律记录,不再靠一页页翻。

  3. 第三代

    版式换成轨道加命令栏

    侧边轨道常驻,命令栏收拢入口,桌面端可展开数据侧栏。

  4. 焕新版

    三端补齐同一步

    沿用第三代的设计语言,把桌面、平板、手机对齐成一套组件,32 项条目逐条过。

08 / 自查

对照你的设备,先看一遍

下面这几行按常见情况写,找到和你最接近的一条,就知道自己能拿到什么体验。

设备与条件 你会看到 适合这样看
桌面 1280 像素及以上 比分条常驻,右侧数据侧栏可展开收起 想同时看控球、射门与牌面时展开侧栏
平板 768 至 1279 像素 赛程并排两列,侧栏数据收到比分下方 靠在沙发上单手翻轮次
手机 768 像素以下 赛程、开球时间与直播入口同屏 周末两场连着看,横屏视野更宽
横屏握持 面板重排为左右两栏 把设备架起来,边做事边看
网络信号偏弱 图形降级,文字与比分照常显示 地铁与电梯里快速扫一眼轮次
想补看前面的轮次 最近 5 轮的比分与数据可回看 睡前把落下的一轮补完

还不确定哪一档最合适

把你的屏幕尺寸和看球习惯说一说,我们照着你的情况给一句建议;面板用着不顺手,也可以直接讲。