Question

网页中面包屑导航应该怎样设计

Answer 1

网页中面包屑导航应该怎样设计？看过我文章的朋友都了解过面包屑的类型和面包屑的正确使用方法，接下来就是使用基于路径面包屑来导航的案例和原理来说明的网页中面包屑导航的设计技巧。

基于属性的面包屑

这类基于属性的面包屑常见于电子商务类网站，产品常常基于类别和属性而组织到不同的子目录中，基于属性的分类让用户更容易理解产品和产品之间的关系，提供了更多不同的浏览路径。

就像TMLewin的这个页面，面包屑展现出的是特定页面对应产品，而产品是按照某个属性来组织的：

层级还是历史?

根据实际经验，绝大多数的情况下，面包屑还是适合展现层级机构而非浏览历史。因此，基于位置和属性的面包屑应用更加广泛，基于路径的面包屑相对少见的多。

面包屑导航最佳实践

当你开始设计面包屑导航的时候，应当谨记下面的事情：

1、不要使用面包屑来替代网页主要的导航系统

面包屑只是一个辅助导航系统，它无法替代主要的导航系统。请记住，它是仅仅是为了用户方便的次要选项，用来抵达其他层级的快速定位链接系统。

2、不要将当前页链接加到面包屑中

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

3、使用分隔符

在面包屑中，用来分隔不同层级最常见的是大于符号(>)，常见的使用方法是“父类别>子类别”。当然，分隔符的使用并不拘泥于这一种，有使用箭头(→)的，还有使用书名号(?)的，也有使用斜杠(//)的。使用哪种分隔符通常取决于整体风格和设计师的喜好。

网页中面包屑导航应该怎样设计？以上文章为大家介绍了三点网页中面包屑导航的设计技巧，这些你都学会了吗?希望以上文章对你有所帮助。