很多人觉得它不重要,但在 B 端产品里它非常关键。
📌 面包屑的 3 个作用:
① 定位感 告诉用户「你现在在哪」,特别是层级深的页面。
② 快速回退 用户可以点击路径中的任意一级快速跳转,不用一直按返回键。
③ 减少迷失感 B 端产品页面多、层级深,没有面包屑用户很容易不知道自己在哪。
💡 设计注意事项:
✅ 层级超过 2 级就应该加面包屑 ✅ 最后一级(当前页面)不需要加链接,用普通文字就行 ✅ 层级太深时中间可以用「...」省略 ✅ 面包屑放在页面标题上方,字号比正文小一号 ❌ 不要用面包屑替代导航,它们是互补关系
📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」,用每天 5~10 分钟的坚持,换取终身受用的“设计竞争力”。
你会发现,那些焦虑和迷茫,都在稳步提升中烟消云散。






