面包屑导航设计是从用户可用性的角度出发，减少用户跳转高层级页面的操作次数，避免用户要使用浏览器的返回键以及翻找导航寻找上级页面的复杂交互。

 

2、导航占用空间小，打开速度快

 

面包屑基本上是以链接文本的方式存在的，只有一串一小行的，所占用的空间比较小。

 

3、面包屑避免了给用户带来困扰

 

面包屑设计小巧方便，给用户带来的便捷远大于问题和困扰。

 

当你设计网站面包屑导航的时候，这些点是一定要记住的：

 

别把面包屑替代了主要导航系统面包屑只是一个辅助的导航系统，是无法替代主要导航系统的，它的存在是用于抵达其他层级的快速定位链接系统，是协助用户方便选择的次要选项。

 

别把当前页链接加到面包屑中面包屑的最后一个层级是当前层级的页面，而这一项在面包些中是不应该加上链接的，它只是起到展示定位的作用，添加链接是没有意义的。

 

分隔符的使用一般面包屑的分隔最常见的就是">",例如：“公司介绍>公司基地”。当然了，分隔符是没有硬性要求的，还有设计师使用“→”、“》”或“//”的，这个要看设计师的喜好和网站的风格。

 

合适的尺寸和间距在设计的时候要结合网站的页面空间大小，毕竟不能占据太大的空间页面，所以保保证面包屑的大小尺寸，毕竟也不能做得比主导航还大。另外还要注意层级之间的间距。不能太密也不能太疏，方便、快捷最重要。

 

面包屑不是视觉的焦点重申一遍，面包屑是一个辅助导航，不是主导航，它不适宜使用花俏的字体和醒目的色彩，它不应该成用户浏览的视觉焦点，这样会显得喧宾夺主。

 

移动端页面就不要用面包屑了移动端页面本来就很简洁，人们都在试图简化它的页面设计，面包屑出现在页面会显得非常臃肿。移动端网站不仅仅是页面的简化，而是整个系统的简化，不宜太过复杂，也没复杂到使用面包屑来引航。

文章均为桔子科技专注网站建设，成都网站建设的成都网站建设公司原创，转载请注明来自http://www.orangeapp.cn/html/2018/web_design_1018/17821.html。