菜单关掉之后,页面链接应立即可点
手机阅读的关键不是堆更多入口,而是让每个入口在需要时都能正常触达。
顶部保持三段式
窄屏顶部左侧是菜单,中间是品牌标识,右侧是注册入口。核心导航在手机上收进抽屉,避免文字挤压或折成两行。正文从顶栏下方开始,不应被固定元素遮住。
遮罩只在菜单打开时生效
未打开菜单时,遮罩保持隐藏且不接收点击;打开菜单后才出现并允许点击关闭。点关闭按钮、点遮罩或按 Esc 都会移除打开状态,随后顶部按钮、正文链接和底部快捷入口恢复直接点击。
底部四个入口用于快速回正
手机底部固定首页、索引、APP和帮助。如果从深层页面进入后迷失位置,可以先回索引或帮助中心。遇到账户相关异常,则优先转到账户安全。
在 375、390 与 430 宽度下都应保持同一逻辑
这几种常见手机宽度下,顶部都应维持左侧菜单、中间品牌、右侧注册入口,不折成两行,也不让文字互相覆盖。图片在内容宽度内完整缩放,页面本身不出现横向滚动。打开抽屉后,遮罩覆盖正文以便点击关闭;抽屉关闭后,遮罩恢复隐藏且不再接收触摸。若用户通过底部“帮助”进入深层页面,仍可以使用面包屑或底部快捷返回。这样即使屏幕尺寸变化,主要查阅方式也保持一致。
如果旋转屏幕或改变浏览器宽度,导航状态也应保持可理解:关闭状态下不应留下透明遮罩,打开状态下则应能通过遮罩、关闭按钮或 Esc 返回正文。