资源描述:
《网页界面的视觉导向设计》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、网页界面的视觉导向设计摘要:界面设计是一个复杂的有不同学科参与的工程。网页界面的设计当中应该注重的视觉导向设计,其中要使浏览该网页的用户在该网站中的任何位置,都能够清楚的找到指引方向的标识物,并通过页面上的图形、符号、颜色、多媒体、文字标识物等元素所承载的信息,准确、顺利抵达目的地,并使各页面之间的相互跳转的通过导向系统变得合理有序。 关键词:网页界面;视觉导向;界面设计 用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。界面设计有以下几个基本的准则:保持界面的一致性、满足不同目标
2、用户的创意需求、用户界面友好性、图标识别平衡性、图标功能的一致性、建立界面与用户的互动交流。这些原则放在网页界面设计中来看,其实是一个解决如何引导用户如何去浏览网页的问题,它就是对于用户的视觉导向的一种设计。导向设计这个概念常见于环境艺术设计当中,做为一种环境的指引和导向的设计,如城市导向设计、放在软件设计当中常见名称为目标导向设计。导向设计可从两个领域来划分:一是从视觉传达角度来研究,关注的是如何有简洁而醒目的图形符号来表达准确的含义,这种视觉语言是不分国界的;二是从环境艺术设计角度来研究,主要包括材质、外观、位置、艺术表现等因素,而且使图形符号融入整个环境的氛围中去。
3、这里我们所说到的是指在网页界面的设计当中应该注重的视觉导向设计,其中要使浏览该网页的用户在该网站中的任何位置,都能够清楚的找到指引方向的标识物,并通过页面上的图形、符号、颜色、多媒体、文字标识物等元素所承载的信息,准确、顺利抵达目的地,并使各页面之间的相互跳转的通过导向系统变得合理有序。在网页当中,视觉导向设计的目的在于准确把握用户的心理活动及一般视觉转向,一定要明确用户“从那里来,到那里去”。对于网页界面设计中的视觉导向设计出发点是基于用户的需求导向出发的,怎么样才算是从用户的需求出发呢?在这里从以下几点来看: 1页面布局的合理与统一 需要考虑网页布局的框
4、架的合理与统一。一般网页的布局设计方法是一种上下框架结构式,通常上方为导航条,或者动态的公司企业形象、广告区域。下方为正文、内容部分(也有在下方为导航,上方为内容等)。还有企业网站较喜欢采用的二分栏式布局,或叫作左右结构式。这是一种清晰的分列两旁的框架结构,一般左侧是导航条,有时最上方会有一个小的标题或标志,右侧是正文、内容部分或者公司企业形象展示。而大中型企业比较喜欢的一般是上左右布局式的框架式样。这种类型框架特征是通常在网页界面的上方设置为主要的菜单导航条,左侧为点击出现的细分栏目导航条,下方为较主要的栏目及小广告等,右侧为内容区域。对于较为大型的企业、电子商务、政府
5、网站、教育机构上左中右结构式又称为3分栏布局式,,也是较常见的结构式。同上左右框架式稍有区别的是中间部分为内容区域,右侧则是该网站较重要的内容导航区域,或是登录、搜索区域、小广告等。网页界面的布局设计没有一定的绝对的结构框架形式,可以说都是根据网站性质的开发需要、根据网站所表现的内容以及想要传达的信息考虑,然后选择适合表现、适合传播、适合开发等这些因素条件的能够体现网站内容及主题的这样一种布局形式,并在整个设计中主要是一个——从用户出发、考虑界面与用户交互角度出发,引导用户的视觉重要因素。 要考虑到页面尺寸的大小对用户浏览的影响。影响网页页面尺寸的因素有2个,一个主要
6、的是显示器大小及分辨率,另一个是用户使用的浏览器。网页是通过计算机的显示器来实现最终显示的,不同的人群又是使用着不同的显示器的。目前我们在对网页界面进行设计的时候的页面尺寸基本上能够适合1024×768及1440×900这两个分辨率就可以了,另外,关注和研究显示器的发展方向也必然是做好网页界面的必修课之一。 用户使用的浏览器也是影响页面尺寸的因素之-。因为不同的浏览器会有不同的界面设计,而其中的工具条基本上都要占部分屏幕空间,有的浏览器占据的空间要大,有的要小,所剩余的空间才是网页的展示面积。目前一般常用的尺寸是:分辨率在800×600的情况下,页面宽度应保持在778
7、以内,就不会出现水平滚动条,高度视版面内容决定,全屏在778×432。分辨率在1024×768的情况下,页面宽度应保持在1002以内,就不会出现水平滚动条,高度视版面内容决定,全屏在1002×600。由于以上尺寸是在常规使用的浏览器与工具栏的适合尺寸,考虑去掉滚动条及浏览器的其他必须面板。所以如大家在制作中最好恢复默认的浏览器工具栏,这样与网页最终设计的作品的差别就不会太大。 如上所述,页面尺寸是不是就只能控制在一定的范围之内呢?不是,我们可以通过两种增加页面内容和尺寸的办法,一个是向下拖动页面,一个是左右拖动页面。但是这