[ ABOUT ]
从一张看板说起
这一页说明本站想解决的浏览体验问题,以及界面语言与多端策略背后的版式思路。所有描述都停留在界面设计层面,全文为版式示例。
MISSION OF LAYOUT
我们想解决什么体验
看板式首页最常见的麻烦,是「信息很多、入口很深」。我们希望用户第一眼就能完成一次筛选:先看见正在进行的场次,再决定进入哪个分区——把决策顺序直接写进版式里。
PHASE 01 / 成立理念
先让首页变成总览,而不是目录
传统门户把入口全部排在第一屏,用户往往要在几十个图标里找目标。本站的版式理念相反:首页优先展示「现在能看什么」——用滚动条、入口行与主推卡给出三个层次的提示。
第二屏再回答「每种内容怎么进入」,把体育、真人、电竞拆成分区横幅,避免第一屏的入口密度过高。
PHASE 02 / 界面语言
按钮用动词,标题用名词
界面的措辞规则只有一条:按钮位置说动作,卡片标题说对象。滚动条提示用短句,确认面板把汇总放在最显眼处,减少「读了两行还不知道要做什么」的情况。
装饰层只保留金色细线与网格底纹两种元素,避免与内容抢注意力;深色主底让状态色和提示行保持可辨。
PHASE 03 / 多端策略
同一份结构,三种屏宽
网页端使用七比五的双栏看板,平板降到等宽双栏,手机端则切换为单栏纵向流:折叠菜单收起导航,滚动条缩短为一行,卡片全部改为整宽排列。
三档屏宽共用同一份栏目顺序与文案文件,只在布局层做适配——这是本模板在多端排版上的基本约定。
三种版式价值观
- 先总览
- 任何页面先回答「这里有什么」,入口与内容分区排在后半段,保证第一眼的信息密度适中。
- 短路径
- 常用动作不超过两次点击的视觉引导:下载按钮固定在横幅位,客服入口在导航右侧。
- 可核对
- 确认与提示都写成可复核的短句,金色细线只用来标注边界,不承担任何信息职责。