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