售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 行业新闻

设计面包屑导航需要注意哪些地方?

网站编辑:小润 | 发表时间:2019-01-18 15:56:44

面包屑导航是很多网站都会设计的,之前润壤科技讲过网站设计面包屑导航有哪些好处,面包屑导航可以让访客随时知道自己在网站的哪个位置,减少用户操作次数,而且占用空间也很小,但是在制作面包屑导航时还需要注意一些细节,下面润壤科技就来说说设计面包屑导航需要注意哪些地方


 
1、别把面包屑替代了主要导航系统
面包屑只是一个辅助的导航系统,是无法替代主要导航系统的,它的存在是用于抵达其他层级的快速定位链接系统,是协助用户方便选择的次要选项。
 
2、别把当前页链接加到面包屑中
面包屑的最后一个层级是当前层级的页面,而这一项在面包些中是不应该加上链接的,它只是起到展示定位的作用,添加链接是没有意义的。
 
3、分隔符的使用
一般面包屑的分隔最常见的就是">",例如:“公司介绍>公司基地”。当然了,分隔符是没有硬性要求的,还有设计师使用“→”、“》”或“//”的,这个要看设计师的喜好和网站的风格。
 
4、合适的尺寸和间距
在设计的时候要结合网站的页面空间大小,毕竟不能占据太大的空间页面,所以保保证面包屑的大小尺寸,毕竟也不能做得比主导航还大。另外还要注意层级之间的间距。不能太密也不能太疏,方便、快捷最重要。
 
5、面包屑不是视觉的焦点
重申一遍,面包屑是一个辅助导航,不是主导航,它不适宜使用花俏的字体和醒目的色彩,它不应该成用户浏览的视觉焦点,这样会显得喧宾夺主。
 
以上就是润壤科技总结的设计面包屑导航需要注意的地方,面包屑导航的作用是为了让访客更方便的浏览网站,所以别太复杂化,比如像移动端由于屏幕尺寸本来就很小,就没必要设置面包屑导航了。

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130