赛场总览 / 夜场灯光下的一块球队看板
02 / 昨日赛果
昨天那场球,两步就翻到
地铁上只剩两站,别让翻找耗掉一半时间。先按日期落位,再点一下球队,那场的比分和状态立刻送到眼前。
一张赛程卡上有什么
- 联赛 · 轮次 先确认这是哪一段赛程里的哪一场
- 主队 / 客队 按主客顺序排列,不会看串位置
- 比分 等宽大字压在角落,扫一眼就懂
- 日期 · 状态 未完赛、已结束各标各的,不会混过去
03 / 界面布局
左边钉住清单,右边铺开赛程
左侧窄栏一直留在视野里,联赛切换和关注的队都在这儿;右侧宽区往下铺卡片,赛程、比分、战报顺着时间走。
左侧 · 常驻栏
- 全部联赛
- 只看关注的
- 按日期排
切换联赛或球队后,右区内容同步更新,筛选条和翻页停在原位,不会跟着滚动跑掉。
华体育会新版赛程 联赛 / 球队 / 日期
右侧 · 卡片瀑布
一屏能扫到多场。同一联赛的场次聚成一组,组与组之间用细线隔开,找到当天那几场不用来回翻页。
- 赛程卡与战报卡共用一套字段,切换栏目不用重新认结构
- 按比赛日往下排,正在进行的场次排在最前
- 每张卡都能直接跳到对应战报,少点一次
04 / 进失球分布目录
比分一栏,分布一栏,各看各的
看完比分还想知道这支队是怎么进的、怎么丢的?第2版进失球分布目录按联赛归类,联赛级和球队级两种视图随时换,最近 5 个赛季都在里面。
| 视图 | 你会看到 | 什么时候用 |
|---|---|---|
| 联赛级 | 一个联赛整季的进球与失球落在什么区间 | 赛前想快速摸清整体节奏 |
| 球队级 | 单支球队的进失球分布与起伏 | 盯一支队最近的状态变化 |
主客场表现
主场一套,客场一套
主客场单独成栏,8 项指标横向摆在同一行。主场踢成什么样、客场差在哪,不用来回换页面比。
- 主场比赛的进失球单独成列,不被平均掉
- 客场数据同屏对照,差多少一眼看出
- 按联赛归类,想看单支球队可继续下钻
青训教练整理赛前资料、媒体编辑做赛后复盘,都可以把这一栏直接打印下来带走。
05 / 屏幕适配
小屏到宽屏,翻页不跑位
从 360px 的手机到 2560px 的宽屏,赛程与战报保持同一套排法。窄屏上宽表格换成横向滑动的卡片,筛选和翻页留在原处,一路滑到底也不会错行。
- 手机卡片横向滑,一屏一组,不折行错位
- 平板双栏并列,比分和分布同屏可见
- 宽屏留白更松,长列表扫起来不散
下一步
从这里接着往下走
不管是想立刻把球队收进来,还是先弄清某个功能怎么用,入口都在这儿。