人机交互技术Web界面设计.docVIP

PAGE2/NUMPAGES2

人机交互技术Web界面设计

人机交互技术

Web界面设计

学号:

姓名:

一、Web界面设计的基本概况

Web界面设计是人机交互界面设计的一个延伸，是人与计算机交互的演变。Web界面设计与站点外观直接相关，站点的界面外观是否友好直接关系到是否能吸引人的关注。人性化的设计是Web界面设计的核心，如何根据人的心理、生理特征，运用技术手段，创造简单、友好的界面，是Web界面设计的重点。

用来解释Web的人机界面性质的一个模型，它提出网页是用户和知识之间的界面。对于信息提供者来说包括信息的表达，对于使用者来说则是信息的获取。信息的表达与获取分别受到两者认知结构的制约。

模型涉及到信息的三种类型

1)数据：当一条信息被反复、简单的提供时称为数据，比如机票价格。2)复杂信息：而用来叙述事件时称为复杂信息，如多媒体信息。

3)过程性信息：在信息有明确目标，并相互作用时称为过程性信息，如在线练习、在线测试等。

模型涉及到信息的两种特性：1)动态性：信息在不断的变化，具有动态性；2)一致性：信息元素的组织方式具有一致性

(2)Web信息设计模型

是解释Web人机界面性质的另一个模型，是一种研究网页的信息设计模型。设计模型中要考虑到信息的两个方面：1)第一是应该呈现或略去什么信息。2)第二个方面指的是信息该如何被表现。二、Web界面设计要求及目的

Web应用的成功与否，除了受其所采用的技术和所能够提供的功能的限制还受Web网页的外观的影响。Web网页的外观经常是最先被用户注意到的。用户对网站的第一印象与界面外观是否友好、吸引人密切相关。所以对于设计人员来说，Web界面设计至关重要。Web界面设计的人性化、易用性是Web界面设计的核心。Web界面设计要素

a)Web界面布局

Web界面的色彩Web界面的字体Web界面的动画与多媒体Web界面的导航(1)Web信息交互模型(2)Web界面设计基本原则1)了解浏览者的心理状态2)内容与形式的统一3)减少浏览层次4)特点明确5)统一整体的形象6)Web界面设计的3C原则(3)Web界面概要设计

1)Web界面框架设计：Web网站规划、建立原型系统、详细设计、正式实施2)Web界面的内容与风格的设计:网站内容设计的原则、Web界面的风格3)Web界面设计的语言与文化：网站应设置多语言选择，在网站设计和建设中进行跨文化研究四、Web界面设计要素?Web界面布局?Web界面的色彩?Web界面的字体

?Web界面的动画与多媒体?Web界面的导航

五、Web界面设计人机交互的特点及讲究

网站的界面设计需强调交互过程，即一方面是网站的信息传达，另一方面是用户的接受与反馈，对网站的信息都能动地认识与把握。本文基于Web界面设计的基本知识，结合网页设计的人性化问题和具体案例，浅谈我对人性化网页设计的一些理解。人性化web界面设计实例

随着时代的发展，网站的建设越来越接近于一门艺术而不仅仅是一项技术，网站的界面设计是艺术与技术的高度统一，是伴随着计算机互联网络的产生而形成的视听设计的新课题。同时，网站的界面设计需强调交互过程，即一方面是网站的信息传达，另一方面是用户的接受与反馈，对网站的信息都能动地认识与把

握。所以网站界面设计是一个人性化的课题。

一、网页设计的原则和要素

界面的说法以往常见于人机工程学中。“人机界面”是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。从心理学意义来分，界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。一个好的网站应该有：非常好看的设计、友好的界面、毫无缺点的结构、智能化的后台处理、非常优秀的内容以及优良陕捷的交互性。即网站的建设具有交互性与持续性、艺术与技术结合的紧密性等特点。网站界面设计的五大原则是：

1、目的性明确

任何一个网站，必须首先具有明确的目标群体。网站是面对客户、供应商、消费者还是全部?主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务?如果目的不是唯一的，还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响，因此目的性是一切原则的基础。

2、专业特性突出

对外介绍企业自身，最主要的目的是向外界介绍企业的业务范围、性质和实力，从而创造更多的商机。在这里包括：应该完整无误的表述了企业的业务范围(产品、服务)及主次关系；应该齐备的介绍企业的地址、性质、联系方式