首页 / 页面导航

页面导航:先认区域,再理解按钮和文字关系

页面导航说明顶部、正文、辅助说明与底部入口的相对关系,帮助读者理解按钮出现在哪里、文字该从哪里开始阅读,不提供结果演示。

页面导航视觉资料

把页面先分成四个区域

顶部通常负责品牌和主导航,正文承载主要内容,辅助说明补充边界,底部则保留常用入口。先理解这四类区域,再看具体按钮和链接,会比一开始逐个点击更容易掌握页面结构。

按钮只是入口,不代表后续内容

页面导航只说明按钮出现在哪里以及它与周围文字的关系。任何账号按钮都应结合页面提示、域名和账户保护信息理解,不能仅凭颜色或位置推断后续状态。图片中也不会额外叠加新的可点击元素。

手机排列变化不改变信息层级
小屏幕上顶部导航会改为菜单,部分左右结构会变成上下结构,底部增加四个快捷入口。虽然视觉排列不同,但“标题—正文—相关入口”的层级仍然保留。需要更具体的触控说明,可继续查看手机版。
↑