导航

导航主要解决用户要去哪里以及如何到达的问题,一般分为「侧栏导航」与「顶栏导航」。

选择合适的导航

合适的导航能带来顺畅体验;不合适的导航则容易让人困惑。下面是侧栏与顶栏的差异说明。

侧栏导航

将导航固定在页面左侧,可提升可见性,便于在页面间切换。此时页面顶部区域通常放置搜索、帮助、通知等常用工具,适合后台管理或工具类站点。

一级类目

适用于结构简单、仅一层页面的站点,一般不需要面包屑。

二级类目

侧栏最多展示两级导航,建议配合面包屑与二级导航使用,便于用户定位与跳转。

三级类目

适用于结构复杂的工具类站点:左侧为第一级,中间栏展示第二级导航或其他工具选项。

顶栏导航

符合自上而下的浏览顺序,更自然。导航数量与文案长度受顶部宽度限制。

适合导航项较少、以大区块内容为主的站点。