浏览器优先保持页面层级清晰
电脑端宽屏可以同时容纳内容索引与说明文字,但仍应让观看入口保持最突出,避免把所有辅助入口拉成同一层级。
多端观看
网页版承接的是同一个核心观看需求,只是使用环境发生变化。页面更强调宽屏阅读、浏览器访问与键盘操作,不重复建立新的内容体系。
宽屏环境可以让主题索引、摘要和正文保持稳定层级。进入在线观看页后,先用主题标签缩小范围,再打开具体观看导览,可以减少在大量入口之间来回切换。
如果浏览器窗口缩小,布局会自然改为单列,主要操作仍保持可见;这不是简单把桌面页面按比例缩小,而是重新安排导航和内容优先级。
电脑端宽屏可以同时容纳内容索引与说明文字,但仍应让观看入口保持最突出,避免把所有辅助入口拉成同一层级。
主要链接、菜单和折叠说明都可通过键盘访问。即使 JavaScript 不可用,核心页面关系和正文仍能正常打开。
长文字说明与观看内容采用不同的视觉层级,减少浏览时反复在大块装饰区域中寻找正文。
小屏优先保留品牌、在线观看入口和当前页面主题,次级导航采用可展开方式,避免横向溢出。

跨设备保持同一主题关系
无论屏幕尺寸如何变化,首页、在线观看、网页版、官网与下载的语义关系不变。移动端只调整导航呈现和内容密度,不隐藏关键正文。
回到在线观看内容 →