后台系统的导航结构直接决定用户效率。选错模式后期改架构成本巨大，开工前一定想清楚👇 📌 模式一：顶部导航 适合：功能模块少（5-7个以内）、层级浅的轻量系统 优点：横向空间利用率高，内容区更宽 缺点：放不下太多菜单项，二级导航展开不方便 典型产品：Stripe Dashboard、部分 SaaS 设置页 📌 模式二：左侧导航（最主流） 适合：功能模块多、层级深的中大型系统 优点：纵向空间可以无限扩展，支持多级折叠，用户一目了然 缺点：占据左侧 200-260px 宽度，内容区变窄 典型产品：Ant Design Pro、飞书管理后台、大部分 ERP/CRM 📌 模式三：顶部一级 + 左侧二级（混合模式） 适合：超大型系统，模块之间差异极大 优点：一级导航切换"工作空间"，左侧导航处理模块内部层级，各司其职 缺点：开发成本高，用户需要两层导航认知 典型产品：阿里云控制台、AWS Console 💡 选择建议： 功能 < 8 个模块 → 顶部导航 功能 8-30 个模块 → 左侧导航 功能 30+ 且跨多个业务域 → 混合模式 还有一条经验：左侧导航一定要支持收起/展开。数据密集型页面，用户会想把导航收起来多看点内容 别凭感觉选导航模式，先数一下你的功能模块数量，答案自然就出来了📐