MK 体育电竞学校
主题大片页满屏页头:球场全景画面

主题大片:从一屏画面开始认识 MK

这一页是整个站点的开场。MK在线平台 把体育与电竞内容做成一本可以滑动的画册, 第一屏只放画面和一句话,往下才慢慢补上说明。这里的文字都很短,因为画面本身已经把大部分信息讲完了。

本站以 MK在线(中国)唯一官方网站 的身份对外呈现,页面结构、图片处理方式与文字口径在各个端保持一致。 如果你在别处看到排版完全不同的同名页面,那多半不是同一处入口,回到这里重新进入会更稳妥。

我们把内容分成三条线:可以看画面的主题大片,可以翻条目的精选玩法与体育专题, 以及负责答疑的服务说明。三条线互相引用,却各自独立成页,任何一条都能单独从头读到尾。

画册的阅读速度由访客自己决定。有人只看首屏那一张图,有人会一路滑到底部的问答。 两种读法都被考虑过,所以每一屏都自成一段,跳着看也不会前后接不上。

页面里没有无限下拉,也没有自动播放。滚到哪里就是哪里,中途离开再回来, 位置从页面顶部重新开始,不会突然从中段接着播放一段你没看过的内容。

这一屏的画面本身也在说明这条规则:一张满屏的照片,底部只压着一行标题。 之所以排成这样,是因为黑底画册最怕的是拥挤,一旦元素超过两个,视线就散了。

滚动的位置会被记住,刷新之后回到同一个地方。 这一点在看长内容时比较有用,中途接一个电话回来,不必重新找刚才读到哪一段。

页面上没有广告位,也没有合作入口。留白是真的留白, 而不是留给某一个还没填上的位置。

画面先说话

每一屏只保留一个视觉重点:满屏图铺满整块视口,文字压在角落或底部,不抢画面本身的位置。 这样安排的好处是滚动时视线有落点,不会同时被三四个元素拉扯。

全站只用黑、白、金三种颜色,金色的细线和小标签负责提示可以点的地方,其余部分交给留白。 留白不是空,它让相邻的两屏之间有一口气的距离。

条目要能扫

需要对比的内容会拆成横向条目,一条一件,条目之间用细线隔开, 扫一眼就知道有哪几类,不必逐字读完才发现第三类和第一类讲的是同一件事。

mk中国官网入口 带来的这份结构在桌面端与手机端保持一致:桌面端左边是标题、右边是解释, 手机端自动折成上下两行,顺序不变,切换设备继续读,位置感不会丢。

说明写短

正文段落控制在两三行以内,长句拆成短句,一段只讲一个意思。 遇到必须交代的细节,就再起一段,而不是把限定条件全塞进同一句话里。

mk体育(中国大陆)官方网站 的内容口径是统一的,同一件事在不同页面里的说法不会互相打架。 如果两处读起来有出入,以本页与专题页的表述为准,其他位置会在下一次整理时对齐。

更新有节奏

画册会随着赛季推进补充新的片段,已经放上去的内容不做删除,只在顺序上往后排。 回头看半年前的那一屏,它还在原来的版式里,只是位置更靠后。

站内动态用更短的条目记录变化,每条只留一句话和一个泛指的时间标记。 如果想快速知道最近补了什么,从那一页翻起会比从头滑动更省时间。

不追热点

画册挑选内容的标准是画面是否立得住,而不是事情发生得多快。 一场过去很久的比赛,只要画面仍然值得看一遍,就会留在这里。

这条规则带来的结果是页面更新得不快,但翻旧内容时不会失望。 对一份可以慢慢看的画册来说,这比每天都换一屏更合适。

读法不止一种

有人习惯从头读到尾,也有人只挑自己关心的那一屏。 两种读法在这里都成立,因为每一屏的标题已经把结论写在最前面。

如果你只有两分钟,可以先看这篇说明的四条条目,再决定要不要翻开画册的正文。 条目的顺序本身就是一份目录。

签名式收束配图:正方形画面特写

一页读完,再翻下一页

这份画册不急着让访客做决定,它只负责把画面、说明与入口按顺序放在同一根线上。 看到哪里想停,就停在那里。

想继续,往下的每一屏都已经准备好了;想换个方向,顶部导航里的五个页面随时可以走。 两条路都不算错。

如果你读完这一页之后只记住一件事,希望是这句:黑底上的东西越少,留下的印象越久。

这一页的说明写到这里就够了。再往下写,读的人反而会开始跳着看, 那和画册想要的节奏正好相反。

如果你是从导航里的「主题大片」进来的,看到的就是完整的一页; 如果你是从搜索直接落到这里,也不必往回翻,这一页本来就是入口之一。

下一页是精选玩法,那里把四类内容按条目排开,读起来比这里更紧凑一些, 适合已经知道自己要找什么的人。