小屏阅读
菜单关掉之后,页面链接应立刻恢复可点
手机端最重要的不是把电脑导航硬塞进一行,而是保持三处入口清楚:左侧菜单、中间品牌标识、右侧注册入口。横向频道条在窄屏隐藏,完整栏目放进左侧菜单,底部再保留四个常用入口。
未打开菜单时,遮罩必须保持隐藏
正常浏览状态下,遮罩不应该覆盖页面,也不应该截获点击。此时顶部菜单、注册入口、正文文字链和底部快捷都应直接可用。只有点击菜单后,遮罩才出现并允许点击关闭。
关闭菜单有三种方式
- 点击抽屉顶部的关闭按钮。
- 点击页面其余区域的半透明遮罩。
- 使用键盘 Esc 键关闭。
关闭后,菜单移出屏幕,遮罩隐藏,页面滚动恢复。若再次点开,应重新按相同流程工作。
常用入口不必反复展开菜单
底部快捷保留首页、索引、APP和帮助,适合窄屏快速切换。涉及登录与验证码的疑问仍应前往账户安全。
请确认达到所在地法定年龄,遵守所在地法律法规,并在公共设备上谨慎保存账户信息。
375、390 与 430 像素宽度都应保持三段式顶部
这些常见手机宽度下,菜单按钮、品牌标识和注册入口分别占据左中右三处,不应换成两行或互相覆盖。若品牌图暂时缺失,中央位置保留深色占位,也不会挤压两侧按钮。
页面正文继续使用浏览器整页滚动,抽屉自身只在展开时占据左侧。关闭后应恢复页面滚动,底部四个快捷入口保持可见,读者可以不依赖抽屉完成最常用的切换。