这种导航栏与侧边栏对齐的布局形式,在UI设计和前端开发中通常被称为**“顶部-侧边混合导航布局”,也常被称作“双层级导航结构”或“T型布局”**。
从功能架构上看,它属于典型的B端后台管理系统布局模式:
- 顶部导航(Nav):承载全局性、系统级的一级菜单入口,如“Home”、“Projects”等,用于在不同大模块间快速切换。
- 侧边栏(Sidebar):作为当前一级模块下的二级导航,展示该模块内的子功能或页面,如“AI Reviews”下的“Overview”、“Archetypes”等,提供深度操作路径。
这种布局的优势在于:
- 信息层级清晰:用户能明确感知当前所处位置及可选路径;
- 扩展性强:适合功能复杂、模块众多的企业级应用;
- 操作效率高:固定侧边栏便于在长内容页面中快速定位功能点。
如果你在做原型设计,需要我帮你整理一份这种布局的组件清单和尺寸规范吗?