网页界面的视觉导向设计

　　摘

 要:界面设计是一个复杂的有不同学科参与的工程 网页界面的设计当中应该注重的

｡

视觉导向设计

,其中要使浏览该网页的用户在该网站中的任何位置,都能够清楚的找到指引方

向的标识物

,并通过页面上的图形 符号 颜色 多媒体 文字标识物等元素所承载的信息

｡

｡

｡

｡

,准

确 顺利抵达目的地

｡

,

｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡  

�

　　关键词

:网页界面;视觉导向;界面设计 

　　

 

　　用户界面设计是屏幕产品的重要组成部分 界面设计是一个复杂的有不同学科参与的

｡

工程

,认知心理学 设计学 语言学等在此都扮演着重要的角色 界面设计有以下几个基本的

｡

｡

｡

准则

:保持界面的一致性 满足不同目标用户的创意需求 用户界面友好性 图标识别平衡

｡

｡

｡

性 图标功能的一致性 建立界面与用户的互动交流 这些原则放在网页界面设计中来看

｡

｡

｡

,其

实是一个解决如何引导用户如何去浏览网页的问题

,

｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡｡ 导向设计这个

概念常见于环境艺术设计当中

,做为一种环境的指引和导向的设计,如城市导向设计 放在软

｡

件设计当中常见名称为目标导向设计 导向设计可从两个领域来划分

｡

:一是从视觉传达角度

来研究

,关注的是如何有简洁而醒目的图形符号来表达准确的含义,这种视觉语言是不分国界

的

;二是从环境艺术设计角度来研究,主要包括材质 外观 位置 艺术表现等因素

｡

｡

｡

,而且使图

形符号融入整个环境的氛围中去 这里我们所说到的是指在网页界面的设计当中应该注重

｡

的视觉导向设计

,其中要使浏览该网页的用户在该网站中的任何位置,都能够清楚的找到指引

方向的标识物

,并通过页面上的图形 符号 颜色 多媒体 文字标识物等元素所承载的信息

｡

｡

｡

｡

,准

确 顺利抵达目的地

｡

,并使各页面之间的相互跳转的通过导向系统变得合理有序 在网页当中

｡

,

视觉导向设计的目的在于准确把握用户的心理活动及一般视觉转向

,一定要明确用户“从那

里来

,到那里去” 对于网页界面设计中的视觉导向设计出发点是基于用户的需求导向出发的

｡

,

怎么样才算是从用户的需求出发呢

?在这里从以下几点来看: 

　　

 

　　

1 页面布局的合理与统一  

�

　　

 

　　需要考虑网页布局的框架的合理与统一 一般网页的布局设计方法是一种上下框架结

｡

构式

,通常上方为导航条,或者动态的公司企业形象 广告区域 下方为正文 内容部分

｡

｡

｡

(也有

在下方为导航

,上方为内容等) 还有企业网站较喜欢采用的二分栏式布局

｡

,或叫作左右结构式

这是一种清晰的分列两旁的框架结构

｡

,一般左侧是导航条,有时最上方会有一个小的标题或

标志

,右侧是正文 内容部分或者公司企业形象展示 而大中型企业比较喜欢的一般是上左右

｡

｡

布局式的框架式样 这种类型框架特征是通常在网页界面的上方设置为主要的菜单导航条

｡

,

左侧为点击出现的细分栏目导航条

,下方为较主要的栏目及小广告等,右侧为内容区域 对于

｡

较为大型的企业 电子商务 政府网站 教育机构上左中右结构式又称为

｡

｡

｡

3 分栏布局式,,也是较

常见的结构式 同上左右框架式稍有区别的是中间部分为内容区域

｡

,右侧则是该网站较重要

的内容导航区域

,或是登录 搜索区域 小广告等 网页界面的布局设计没有一定的绝对的结

｡

｡

｡

构框架形式

,可以说都是根据网站性质的开发需要 根据网站所表现的内容以及想要传达的

｡

信息考虑

,然后选择适合表现 适合传播 适合开发等这些因素条件的能够体现网站内容及主

｡

｡

题的这样一种布局形式

,并在整个设计中主要是一个――从用户出发 考虑界面与用户交互

｡

角度出发

,

｡｡｡｡｡｡｡｡｡｡｡｡  

�

　　要考虑到页面尺寸的大小对用户浏览的影响 影响网页页面尺寸的因素有

｡

2 个,一个主

要的是显示器大小及分辨率

,另一个是用户使用的浏览器 网页是通过计算机的显示器来实

｡