网站导航条设计介绍?
当前位置:贝知网>知识分享>平面设计>网站导航条设计介绍?
网站导航条设计介绍?
时间:2022-09-12 平面设计

网站导航条设计介绍?

网站导航条设计介绍

网站导航条导航就是浏览通道,其主要作用是决定了用户在网站中的浏览体验、将网站的内容和服务尽快地展现在用户面前、可以增加用户粘性,提高网站浏览的深度等。

1.网站导航的用途

如果把首页比作网站的门面,那么导航就是通道,这些通道要简单、直观、方便,让浏览者能快速走到网站的每个角落,不要设计成迷宫,让人不知所在。

导航的作用主要体现在以下几个方面:

(1)决定用户在网站中的浏览体验。

(2)精心设计的网站导航可以将网站的内容和服务尽快地展现在用户面前。

(3)合理的导航设计可以增加用户粘性,提高网站浏览的深度。

(4)促进用户消费,提高网站的营销效果。将用户真正需要的产品和服务展现在用户面前,甚至呈现一些用户可能感兴趣的服务。

2.网站常用的导航结构

(1)栏目导航:横排栏目和纵排栏目,组成了单维度导航。

(2)下拉菜单式导航:横排栏目和纵排栏目导航与下拉菜单的结合,组成了二维度导航。

(3)线性导航:类似于"主类别>一级分类>二级分类>三级分类>最终内容页",体现出层次性的归属关系,并能追溯来源,组成了多维度导航。

(4)站点地图式导航:一份详尽的有效和快捷的网站内容指引,组成了多维度导航。

3.网站导航的特点

(1)横排导航。注意力的比重逐渐降低,最后出现跳跃式上升。这一规律是根据人类横向扫描阅读习惯总结出来的,在设计过程中,最重要的项目需要放在横向导航的第一位,而次重要的项目放在横向导航的最后一位,其他项目从第二位依次排列。

(2)纵列导航。注意力的权重从上到下逐渐降低。由于用户阅读时的水平扫描习惯,垂直导航保持简单的递减关系,权重高的在上面,权重低的在下面。

(3)将网站结构扁平化的网站导航更有效。网站采用多级导航,甚至将导航按照逻辑关系细分为3级甚至4级。

如果每增加一级导航就会增加一个维度,那么这个增加的维度就会使整个导航系统的复杂度增加数倍,用户的操作难度也会呈几何级数增加。

减少网站的维度,甚至打破网站各部分之间清晰的从属逻辑,使导航更加扁平化,可以使用户更快地找到他们需要的内容。

(4)精简和合理化导航结构。设计一种网站导航形式,结合各种导航的优点,用较少的链接实现多层次的导航,更有利于提高导航的优化。

网站有哪些分类

网站的分类主要是有这些类型:企业网站、政府网站、服务机构网站。其中企业网站是以企业为主体而构建的网站,这类网站以介绍宣传企业为主要目的,其内容主要包括企业介绍、产品介绍、技术服务等。

一、网站有哪些分类

1)企业网站

企业网站是以企业为主体而构建的网站,这类网站以介绍宣传企业自己为主要目的,其内容主要包括企业介绍、产品介绍、技术服务等。

2)政府网站

政府网站是以政府机构为主体而构建的网站,这类网站是政府与民众的网络化交流平台,其内容主要包括行政区域内政治、经济、文化的介绍,以及网上办公和便民服务等。

3)服务机构网站

服务机构网站是以服务机构为主体而构建的网站,这类网站主要提供包括行业服务、商业服务、金融服务、通信服务或休闲娱乐服务等服务。

二、网页的位置分类

按网页在网站中的位置可将其分为主页和内页。主页是指网站的主要导航页面,一般是进入网站时打开的第一个页面(首页);内页是指与主页相链接的页面,也就是网站的内部页面。

一些网站的首页并非主页,其作用只是为了欢迎访问者或者引导访问者进入主页,所以首页并不一定就是主页。

三、网页表现形式分类

(1)静态网页

静态网页是指用HTML语言编写的网页,一般以.htm、html、shtml、xml等作为扩展名。在HTML格式的页面中,可以出现各种动态效果,如GIF格式的动画、Flash动画、滚动字母等。

其制作方法简单易学,但灵活性比较差。

(2)动态网页

这类网页使用ASP、PHP、JSP和CGI等程序生成,具有动态效果,其制作方法较静态网页复杂。

常见的动态网页是以.aspx、asp、jsp、php、perl、cgi等形式为后缀,动态网页可以是纯文字内容的,也可以包含各种动画内容,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,采用动态网站技术生成的网页都称为动态网页。