侧边导航 · Sidebar Navigation
英文:Sidebar Navigation
导航与切换难度:入门 ★
🗣️一句话大白话
把主要导航长期放在页面一侧,适合入口较多、层级较深的系统。把主要导航长期放在页面左侧或右侧,适合入口较多、层级较深的系统。
🖼️样图参考

🎬真实场景
后台、文档、设置页、复杂工具、个人内容管理
📮你可以这样说
「为 Punk 的创作后台添加 Sidebar Navigation, 包含 Overview、Projects、Posts、Media、Analytics 和 Settings,当前页面使用绿色背景和图标强调,二级菜单允许折叠; 桌面端固定显示,手机端收起为 Drawer。」
通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解:侧边导航适合所有页面。实际它占用横向空间,适合后台/文档等重操作系统,内容站用顶部导航
🚫什么时候别用
- ✗以阅读为主的内容站
🧩常见变体
固定侧边导航可折叠二级菜单
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系