UI组件-面包屑简介

设计世界充满了与食物相关的类比,例如汉堡菜单、Snackbars或面包屑。面包屑或面包屑路径是一种导航元素,可帮助用户了解他们在网站上的当前位置。

1. 定义:

它们代表链接的水平列表,其中最后一个表示当前位置,其余定义其“祖先”(父页面、祖父页面等)。面包屑还通过显示站点的信息层次结构来帮助定向点击外部链接(例如,在搜索引擎结果页面上)到达随机页面的用户。

正确设计面包屑很重要,因此路径可以引导用户,而不是让他们感到困惑。如果您想要一条路径来增强导航,您应该知道如何设置样式以及放置它的位置。

2. 面包屑的作用 :
1、方便用户,面包屑主要用于为用户提供导航一个网站的次要方法,通过为一个大型多级网站的所有页面提供面包屑路径,用户可以更容易的定位到上一次目录,引导用户通行;
2、减少返回到上一级页面的点击或操作,不用使用浏览器的”"返回"按钮或网站的主要导航来返回到上一级页面; 
3、不用常常占用屏幕空间,因为它们通常是水平排列以及简单的样式,面包屑路径不会占用页面太多的空间。这样的好处是,从内容过载方面来说,他们几乎没有任何负面影响;
4、降低跳出率,面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值