FUNCTION CENTER · 功能中心

赛程、对阵、阵容变动,一屏之内全部落位

雷火电竞把一整季的内容压进两块地方:你浏览器里打开的赛程页,和装在电脑、手机上的客户端。哪边打开,看到的都是同一份对阵表、同一批比分、同一串阵容变化,不用在两个入口之间来回对号。

01

SCHEDULE

赛程页:打开就知道今晚该看哪一场

客户端雷火电竞赛程页是整个赛季的第一落点。窗口顶部横着一排赛区胶囊,左栏竖着该赛区的四支战队,右栏堆的是按时间倒着排的对阵条目——最新打完的那一场永远在最上面,比分和对阵状态一起给出,你不需要在页面里翻页找球。

每场比赛结束后三十分钟内,那一条会从进行中翻成终局比分,上方对阵图同步跟着改。第一次装上客户端的人直接从这一页进来,就能把整个赛季的脉络从头看到尾,不必先补一遍赛制说明。

赛程页里能做的事
  • 按日期往回翻已经结束的对阵,比分与胜负一并显示
  • 点开任意一条对阵,展开双方阵容人数与近五场战绩
  • 在左栏战队列表上点一下,右栏只剩这支战队的比赛
  • 想横向对比别的赛区,切胶囊换一批数据,页面位置不动
客户端雷火电竞赛程页界面示意图,左侧为战队列表,右侧是按时间倒序排列的对阵条目与比分
顶部队赛区胶囊 · 左侧战队列表 · 右侧倒序对阵,比分落在每一条的右侧
02

DISTRICT SWITCH

换赛区不必换页面,胶囊按一下就到位

北部、东部、南部三个赛区共用同一套界面结构。悬浮胶囊常驻在内容区右上角,你按哪个,下面正在看的战队卡片、赛程条目和动态流就整体换成那个赛区的数据——页面不跳转,滚动条不回到顶部,看球的节奏也不会被打断。

以前要在三个入口之间来回找,现在一次点击就能横向比较:同一个比赛日里三个赛区的场次密度、状态起伏,切两下心里就有数了。常看的那一个赛区会被记住,下次打开还是它。

悬浮赛区胶囊控件特写示意图,三个赛区并排排列,当前赛区为电蓝底色
激活项为电蓝底暗字,未激活项保持面板底色,切换时高亮块平滑滑动

点一下感受切换

北部赛区

四支战队,常规赛每周三个比赛日。切过来之后,战队卡片、赛程条目与动态流整体换成北部的数据,你刚才停在哪条对阵上,回来时还在那儿。

东部赛区

同样的位置换成东部四支战队。三个赛区的排列顺序一致,切过两遍之后你就能凭栏位记住谁在哪一行,扫读速度会明显快起来。

南部赛区

南部四支战队的卡片结构与其他赛区完全相同,差别只在数据本身。常看南部的话,把它设成默认,下次进赛程页直接落在这一栏。

03

PLAYOFFS

季后赛对阵:八强双败,谁碰谁看得清清楚楚

常规赛排名前八的战队进入双败淘汰,雷火电竞季后赛赛程就在这一块面板里展开。对阵按时间倒序排,最新结束的一场排在最前,还没打完的场次用熔岩橙描边单独标出来,一眼就能从一长串比分里挑出来。

看对阵有两种筛法:按轮次走,适合只看某一天有哪几场;按战队看,适合盯着一支队伍把它的晋级路线整条捋下来。两种视图切换时,已结束的对阵保留比分,未结束的保留倒计时。

对阵视图里还带着什么
  • 每场对阵显示双方赛区归属,跨赛区碰撞一眼认出来
  • 胜者组与败者组分开成列,掉组之后去哪儿不用自己推
  • 总决赛席位单独占一栏,冠军产生前一直是未结束状态
  • 切到战队视图,同一支队伍的每一场按顺序串成一条线
季后赛季程表信息图,八支战队进入双败淘汰的对阵结构,未结束的对阵以熔岩橙描边标记
胜者组、败者组与总决赛席位分列呈现,未结束对阵用熔岩橙描边提示

胜者组

首轮 · 4 场 次轮 · 2 场 胜者组决赛 · 1 场

败者组

首轮 · 4 场 次轮 · 2 场 败者组决赛 · 1 场

冠军席位

总决赛 · 未结束
04

TRANSFER FEED

转会期动态:窗口一开,两小时内就能看到

转会窗口期内,每一条阵容变动的动态都在两小时内完成发布;窗口关闭之后,改成每个工作日下午出一条汇总,把这段时间的变动一次讲清。无论哪种节奏,列表都是最新的排在最上面,你不必一直往下拉去找新闻。

动态可以按变动类型筛:加入阵容、离开阵容、合同变化,各看各的。它和战队卡片是联动的——在卡片上点开一支战队,它最近有关的动态会跟着排到前面,省掉一次搜索。

动态里出现的字段
  • 所属赛区与战队,一眼判断这条和你关注的队伍有没有关系
  • 变动类型标签,扫一眼就知道是进人还是走人
  • 相对时间标记,两小时以内发布的会额外标出来
  • 相关对阵入口,点进去直接看这支队最近的比赛
转会期动态列表界面示意图,按时间倒序排列的阵容变动条目,每条带有赛区、战队与变动类型标签
最新一条始终在顶部,窗口期内发布的条目会带相对时间标记

ALERTS

三类推送,只推你真正要的那几件

提醒分三档,各开各的。开了哪一档就只收哪一档的消息,不会因为关注了一支战队就被整季的赛果刷屏。

开赛前 30 分钟 在你关注的战队上场前半小时提醒一次,够时间泡好茶坐下来。
赛果发布 比分与对阵状态翻新时推一条,出差路上也不会漏掉关键一场。
转会期动态 你关注的战队有阵容变动就发一条,窗口期内最长等两小时。
开赛前提醒、赛果发布与转会期动态三类推送卡片的界面示意图
三类提醒各自独立开关,开启状态用雷电青绿标记
05

FOLLOW & SYNC

关注一支战队之后,首页会顺着你的偏好排

A

每张战队卡片都有关注入口

在战队卡片右上角点一下关注,回到首页时动态栏会优先展示这支战队的消息,其他赛区的内容往后排。关注可以随时取消,列表不会留下痕迹。

B

站点和客户端共用一个账号

浏览器里登录一次,客户端打开就是同一个身份。你关注的战队、设好的三类提醒会一并带过去,换设备不用重新配一遍。

C

换设备只换屏幕,不换设置

在公司用电脑看完整对阵,回家掏出手机接着看同一场——关注列表和提醒开关都在,赛季脉络断不了。

06

VERSIONS & PLATFORMS

你装的那个版本,能做到哪一步

3.2

赛程页上线

客户端里第一次出现完整的赛季脉络视图,从左栏战队到右栏对阵连成一条线,不用再跳到别处拼凑。

4.0

赛区胶囊常驻

赛区切换从页面跳转变成控件切换,三个赛区的数据在同一个界面刷新,切完还停在原来的位置。

4.6

当前稳定版本

对阵、动态与三类提醒收进同一个窗口,关注设置与网页端保持一致,桌面端优先适配。

  • Windows
  • macOS
  • Android
  • iOS
桌面与移动设备组合示意图,暗底上四台设备沿对角线排列并显示同一赛程页
四个平台显示的是同一份赛程数据,桌面端的对阵视图信息最完整
07

SCENARIOS

对号入座,看看你该从哪儿下手

只看季后赛

平时没空,季后赛一到就守着看

你要的是一张能扫完的对阵表,不是每天刷赛程。

  • 01 打开季后赛对阵视图
  • 02 筛到胜者组那一列
  • 03 开赛果提醒,比分出来再回来看
紧跟转会期

阵容一变就坐不住,得第一时间知道

窗口期里变动密集,靠手动刷新很容易漏。

  • 01 在战队卡片上点关注
  • 02 开启转会期动态提醒
  • 03 首页动态栏按关注顺序排
刚入坑

赛季才看起,想先弄明白整体格局

不急着追具体某场,先把三个赛区和整条赛季线走一遍。

  • 01 从客户端赛程页进
  • 02 按时间倒序往回翻一轮
  • 03 切两个赛区感受一下差别