所谓面包屑就是细小的东西,在网站中就是一些小的标语,指示,提示等等。麻雀虽小五张俱全,面包屑的设计也是同样重要,不单单是个用户一个好的体验,更体现出设计者的水平,一个好的面包屑设计不应该是复杂的,应该是简洁化的。1、占用空间小
面包屑基本上是以链接文本的方式存在的,只有一串一小行的,所占用的空间比较小。
2、减少用户操作次数
从用户可用性的角度(angle)出发,面包屑减少了用户跳转高层级页面的操作次数,避免了用户要使用浏览器的返回键以及翻找网址导航寻找上级页面的复杂交互(each other)。
3、面包屑避免了给用户带来困扰
面包屑设计小巧方便,给用户带来的便捷远大于问题和困扰。
但是,当你设计网站面包屑网址导航的时候,这些点是一定要记住的:
1、分隔符的使用
一般面包屑的分隔常见的就是 quot; gt; quot;,例如: ;公司介绍 gt;公司基地 ;。当然了,分隔符是没有硬性要求的,还有设计师使用 ; rarr; ;、 ;》 ;或 ;// ;的,这个要看设计师的喜好和网站的风格。
2、合适的尺寸和间距
在设计的时候要结合网站的页面空间大小,毕竟不能占据太大的空间页面,所以保保证面包屑的大小尺寸,毕竟也不能做得比主网址导航还大。另外还要注意层级之间的间距。不能太密也不能太疏,方便、快捷重要。
3、别把面包屑替代(用一物质代替另一物质(多为强者取代弱者的地位))了主要网址导航系统
面包屑只是一个辅助的网址导航系统,是无法替代(用一物质代替另一物质(多为强者取代弱者的地位))主要导航系统的,它的存在是用于抵达其他层级的快速定位链接系统,是协助用户方便选择的次要选项。
4、别把当前页链接加到面包屑中
面包屑的后一个层级是当前层级的页面,而这一项在面包些中是不应该加上链接的,它只是起到展示定位的作用,添加链接是没有意义的。
5、移动端页面就不要用面包屑了
移动端页面本来就很简洁,人们都在试图简化它的页面设计,面包屑出现在页面会显得非常臃肿。移动端网站不仅仅是页面的简化,而是整个系统的简化,不宜太过复杂,也没复杂到使用面包屑来引航。
6、面包屑不是视觉的焦点(比喻事情的关键所在)
重申一遍,面包屑是一个辅助网址导航,不是主网址导航,它不适宜使用花俏的字体和醒目的颜色,它不应该成用户浏览的视觉焦点(比喻事情的关键所在),这样会显得喧宾夺主(反客为主)。
面包屑作用一个辅助,对网站设计整体来装饰,就如同我们平时戴的首饰类似,有时候一个简单的饰品,就可以改变一个人的气质和品味,网站设计也是如此。
面包屑基本上是以链接文本的方式存在的,只有一串一小行的,所占用的空间比较小。
2、减少用户操作次数
从用户可用性的角度(angle)出发,面包屑减少了用户跳转高层级页面的操作次数,避免了用户要使用浏览器的返回键以及翻找网址导航寻找上级页面的复杂交互(each other)。
3、面包屑避免了给用户带来困扰
面包屑设计小巧方便,给用户带来的便捷远大于问题和困扰。
但是,当你设计网站面包屑网址导航的时候,这些点是一定要记住的:
1、分隔符的使用
一般面包屑的分隔常见的就是 quot; gt; quot;,例如: ;公司介绍 gt;公司基地 ;。当然了,分隔符是没有硬性要求的,还有设计师使用 ; rarr; ;、 ;》 ;或 ;// ;的,这个要看设计师的喜好和网站的风格。
2、合适的尺寸和间距
在设计的时候要结合网站的页面空间大小,毕竟不能占据太大的空间页面,所以保保证面包屑的大小尺寸,毕竟也不能做得比主网址导航还大。另外还要注意层级之间的间距。不能太密也不能太疏,方便、快捷重要。
3、别把面包屑替代(用一物质代替另一物质(多为强者取代弱者的地位))了主要网址导航系统
面包屑只是一个辅助的网址导航系统,是无法替代(用一物质代替另一物质(多为强者取代弱者的地位))主要导航系统的,它的存在是用于抵达其他层级的快速定位链接系统,是协助用户方便选择的次要选项。
4、别把当前页链接加到面包屑中
面包屑的后一个层级是当前层级的页面,而这一项在面包些中是不应该加上链接的,它只是起到展示定位的作用,添加链接是没有意义的。
5、移动端页面就不要用面包屑了
移动端页面本来就很简洁,人们都在试图简化它的页面设计,面包屑出现在页面会显得非常臃肿。移动端网站不仅仅是页面的简化,而是整个系统的简化,不宜太过复杂,也没复杂到使用面包屑来引航。
6、面包屑不是视觉的焦点(比喻事情的关键所在)
重申一遍,面包屑是一个辅助网址导航,不是主网址导航,它不适宜使用花俏的字体和醒目的颜色,它不应该成用户浏览的视觉焦点(比喻事情的关键所在),这样会显得喧宾夺主(反客为主)。
面包屑作用一个辅助,对网站设计整体来装饰,就如同我们平时戴的首饰类似,有时候一个简单的饰品,就可以改变一个人的气质和品味,网站设计也是如此。