当大家走进一个公园，看到一张导航图。怎么样了解这张导航图呢？有三点。第一点，找到我们的地方；第二点，找到过去走过的地方；第三点，找到自己要去的地方。这就是面包屑设计的初衷。什么是网站面包屑设计？为何要叫面包屑设计呢？这来自于一个西方童话故事，故事中两个孩子用面包屑组成一条回家的路。在数字世界中，面包屑为你的站点用户提供了追溯到原始着陆点的功能。因此，在门外汉看来，面包屑是辅助导航，帮助你的用户通过你的网站/应用程序。对于一些公司网站来讲，其实并无需面包屑设计，访客可以一眼即知，自己处于网站的何种地方。但对于大型网站而言，如购物网站、门户网站，访客需要了解自己处于网站的什么位置，这就需要面包屑设计。
面包屑设计的目的面包屑是一个有效的视觉辅助，由于它表明了用户的地方在网站的层次结构。因此，这致使用户比较容易理解他们所在的地方与他们可以导航的其他地方。除去用户的看法，面包屑也很有用的网站SEO，由于它比较容易导航通过你的网站，你的弹跳率大幅降低。除此之外，你还期望最小化用户的操作数目，并为他们提供无缝体验。一项研究显示，用面包屑导航的用户完成网站任务的速度要比不用面包屑导航的用户快得多。面包屑设计三要点在大家深入研究面包屑的设计方面之前，面包屑设计一般包含如下三个要点。
1.路径:顾名思义，基于路径的面包屑显示用户到达目前页面的路径。这类的面包屑提供了像前进和后退按钮的功能，因此它是最少用的。
2.地址:基于地方的面包屑指示目前页面在网站层次结构中的地方。
3.属性:基于属性的面包屑依据网站的属性或类别来指导用户。这类的面包屑更常用于电商网站。面包屑设计原则不是主导航。 面包屑不是主要的导航;它是一个次要的功能，只不过为了支持用户的导航。你的主页无需面包屑。不要突出设计。 因此，它们不应该被设计成一种吸引任何注意力的方法。简单来讲，它们不应该是你设计的中心。过于引人注目的设计或许会分散访问者对主要导航的注意力。风格与页面匹配。元素的样式和大小调整应该使其与页面的其余部分完全结合在一块。它应该是你的用户在访问你的网站时注意到的第一件事。不要叫你的设计太突兀，也不要设计得叫人非常难找到。地方很重要。你的主导航应该在页面的顶部，由于面包屑是次要导航，它应该在你的主导航之下，但在页面内容之上。相似性。 由于在你的网站的每一个页面上都有面包屑，所以要确保它们以相同的方法放置，并占据一样的空间。用通用符号。普通的面包屑都是用大于号，不要用怪异或者不容易见到的符号。防止在移动网站用。 假如你感觉你的移动网站需要导航栏来导航用户，那样你的检查表上的第一件事应该是重新检查和剖析你的设计。当涉及到移动站点时，面包屑甚至不应该出目前议程上。
