分享按钮
欢迎光临阳光梦网络科技有限公司官网! 收藏我们|网站地图|联系我们

专注营销型网站建设

建站、实操、培训、全网营销服务

建站体验电话

专业建站体验电话
团队风采
网站建设中面包屑导航的注意事项
作者:晴空  点击数:667 2016/9/17

       面包屑是我们常见的一种导航工具,它一般出现在网页内容的上方,告知你所处的位置,面包屑这个词源自于童话中跟着面包屑找回家的孩子,而网页中的面包屑也是帮助用户找到自己位置的UI控件,它小巧,方便且简单。作为一种视觉指引,面包屑为用户揭示出网页的层次结构,也正是因此,面包屑成为了用户了解网站背景信息的重要途径,即便是这样的UI控件,在设计上同样是有讲究的,今天阳光梦网络小编跟大家分享在设计面包屑导航时要注意的问题,希望对大家有所启发。

 

面包屑导航

 

 

       当我们在设计面包屑导航的时候,应注意以下方面:

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

  面包屑只是一个辅助导航系统,它仅用来展示当前页面,无法替代主导航系统。仅仅是为了用户方便,是用来抵达其他层级的快速定位链接。

  2、使用分隔符

在面包屑中,我们常用“父类别>子类别”的形式来分隔不同的层级,分隔符的表现形式多种多样,最常见的是大于符号(>),还有使用箭头(→)的,阳光梦网络最常使用的就是书名号(»)。使用哪种分隔符一般取决于网页版面的整体风格和设计师的喜好。

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

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


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

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

  5、不要让面包屑成为视觉焦点

面包屑本身只是一个辅助导航,它不应该是用户浏览过程中的视觉焦点。如果使用过于花哨的字体或醒目的色彩,会显得喧宾夺主,过于抓人眼球。

 

阳光梦网络

 

 

       作为一种辅助导航系统,面包屑能够帮助用户清晰的定位到自己所在网站的位置,不仅提升了整个网站的可查找性,也降低了网站的跳出率。对提高用户体验也是种极好的方式,阳光梦网络专注营销网站建设,专业的技术团队使您的网站面包屑导航更加明晰、有层次。

 




 

本文标签: 面包屑导航 网站建设 阳光梦网络 

版权所有 陕西阳光梦网络科技有限公司 2016-2017

陕ICP备 16006240号-1

合作机构: 百度     纳网     腾讯     搜狗     360