导航菜单Menu
你可能会说
功能越来越多，得有一列菜单让用户找得到入口。
导航菜单是按层级组织页面或功能入口、帮助用户在产品中移动的导航组件后台可用侧边菜单列出“项目、成员、设置”，并高亮当前位置。它用于前往不同位置；切换同一对象的平级内容应使用标签页。
组成结构 · Anatomy
整条菜单，负责排列菜单项和管理高亮状态
一个可点入口，点击跳转到对应页面
可选，用于辅助识别功能
可选，提示未读数或有新内容
常见变体 · Variants
水平导航Horizontal
入口较少且横向空间充足时，适合网站顶栏
侧边导航Vertical
功能较多并需要持续显示分组时
收起态Collapsed
内容区宽度不足时，可收起为图标导航
典型使用场景
后台管理系统侧边栏
网站顶部主导航
文档站多级目录
移动端抽屉菜单
林小狐
延伸阅读 · 权威出处