《
网页设计技巧之面包屑设计》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234N52013.htm
Tag：面包屑
网页设计 面包屑
网页设计
【面包屑衔接符的重要款式】
【带下拉列表的面包屑】
Extension 面包屑设计扩大
【面包屑的大小】
What? 什么是面包屑
2.基于产品的属性。(Attribute-based)
这品种型的面包屑常涌现在拥有大量类别产品和服务的网站中，如电子商务网站，网上教养服务等。
1.基于用户所在的层级位置。（Location-based）
基于位置的面包屑用于告诉用户在当前网站中所在的构造层级。用在存在多级导航（通常具备2级以上导航）的网站中。
香港雅虎，淘宝网等网站的面包屑中有下拉列表，能够便利用户疾速跳转到同类或其余种别的消息跟产品。
面包屑是作为辅助和弥补的导航方法（secondary navigation scheme），它能让用户晓得在网站或运用中所处的位置并能方便地回到本来的地点。 最常见的面包屑的样式是：横向的文字链接，由大于号“>,网页设计技巧 网页表单设计经验分享;”离开，这个符号也暗示了它们的层级关系。
是否还记得对于面包屑的3W+H+E？
综合评估以上样式，并斟酌到面包屑的包括关系和指导性，提议使用以下两种连接符：
Delicious中的tag分组已面包屑的情势呈现在网页头部，按前文提到的面包屑分类此处属于一种“基于用户足迹”(Path-based)的面包屑。记载了用户浏览tag分组的次序。同时这些面包屑还可以被及时“干掉”，方便了对内容的治理，真是别具匠心的设计。
--> [
网站建设之]网页设计技能之面包屑设计
1. 存在大量的分级内容的网站中,网页设计技巧 创建网页背景材质的方法。
大型的电子商务网站是典范的例子，里面有大批的产品分辨归属于不同的大类别及细分类别。
【面包屑的地位】
【交互式面包屑】
How? 如何设计面包屑
通常出当初页面的左上或者右上局部，而且主要是在导航下面或者内容区的上面。
When,网页设计必备的10个SEO小提示? 何时使用面包屑
上图中的面包屑过于醒目，烦扰到了主导航，甚至喧宾夺主。
1,网页设计心得 把导航系统做薄.面包屑作为用户寻找门路的一种帮助手腕，能方便他们定位和导航。
2.面包屑可以减少的用户返回上一级页面的所需的操作次数。
3.常设性，动态性，占用屏幕空间小，干扰性小。
4.下降网站访问者的总体跳出率。（当用户从别处链接到网页，或者从搜寻引擎查找到网页，则面包屑的存在能帮助用户快捷懂得当前的层级位置，并引诱用户查看网站的其余部门。减少了看完直接跳走的用户数目。）
【 面包屑的分类】
面包屑是一种辅助导航，在页面中不应该起安排作用。面包屑和主导航比拟至少要比拟小、或不太凸起。在断定面包屑大小的时候，一个较很好的方式是，当拜访这个页面的时候，它不应当是页面中最醒目标元素。假如第一眼就注意到了面包屑，可能就须要再弱化一点。
2. 在一些领导性的网络利用或者软件装置过程中，面包屑也常被用来唆使当前以及残余的操作步骤。相似于进程条的变种。
留神点：面包屑不能替换有效的主导航，它是一个辅助功效；一个容许用户定位他们在哪里的辅助导航计划。
【回想总结】
Why? 为什么应用面包屑（面包屑的利益）
3. 档次简略的页面中个别不使用面包屑，然而当面包屑能明显辅助到浏览并进步他们定位才能时，也倡议采取面包屑。
相册浏览就是一个典型的例子，结构层次并不庞杂，但用户在特定多少个页面之间跳转的频率会比较高（如相册首页，相片缩略图页，相片浏览页等）,网页设计度量单位的比较，所以面包屑的存在对提高此处的浏览效力是很有赞助的。
3.基于用户的脚印。(Path-based)
显示用户阅读的轨迹，面包屑之间不显明的层级关联。
(责任编辑：网站建设)
网页设计技巧之面包屑设计相关文章