导语：我们在设计网站的过程中，一开始的设计便会遇到导航设计，比如面包屑导航；然而对许多设计师来说，面包屑导航往往都是直接照搬，也很少会去注意甚至忽视它的存在。在产品设计多样化的今天，什么样的网站适合用面包屑导航？本文将对此进行探讨，希望对你有帮助哦。

说到面包屑导航，我先跟你分享一个童话故事：两个孩子为了不在森林里迷路，于是沿途洒下了面包屑作为标记，帮助自己能够原路返回。

面包屑导航（下文统一统一用“面包屑”来表述）的概念便来自这个童话故事；面包屑导航的作用和面包屑一样，可以帮助用户能看清自己在网站中所处的路径，也能够快速的找到其他相同类型的网站和功能。

一、什么是面包屑？

通俗来说，面包屑是作为辅助和补充的导航方式，它能让用户知道在网站或应用中所处的位置并能方便地回到原先的站点。

它们绝大部分看起来就像这样：一级页面 > 二级页面 > 三级页面或者一级页面 / 二级页面 /三级页面。

二、面包屑的类型有哪些？

通常来说，面包屑分为以下三种类型：基于位置的面包屑、基于属性的面包屑、基于路径的面包屑。