当前位置: 网站建设 > 网页设计 > 建站经验 >

网页设计的面包屑理念

时间:2013-03-02 04:13来源:未知 作者:admin 点击:

标签:网页设计的面包屑理念 Delicious.(1)上风(1)使用(77)面包(4)网页设计(881)理念(1)
使用面包屑的上风 Delicious.com网站的面包屑 个别接收和最被认可的宰割面包屑路径的超级衔接的符号是大于号。普通来说, 符号用于指导级别,就像父目录 子目录的格局一样. 面包屑导航用于大型网站跟按分级排列页面的网站。一个典范的案例就是电子商务网站,在这类网站中,大批的产品被依照逻辑分类分组。 通常可以在有大量的按必定等级组织的内容的网站上找到面包屑。也可以在有多于一个步骤的网络运用上见到它们,这个时候他们的功效相似于进度条。最简化的方法是,面包屑就是程度排列的被大于号 隔开的文本链接;这个符号唆
网页设计的面包屑理念》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234NR013.htm

  使用面包屑的上风

  Delicious.com网站的面包屑

  个别接收和最被认可的宰割面包屑路径的超级衔接的符号是“大于号”。普通来说,> 符号用于指导级别,就像父目录 > 子目录的格局一样.

  面包屑导航用于大型网站跟按分级排列页面的网站。一个典范的案例就是电子商务网站,在这类网站中,大批的产品被依照逻辑分类分组。

  通常可以在有大量的按必定等级组织的内容的网站上找到面包屑。也可以在有多于一个步骤的网络运用上见到它们,这个时候他们的功效相似于进度条。最简化的方法是,面包屑就是程度排列的被大于号" > " 隔开的文本链接;这个符号唆使该页面绝对于链接到它的页面的深度(级别)。

  你应当不盼望你的面包屑安排页面。一个面包屑仅仅担负对用户的一种帮助(方便)作用。它的大小应该向用户转达这个理念,而后相对重要导航菜单至少要比拟小、或不太凸起。

  三、基于路径

  使用面包屑门路是一件相称简略的事件,而且在决议应用它们之间只须要很少的领导性斟酌。让咱们看一些可防止的常见过错,网页设计未来将走向何方

  在上面的例子中,mefeedia 网站没有提供一个浏览视频的主要导航菜单,只管在页面底部有文字链接导航,在页面的主体局部没有导航菜单,这使得浏览网站的其它部门就比较艰苦。

  面包屑路径的错误使用

  三、在页面有多级目录的时候使用面包屑

  

  面包屑主要分为三类:

  

  你不用在不逻辑等级或分组的单级网站上使用面包屑。一个决定是否使用面包屑导航的方法是树立一个网站舆图或结构图来描写网站的导航构造,然后剖析面包屑是否能进步用户在类别内和种别之间的定位才能。

  在本文中,我们将摸索面包屑在网站上的用法,并探讨在本人的网站中应用面包屑路径的一些最佳实际方法。

  

  

面包屑导航设计留神事项

  基于特性(Attribute-based)的面包屑路径显示一个特定页面的特征。例如,在Newegg,面包屑路径表现在一个特定页面显示的特性内容。

  在上面的例子中,Slicethepie 冒险迫使用户使用太多的导航抉择。(1)主导航, (2) 面包屑路径和(3) 次要导航太濒临了。这个利用中的面包屑路径不能为用户供给额定的便利,由于下一级页面的次要导航正好在它下面。而且,当点击面包屑的二级链接“Music”时,它将带你到第一个tab“Listen”,这会毛病的暗示第一个tab在另外两个tab(&ldquo,网页设计攻略!;Search”和“Artist hall of fame”)的较高等别。

  

  一、在你不需要的时候使用面包屑

  二、它应该多大?

  面包屑路径有一个线性结构,因而如果你的页面不能分类到整齐的目录,使用面包屑时光比较难题的事情。决定是否使用面包屑很大水平上取决于你如何设计你的网站分级。当一个低一级的页面在(或能放入到)多于一个上级目录下时,网页设计技巧之面包屑设计,面包屑路径将会是无效、不准确和让用户迷惑的。

--> [网站建设之]网页设计的面包屑理念

  四、下降跳出率:面包屑路径会是一个引诱首次拜访者在进入一个页面后去阅读这个网站的十分好的方式。比方说,网页设计技巧 网页表单设计经验分享,一个用户通过谷歌搜寻到一个页面,然后看到一个面包屑路径,这将会诱使用户点击上一级页面去浏览感兴致的相干主题。这样,从而,能够降低网站的总体 跳出率。

  一、什么时候应该使用分割链接条目?

  使用哪种符号取决于网站的审美和使用的面包屑类型。比如,对于基于路径的面包屑,链接不必彼此之间有等级关联,那么使用“大于”号可能不能正确的传达它们之间的关系。

  二、使用面包屑作为主要导航

  基于路径(Path-based)的面包屑路径显示用户到达特定页面的操作步骤。基于路径的面包屑是动态的,它们显示用户在达到当前页面之前访问过的页面。

  面包屑(或称为面包屑路径)是一种显示用户在网站或网络应用中的位置的二级导航方案。这个术语来自于神话故事《奇幻森林历险记》,故事的两个小主人公丢下一条面包屑路径,然后顺着这条路径回到了家中。就像这个故事一样,在事实世界的应用程序中,面包屑为用户提供一种追踪返回最初访问页面的方式。

 正常的网站会有良多页面,面包屑导航可以大大改良用户寻找他们的路径的方法。就可用性而言,面包屑可以减少一个网站的用户返回上一级页面的操作次数,而且他们可以提高网站部分和页面的可查找性。他们仍是在网站档次中指示用户所在位置的有效的视觉助手,这使之成为承接页面高低文信息的很棒的本源。

  三、不必经常占用屏幕空间:因为它们通常是水平排列以及简单的款式,面包屑路径不会占用页面太多的空间。这样的利益是,从内容过载方面来说,他们简直没有任何负面影响。

  什么是面包屑?

  

  

  其它常用的符号有指向右边的箭头、右直角引号(») 和反斜线(/).

  在断定你的面包屑的大小的时候,一个遵从的很好的凭感到的方法是,当访问这个页面的时候,它不应该是页面中最醒目标元素。

  一、基于地位

  假如你直接到达了一个页面&mdash,网页设计技巧 创建网页背景材质的方法;—好比说,通过谷歌搜索成果,你可以挑选的导航就只有面包屑。或者如果你已经浏览过一个网站页面,然后到达一个没有显示主要导航的页面,你将不得不点击浏览器的“返回”按钮来获取主菜单。

  就像前面划定的,使用面包屑作为一个可选的辅助导航。

Tag:网页设计   理念   网页设计   理念  

  二、基于特性

  面包屑导航应该作为扩大的额外的功能,而不能替换有效的主要导航菜单。它是一个便利的功能;一个容许用户定位他们在哪里的二级导航计划;一个定位你的网站的可取舍的办法。

  一、方便用户:面包屑主要用于为用户提供导航一个网站的次要方法。通过为一个大型多级网站的所有页面提供面包屑路径,用户可以更轻易的定位到上一次目录。

  当设计一个面包屑导航方案时,记住几件事情。让我们看看在你处置面包屑的时候可能产生的多少个问题。

  基于位置(Location-based)的面包屑向用户显示他们在网站的哪一个级别页面。它们一般典型的用于有多个级别(一般是多于两级)的导航方案。在下面的例子中(来自于SitePoint),每一个页面的文本链接表示它比它右边的文本链接高一级。

  一个常见的使用的错误是在没优势的时候使用面包屑。

  什么时候使用面包屑?

  二、减少返回到上一级页面的点击或操作:不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面 ,用户当初可以使用用更少点击数的面包屑来。

  


(责任编辑:网站建设)
网页设计的面包屑理念相关文章
上一篇:网页设计未来将走向何方 下一篇:网页设计艺术之原则
回到顶部