✏️ AI 术语图鉴

侧边导航 · Sidebar Navigation

英文:Sidebar Navigation

导航与切换难度:入门 ★

🗣️一句话大白话

把主要导航长期放在页面一侧,适合入口较多、层级较深的系统。把主要导航长期放在页面左侧或右侧,适合入口较多、层级较深的系统。

🖼️样图参考

示例 · 侧边导航
示例 · 侧边导航

🎬真实场景

后台、文档、设置页、复杂工具、个人内容管理

📮你可以这样说

「为 Punk 的创作后台添加 Sidebar Navigation, 包含 Overview、Projects、Posts、Media、Analytics 和 Settings,当前页面使用绿色背景和图标强调,二级菜单允许折叠; 桌面端固定显示,手机端收起为 Drawer。」

通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。

⚠️边界与常见误解

  • ▸误解:侧边导航适合所有页面。实际它占用横向空间,适合后台/文档等重操作系统,内容站用顶部导航

🚫什么时候别用

  • ✗以阅读为主的内容站

🧩常见变体

固定侧边导航可折叠二级菜单

🕸️知识关系图

这个词条与相关术语、AI绘图 知识的连接关系

相关术语相关术语相关术语
侧边栏布局
Sidebar Layout
仪表盘布局
Dashboard Layout
超级菜单
Mega Menu
侧边导航
Sidebar Navigation

🔗相关术语