面包屑是我们常见的一种导航工具,它一般出现在网页内容的上方,告知你所处的位置,面包屑这个词源自于童话中跟着面包屑找回家的孩子,而网页中的面包屑也是帮助用户找到自己位置的UI控件,它小巧,方便且简单。作为一种视觉指引,面包屑为用户揭示出网页的层次结构,也正是因此,面包屑成为了用户了解网站背景信息的重要途径,即便是这样的UI控件,在设计上同样是有讲究的,今天阳光梦网络小编跟大家分享在设计面包屑导航时要注意的问题,希望对大家有所启发。
当我们在设计面包屑导航的时候,应注意以下方面:
1、不要用面包屑来替代网页主要的导航
面包屑只是一个辅助导航系统,它仅用来展示当前页面,无法替代主导航系统。仅仅是为了用户方便,是用来抵达其他层级的快速定位链接。
2、使用分隔符
在面包屑中,我们常用“父类别>子类别”的形式来分隔不同的层级,分隔符的表现形式多种多样,最常见的是大于符号(>),还有使用箭头(→)的,阳光梦网络最常使用的就是书名号(»)。使用哪种分隔符一般取决于网页版面的整体风格和设计师的喜好。
3、不要将当前页链接加到面包屑中
面包屑的最后一个层级是当前的页面,而这一项在面包屑中是不应该加链接的,因为它只起到展示定位的作用,没有其他任何意义。
4、选择合适的尺寸和间距
在设计的时候应当仔细考虑尺寸和间隔大小,不同的面包屑层级之间应当有合适的间距,确保用户能够识别。当然我们也不希望面包屑占据网页过多的空间,如果面包屑比顶部导航还大,那看起来就略显尴尬了。
5、不要让面包屑成为视觉焦点
面包屑本身只是一个辅助导航,它不应该是用户浏览过程中的视觉焦点。如果使用过于花哨的字体或醒目的色彩,会显得喧宾夺主,过于抓人眼球。
作为一种辅助导航系统,面包屑能够帮助用户清晰的定位到自己所在网站的位置,不仅提升了整个网站的可查找性,也降低了网站的跳出率。对提高用户体验也是种极好的方式,阳光梦网络专注营销网站建设,专业的技术团队使您的网站面包屑导航更加明晰、有层次。