- 3
- 0
- 约5.81千字
- 约 5页
- 2017-05-11 发布于广东
- 举报
网页界面的视觉导向设计.doc
网页界面的视觉导向设计
摘 要:界面设计是一个复杂的有不同学科参与的工程#65377;网页界面的设计当中应该注重的视觉导向设计,其中要使浏览该网页的用户在该网站中的任何位置,都能够清楚的找到指引方向的标识物,并通过页面上的图形#65380;符号#65380;颜色#65380;多媒体#65380;文字标识物等元素所承载的信息,准确#65380;顺利抵达目的地,并使各页面之间的相互跳转的通过导向系统变得合理有序#65377;
关键词:网页界面;视觉导向;界面设计
用户界面设计是屏幕产品的重要组成部分#65377;界面设计是一个复杂的有不同学科参与的工程,认知心 理学 #65380;设计学#65380;语言学等在此都扮演着重要的角色#65377;界面设计有以下几个基本的准则:保持界面的一致性#65380;满足不同目标用户的创意需求#65380;用户界面友好性#65380;图标识别平衡性#65380;图标功能的一致性#65380;建立界面与用户的互动交流#65377;这些原则放在网页界面设计中来看,其实是一个解决如何引导用户如何去浏览网页的问题,它就是对于用户的视觉导向的一种设计#65377; 导向设计这个概念常见于环境 艺术 设计当中,做为一种环境的指引和导向的设计,如城市导向设计#65380;放在软件设计当中常见名称为目标导向设计#65377;导向设计可从两个领域来划分:一是从视觉传达角度来研究,关注的是如何有简洁而醒目的图形符号来表达准确的含义,这种视觉语言是不分国界的;二是从环境艺术设计角度来研究,主要包括材质#65380;外观#65380;位置#65380;艺术表现等因素,而且使图形符号融入整个环境的氛围中去#65377;这里我们所说到的是指在网页界面的设计当中应该注重的视觉导向设计,其中要使浏览该网页的用户在该网站中的任何位置,都能够清楚的找到指引方向的标识物,并通过页面上的图形#65380;符号#65380;颜色#65380;多媒体#65380;文字标识物等元素所承载的信息,准确#65380;顺利抵达目的地,并使各页面之间的相互跳转的通过导向系统变得合理有序#65377;在网页当中,视觉导向设计的目的在于准确把握用户的心理活动及一般视觉转向,一定要明确用户“从那里来,到那里去”#65377;对于网页界面设计中的视觉导向设计出发点是基于用户的需求导向出发的,怎么样才算是从用户的需求出发呢?在这里从以下几点来看:
1 页面布局的合理与统一
需要考虑网页布局的框架的合理与统一#65377;一般网页的布局设计方法是一种上下框架结构式,通常上方为导航条,或者动态的公司 企业 形象#65380;广告区域#65377;下方为正文#65380;内容部分(也有在下方为导航,上方为内容等)#65377;还有企业网站较喜欢采用的二分栏式布局,或叫作左右结构式#65377;这是一种清晰的分列两旁的框架结构,一般左侧是导航条,有时最上方会有一个小的标题或标志,右侧是正文#65380;内容部分或者公司企业形象展示#65377;而大中型企业比较喜欢的一般是上左右布局式的框架式样#65377;这种类型框架特征是通常在网页界面的上方设置为主要的菜单导航条,左侧为点击出现的细分栏目导航条,下方为较主要的栏目及小广告等,右侧为内容区域#65377;对于较为大型的企业#65380; 电子 商务#65380;政府网站#65380; 教育 机构上左中右结构式又称为3分栏布局式,,也是较常见的结构式#65377;同上左右框架式稍有区别的是中间部分为内容区域,右侧则是该网站较重要的内容导航区域,或是登录#65380;搜索区域#65380;小广告等#65377;网页界面的布局设计没有一定的绝对的结构框架形式,可以说都是根据网站性质的开发需要#65380;根据网站所表现的内容以及想要传达的信息考虑,然后选择适合表现#65380;适合传播#65380;适合开发等这些因素条件的能够体现网站内容及主题的这样一种布局形式,并在整个设计中主要是一个——从用户出发#65380;考虑界面与用户交互角度出发,引导用户的视觉重要因素#65377;
要考虑到页面尺寸的大小对用户浏览的影响#65377;影响网页页面尺寸的因素有2个,一个主要的是显示器大小及分辨率,另一个是用户使用的浏览器#65377;网页是通过 计算 机的显示器来实现最终显示的,不同的人群又是使用着不同的显示器的#65377;目前我们在对网页界面进行设计的时候的页面尺寸基本上能够适合1024×768及1440×900这两个分辨率就可以了,另外,关注和研究显示器的 发展 方向也必然是做好网页界面的必修课之一#65377;
用户使用的浏览器也是影响页面
您可能关注的文档
- 网络营销对会计理论和实务影响的教学探讨.doc
- 网络虚假新闻的产生与应对策略.doc
- 网络虚假新闻的传播机制与应对策略.doc
- 网络虚拟校园GIS的科学构想与设计系统结构 .doc
- 网络虚拟财产的保护与障碍分析.doc
- 网络虚拟财产的法律问题探究.doc
- 网络视频系统在输油公司的应用.doc
- 网络计划技术在施工管理中的应用研究.doc
- 网络计划技术在石家庄北站工期中的应用.doc
- 网络计算机实验室安全管理模式探讨.doc
- 广东省广州省实验中学教育集团2025-2026学年八年级上学期期中考试物理试题(解析版).docx
- 广东省广州大学附属中学2025-2026学年八年级上学期奥班期中物理试题(解析版).docx
- 广东省广州市第八十六中学2025-2026学年八年级上学期期中物理试题(含答案).docx
- 广东省广州市第八十九中学2025-2026学年八年级上学期期中考试物理试题(解析版).docx
- 广东省广州市第二中学2025-2026学年八年级上学期期中考试物理试题(含答案).docx
- 广东省广州市第八十六中学2025-2026学年八年级上学期期中物理试题(解析版).docx
- 广东省广州市第八十九中学2025-2026学年八年级上学期期中考试物理试题(含答案).docx
- 广东省广州市第二中学2025-2026学年八年级上学期期中考试物理试题(解析版).docx
- 2026《中国人寿上海分公司营销员培训体系优化研究》18000字.docx
- 《生物探究性实验教学》中小学教师资格模拟试题.docx
最近下载
- 雷克萨斯-Lexus NX-产品使用说明书-NX200-ZGZ10L-AWXLPC2-NX200NX200t_OM78064C_01-1412-001.pdf VIP
- 小学语文五年级第二学期第二单元整体作业设计.docx
- 外研版小学英语(三年级起点)三年级上册Module2-Unit1同步检测.doc VIP
- 2025年河南省平顶山市中考生物试卷(含答案).pdf
- 【TD产业联盟】全球5G_6G产业发展报告(2024-2025).pdf VIP
- 乡镇卫生院年休假制度.docx VIP
- 职业技术教育教学管理新制度学分制.doc VIP
- 健康生活小常识100条.docx VIP
- 职业学校学分制实施细则.docx
- AP微观经济学 2010年真题 附答案和评分标准 AP Microeconomics 2010 Real Exam with Answers and Scoring Guidelines.pdf VIP
原创力文档

文档评论(0)