网站设计离不开面包屑,面包屑的好处可以说数不胜数,面包屑作为用户寻找路径的一种辅助手段,能方便他们定位和网址导航;面包屑可以最大化减少的用户返回上一级页面的所需的操作控制次数;临时性,动态性,占用屏幕空间小,干扰性小;降低网站访问者的总体跳出率等等。
什么是网站的面包屑设计
面包屑是作为辅助和补充的网址导航方式方法,它能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点。 最常见的面包屑的样式是:横向的文字链接,由大于号“>”分开,这个符号也暗示了它们的层级关系。
面包屑的分类
1.基于位置的面包屑用于告知用户在当前网站中所在的结构层级。网站建设动态网页的内容随着用户的输入和互动而有所不同,或者随着用户、时间、数据修正等而改变。动态代码的一个网站,是指它的建筑或它是如何建成的,更具体的是指用于创建一个单一的网页的代码。上海网站建设公司通常用来描述的网站,并不是简单的一个页面,一个网站是包括很多工作的,其中包括域名注册设计效果图,布局页面,写代码等工作。用在具有多级网址导航(通常具有2级以上导航)的网站中。
2.基于产品(Product)的属性(shǔ xìng),这种类型的面包屑常出现在具有大量类别产品和服务(fú wù)的网站中,如电子商务(E-Commerce)网站,网上教学服务等。
3.基于用户的足迹,显示用户浏览的轨迹,面包屑之间没有明显的层级关系。
什么时候使用面包屑
1. 存在大量的分级网站内容的网站中。
2. 在一些引导性的网络应用或者软件安装进程中,面包屑也常被用来指示当前以及剩余的操作控制步骤。类似于进程条的变种。
3. 层次简单的页面中一般不使用面包屑,但是当面包屑能显着帮助到浏览并提高他们定位能力时,也建议采用面包屑。
如何设计面包屑
1、面包屑的位置
通常出现在页面的左上或者右上部分,而且主要是在网址导航下面或者网站内容区的上面。上海网站建设公司通常用来描述的网站,并不是简单的一个页面,一个网站是包括很多工作的,其中包括域名注册设计效果图,布局页面,写代码等工作。网站建设动态网页的内容随着用户的输入和互动而有所不同,或者随着用户、时间、数据修正等而改变。动态代码的一个网站,是指它的建筑或它是如何建成的,更具体的是指用于创建一个单一的网页的代码。
2、面包屑的大小
面包屑是一种辅助网址导航,在页面中不应该起支配作用。面包屑和主导航相比至少要比较小、或不太突出。在确定面包屑大小的时候,一个较很好的方法是,当访问这个页面的时候,它不应该是页面中最醒目的元素。如果第一眼就注意(attention)到了面包屑,可能就需要再弱化一点。
面包屑是网站设计中必不可少的一部分,也是最大化减少浏览者访问困扰的一个重要途径,面包屑可以有效的降低网站跳出率。