第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

并不简单!网页中为你指路的面包屑到底应当怎么使用?(2)

时间:2017-10-26 14:18来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
根据实际经验,绝大多数的情况下,面包屑还是适合展现层级机构而非浏览历史。因此,基于位置和属性的面包屑应用更加广泛,基于路径的面包屑相对少

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

  面包屑导航最佳实践

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

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

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

  

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

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

  3、使用分隔符

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

  

1-7QyzdCXPueprmhtxS-U_YA

1-75hWnw3mGUy1txgonPBKhw

  4、选择合适的尺寸和间距

  在设计的时候应当仔细考虑尺寸和间隔大小,不同的面包屑层级之间应当有足够的间距,确保用户能够识别。当然你也不希望面包屑占据页面太多的空间,如果面包屑比顶部导航还要大,看起来就非常尴尬了。

  5、不要让它成为视觉焦点

  面包屑本身是一个辅助导航,如果使用过于花哨的字体和醒目的色彩,会使得它显得喧宾夺主,过于抓人眼球。它不应该是浏览过程中用户的视觉焦点。下面的面包屑设计并不差,但是它太过于醒目,甚至比顶部导航还能引起用户注意力。

  

1-dHoggvnBN86uFDu3pxglag

  Google 的面包屑设计并不抢眼,但是用户依然能够很好的使用它。

  

1-dfq7g_B36FOao0sF_Fqyww

  6、不要在移动端页面上使用面包屑

  如果你觉得自己的移动端页面上要使用面包屑的话,那就意味着你的移动端网页设计出现问题了:可能是网站太复杂(嵌套层级过深),而这样一来,就不符合移动端的使用场景了。为了解决问题,你应当试图简化整个体系,确保面包屑不会出现在手机上。

  结语

  面包屑让用户可更加便捷地浏览整个网站,回溯到上级页面,寻找相关的产品,它对于整个网站结构是有意义的。它的功能并不复杂,增加易用性是它的主要作用,所以千万不要将面包屑复杂化。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕