🔸 顶部导航 导航项横向排列在页面最上方。 优点：页面内容区域宽度最大化。 缺点：能放的导航项数量有限（一般不超过 7 个）。 适合：功能模块少、信息层级浅的产品。
🔸 侧边导航 导航项纵向排列在页面左侧。 优点：可以承载更多的导航项，支持多级折叠。 缺点：占据左侧固定宽度（通常 200-256px）。 适合：功能模块多、层级深的 B 端产品。
🔸 混合导航 顶部放一级导航（产品模块），侧边放二级/三级导航（模块内页面）。 适合：功能非常复杂的大型 B 端系统，如 ERP、CRM。
💡 选择建议： 如果你做的是 B 端后台产品，80% 的情况选侧边导航就对了。 如果是官网、轻量工具，顶部导航更干净。 如果产品功能又多又复杂，就混合导航。
📚下面这份《UIUX 学习指南》，是我花 1 年时间整理，萃取苹果、谷歌等大厂设计智慧搭建而成的：
• 体系完整又系统，从视觉、交互到用研、产品，覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深，都能精准适配
• 每天花 5～10 分钟，就能稳步搭建起专业认知框架
爬出低谷，不需要惊天动地的顿悟。👇文末加入「UIUX 学习指南」，每天 5～10 分钟，去学、去拆解、去浸泡。
你会发现，焦虑和迷茫会被“坚实的确定性”一点点挤出去，你重新理解了设计的重量。
