单个html页面面包屑,总结11个网页面包屑设计技巧

不论是手机还是 PC端，面包屑都是用来寻找路径的重要组件，可以让用户了解当前页面在整个网站结构的所处位置。NN/g 从1995年就开始推荐大家使用面包屑，因为它能在对界面设计产生极少影响的前提下，为用户提供很多便利。

如果一个用户从首页一层一层抵达最终页面，也许 TA 对自己身处何处还算有概念。但是如果用户从外部链接或者快捷入口进来，可能对当前的页面层级一无所知，此时面包屑就能引导他们快速了解网站架构。一个底层页面所展示出来的信息也许是非常精准片面的，而面包屑则能展示更大门类的信息，从而将用户引向上层页面。下文会按照 PC端到手机端的顺序，介绍十一条面包屑的设计指南。

PC端

1. 不要用面包屑代替导航页签

网站导航和面包屑也许看起来有些相似，但是功能与使用场景完全不同，不应该以简化页面为目的只保留其中一个。

2. 面包屑应该用来展示系统层级，而不是历史记录

如果用户是从首页层层深入，系统层级与历史记录是没有区别的，但是如果用户从外部链接进入，这两个差别就大了。为了给用户提供真正有用的信息，面包屑展示的不应该是历史记录，而应