绿维网络绿维网络
 
建站资讯

建站资讯最新消息,企业数字化营销知识分享

网站导航设计布局的基本原则

人气:  作者:  发表时间:2020-12-21 10:16:00
导航是网站中不可缺少的基础元素之一,它是网站信息结构的基础分类,也是浏览者浏览内容的路标。导航的设计应该引人注目,浏览者进入网站,首先会寻找导航,通过导航条可以直观地了解网站的内容及信息的分类方式,判断网站是否有自己需要和感兴趣的内容。因此,导航设计的好坏对提升用户体验有至关重要的作用。

一、了解网站导航
在网站中,导航可以使浏览者在每个网页间自由地来去,引导用户在网站中到达他想到达的位置,这就是网站中都包含很多导航要素的目的。在这些元素中有菜单按钮、移动图像和链接等各种对象,网站的页面越多,包含的内容和信息越复杂,那么网站导航元素的构成和形态是否成体系、位置是否合适将是决定该网站能否成功的重要因素。一般来说,在网页的上端或左侧设置主导航要素是比较普遍的方式。

像这样已经普遍使用的导航方式或样式,能给用户带来很多的便利,因此现在许多网站都使用已经被大家普遍接受的导航样式。

有些网站为了把自己与其它的网站区分开,并让人感觉富有创造力,就在导航的构成或设计方面,打破了那些传统的已经被普遍使用的方式,另辟蹊径,自由地发挥自己的想象力,追求导航的个性化。

一般来说,导航元素应该设计得直观明确,并最大限度地为用户的使用方便考虑。设计师在设计网站时应该尽可能地使网站各页面易于切换,查找信息更快捷,操作更简便,这样才能给用户带来更好的体验。

交互式动态导航能够给用户带来新鲜感和愉悦感,它并不是单纯的鼠标移动效果。尽管交互式导航有很多优势,但是交互式动态导航不能忽略其本身最主要的性质,即可用户。设计师在设计交互式导航时要引导用户参与到交互导航的互动活动中。

二、导航在网站页面中的布局位置
网站导航如同启明灯,为浏览者顺畅阅读提供了方便的指引作用。将网站导航放在怎样的位置才可以既不过多占用网页空间,又可以方便浏览者使用呢?这是用户体验必须考虑的问题。

导航元素的位置不仅会影响网站的整体视觉风格,而且关系到网站的品位及用户访问网页的便利性。设计者应该根据网页的整体版式合理安排导航元素的位置。

1、布局在网页顶部
最初,网站制作技术发展并不成熟,因此,在网页的下载速度上还有很大的局限性。由于受浏览器属性的影响,通常情况下在下载网页的相关信息内容时,都是按从上往下的顺序下载。因而将重要的网站信息放置于页面的顶部。

目前,虽然下载速度不再是决定导航位置的重要因素,但是很多网站依然使用顶部导航结构。这是由于顶部导航不仅可以节省网站页面的空间,而且符合人们长期以来的视觉习惯,方便浏览者快速捕捉网页信息,引导用户使用网站,可见这是设计的立足点与吸引用户最好的方式。

2、布局在网页底部
在网页底部放置导航的情况比较少见,因为受屏幕分辨率的限制,位于页面底部的导航可能在某些分辨率的屏幕中不能完全展示出来,当然也可以采用定位技术将导航的菜单浮动显示在屏幕下方。

这并不代表底部导航没有存在的意义了,它本身还是存在相应优势的。例如,底部导航对上面区域的限制因素比其他布局结构要都要小。它还可以给网页内容、公司品牌留下足够的空间,浏览者浏览完整个页面,希望继续浏览下一面时,最终会到达导航所在的页面底部位置,这样就丰富了页面布局的形式。在设计网站页面时,设计师需要根据整个页面的布局灵活运用,设计出独特的、有创意的网页。

3、布局在网而左侧
在网络技术发展初期,将导航布局在网页左侧是最常用的、最大众化的导航布局结构,它占用网页左侧空间,较符合人们的视觉流程,即自左向右的浏览习惯。为了使网站导航更加醒目,更方便用户了解页面,在设计左侧导航时,可以采用不规则的图形来设计导航形态,也可以运用鲜艳的色块作为背景与导航文字形成鲜明的对比,但是需要注意的是,在设计左侧导航时,应该考虑整个页面地协调性,采用不同地设计方法设计出不同风格的导航效果。

一般来说,左侧导航结构,比较符号人们的视觉习惯,而且可以有效弥补因网页内容少而具有的网页空间感。

4、布局在网页右侧
随着网站制作技术的不断发展,导航的放置方式越来越多样化。将导航元素放置于页面的右侧也开始流行起来,由于人们的视觉习惯都是从左至右、从上至下,因此,这种方式不利于用户快速进入浏览状态,在网站设计中,右侧导航使用的频率较低。

相对于其他的导航结构而言,右侧导航会使用户感到不适、不方便。但是,在设计网站时,如果使用右侧导航结构,将会突破固定的布局结构,给浏览者耳目一新的感觉,从而引导用户更加全面地了解网页信息以及设计者采用这种导航方式的意图。采用右侧导航结构,丰富了网站页面的形式,形成了更加新颖的风格。

5、布局在网页中心
将导航布局在网站页面的中心位置,其主要目的是强调,而并非节省页面空间。将导航置于用户注意力的集中区,有利于帮助用户更方便的浏览网页内容,而且可以增加页面的新颖感。

一般情况下,将网页的导航放置于页面的中心在传递信息的实用性上具有一定的缺陷,在页面中采用中心导航,往往会给浏览者简洁、单一的视觉印象。但是,在进行网页视觉设计时,设计者巧妙的将信息内容构架、特殊的效果、独特的创意结合起来,同样可以产生丰富的页面效果。

6、响应式导航
随着移动互联网的发展和普及,移动端的导航菜单与传统PC端的网页导航形式产生了一定的区别,主要表现为移动端为了节省屏幕的显示空间,通常采用响应式导航菜单。默认情况下,在移动端网页中隐藏导航菜单,在有限的屏幕空间中充分展示网页内容,在需要使用导航菜单时,再单击相应的图标来滑出导航菜单,常见的滑出导航菜单方式有侧边滑出菜单、顶部滑出菜单等形式。

三、网站导航设计的基本原则
为了使导航能够快速、方便的帮助用户定位信息,在设计时应该遵循以下原则。

1、减少选项数目
将信息进行合理的分类,尽量减少导航的数目,平衡导航的深度和广度将影响用户查找信息的效率。

2、加强用户定位,以减少由于导航选项过多而给用户造成的迷失。这可以通过提供参考点,即导航标志来实现,通常导航标志是界面上的持久信息。

3、提供总体视图
界面总体视图与导航标志的作用相同,即帮助用户定位。不同的是,总体视图帮助用户定位内容,而不是位置。因此总体视图通常以文本的形式出现,即通常所说的“面包屑”导航和无处不在的层级显示,它们不仅起到标示用户在网络应用中的位置作用,还可以直接操作,实现不同界面之间的跳转。

4、避免复杂的嵌套关系
在程序编写中经常会将代码层级嵌套,但是在导航设计中应该尽量避免这种层次关系。因为在物理世界中,例如文件柜,信息在存储和检索存在于一个单层分组中,而不会存在于嵌套的层次中。在用户的概念模型中倾向于以单层分组来组织信息,避免嵌套结构过于抽象和复杂。所以在导航设计中避免选项之间过于复杂的层级嵌套是非常必要的。
网站导航设计布局的基本原则:http://www.luweit.com/news/jianzhan/108.html
标签: 网站设计
热门标签
相关新闻
免费获取一份方案或报价
* 请认真填写需求信息,我们会在24小时内与您取得联系。

关于我们

东莞市绿维信息技术有限公司致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发,等服务范围,并且涵盖基础的域名服务、主机服务;企业邮箱、网络营销等应用服务;
more>
立即咨询
快速获得解决方案
咨询电话
135 8088 5012
公司地址
广东省东莞市南城建设大厦7F
公司邮箱
Copyright ©2016-2021 东莞市绿维信息技术有限公司 粤ICP备18104664号-2