热门标签
临沧网站建设面包屑使用导航
临沧网站建设中面包屑导航的使用方法之前,先检查一下这个词的由来吧。这个词源来自于童话中追逐面包屑回家的孩子,网页上的面包屑也是帮助用户找到自己所在位置的UI控件。面包屑导航是一种辅助主导航空系统,可以帮助用户定位在自己目前的网站位置,它小、方便、简单,并常见。但是,虽然容易被忽视,但是面包屑导航的设计很讲究。今天我们来谈谈面包屑导航吧!
其1:面包屑导航提供有用性
作为视觉指导,面包屑向用户呈现网页的分层结构。因此,面包屑成为用户了解网站背景信息的重要手段,有助于理解对下一个问题的回答。
我在哪里通过整个网站的图层,可以知道面包屑是用户的所在地。
其他还能去哪里面包屑提升了网站整体的可搜索性,面包屑的存在揭示了网站整体的结构,用户了解网站的其他部分。
更值得一看吗面包屑显示网站有更多值得探索的内容,促使用户更多浏览。相反,面包屑出来了,网站的脱离率下降了
②减少作业次数
从可用性的观点来看,面包屑减少了用户迁移到上位页的操作数,使用浏览器的返回按钮,避免了用户为了寻找导航而寻找上位页的复杂的交互。
空间少
像面包屑这样的设计在页面上占据的空间很少,几乎都是带链接的文本的形状,通常只有一行。
面包屑不会给使用者带来麻烦
这个小设计元素所占的空间不大,但给用户带来的方便却大大带来了远远带来的问题和麻烦。
临沧网站建设如何巧妙地使用面包屑导航,避免以下几个问题:
1、不使用面包屑代替网页的主要导航
请记住,面包屑只是导航的辅助,不能代替主要的导航,而是到达其他水平的用户便利性的次要选择。
2、不要将当前页面的链接添加到面包屑中
面包屑的一层是当前页面,但该项目不应链接到面包屑。仅仅表示位置是没有意义的。
3、使用分隔符
在面包屑中,分层常见的大于符号(gt;)常用的方法是“父类别gt;子类别”。当然,分隔符的使用方法不仅仅是这个,还有使用箭头(→)的,使用书名()的,使用图瓦(//)的。使用哪种分离器通常取决于整体风格和设计师的喜好。
4、选择合适的尺寸和间隔
设计时应仔细考虑尺寸和间距的大小,**不同面包屑层次之间有足够的间距,用户能够识别。当然,你不需要让面包屑过多地填满页面空间。如果面包屑大于顶部导航,那就太难看了。
5、不成为视觉焦点
面包屑本身起着导航的作用,所以使用华丽的字体和华丽的颜色的话,会夺走主客,太显眼了。不应该成为浏览中用户的视觉焦点下面的面包屑设计不错,但是太显眼了,比上面的导航更吸引用户的注意。
6、不要在手机屏幕上使用面包屑
如果你认为自己的移动页面使用了面包屑,那就意味着你的移动终端出现了问题。可能是网站太复杂了(嵌套层次太深)这样的话,就不适合移动终端的使用场景了。为了解决问题,我们需要简化系统,让面包屑不接手机。
http://www.ytdns.net/jianzhanzhishi/470.html 临沧网站建设面包屑使用导航