人机交互技术Web界面设计说明.docx

人机交互技术 Web界面设计 学号： 一、 Web界面设计的基本概况 Web界面设计是人机交互界面设计的一个延伸，是人与计算机交互的演变。 Web界面设计与站点外观直接相关，站点的界面外观是否友好直接关系到 是否能吸引人的关注。人性化的设计是Web界面设计的核心，如何根据人的心 理、生理特征，运用技术手段，创造简单、友好的界面，是Web界面设计的重 点。 用来解释Web的人机界面性质的一个模型，它提出网页是用户和知识之间的 界面。对于信息提供者来说包括信息的表达，对于使用者来说则是信息的获取。 信息的表达与获取分别受到两者认知结构的制约。 模型涉及到信息的三种类型 1） 数据：当一条信息被反复、简单的提供时称为数据，比如机票价格。 2） 复杂信息：而用来叙述事件时称为复杂信息，如多媒体信息。 3） 过程性信息：在信息有明确目标，并相互作用时称为过程性信息，如在线 练习、在线测试等。 模型涉及到信息的两种特性：1）动态性：信息在不断的变化，具有动态性; 2）—致性：信息元素的组织方式具有一致性 ⑵Wob信息设计模型 是解释Web人机界面性质的另一个模型，是一种研究网页的信息设计模型。 设计模型中要考虑到信息的两个方面： 1） 第一是应该呈现或略去什么信息。 2） 第二个方面指的是信息该如何被表现。 二、 Web界面设计要求及目的 Web应用的成功与否，除了受其所采用的技术和所能够提供的功能的限制 还受Web网页的外观的影响。Web网页的外观经常是最先被用户注意到的。用 户对的第一印象与界面外观是否友好、吸引人密切相关。所以对于设计人员来说, Web界面设计至关重要。Web界面设计的人性化、易用性是Web界面设计的核 心。 Web界面设计要素 a） Web界面布局 Web界面的色彩 Web界面的字体 Web界面的动画与多媒体 Web界面的导航 Web信息交互模型 Web界面设计基本原则 了解浏览者的心理状态 容与形式的统一 减少浏览层次 特点明确 统一整体的形象 Web界面设计的3C原则 Web界面概要设计 Web界面框架设计：Web规划、建立原型系统、详细设计、正式实施 Web界面的容与风格的设计:容设计的原则、Web界面的风格 Web界面设计的语言与文化：应设置多语言选择’在设计和建设中进行跨 文化研究 四、 Web界面设计要素 Web界面布局 Web界面的色彩 Web界面的字体 Web界面的动画与多媒体 Web界面的导航 五、 Web界面设计人机交互的特点及讲究 的界面设计需强调交互过程，即一方面是的信息传达，另一方面是用户的接 受与反馈，对的信息都能动地认识与把握。本文基于Web界面设计的基本知识, 结合冋虫设计的人性化问题和具体案例，浅谈我对人性化网页设计的一些理 解。人性化web界面设计实例 随着时代的发展，的建设越来越接近于一门艺术而不仅仅是一项技术，的界 面设计是艺术与技术的高度统一，是伴随着计算机互联网络的产生而形成的视听 设计的新课题。同时，的界面设计需强调交互过程，即一方面是的信息传达，另 一方面是用戸的接受与反馈,对的信息都能动地认识与把握。所以界面设计是一 个人性化的课题。 一、网页设计的原则和要素 界面的说法以往常见于人机工程学中。“人机界面”是指人机间相互施加影响 的区域，凡参与人机信息交流的一切领域都属于人机界面。从心理学意义来分， 界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。一个好的应该有：非常 好看的设计友好的界面、毫无缺点的结构、智能化的后台处理、非常优秀的容 以及优应陕捷的交互性。即的建设具有交互性与持续性、艺术与技术结合的紧密 性等特点。界面设计的五大原则是： 1、 目的性明确 任何一个，必须首先具有明确的目标群体。是面对客户、供应商、消费者还 是全部?主要日的是为了介绍企业、宣传某种产品还是为了试验电子商务?如果EI 的不是唯一的，还应该清楚的列岀不同目的的轻重关系。建站包括类型的选择、 容功能的筹备、界面设计等各个方面都受到LI的性的直接影响，因此日的性是一 切原则的基础。 2、 专业特性突出 对外介绍企业自身，最主要的目的是向外界介绍企业的业务围、性质和实力, 从而创造更多的商机。在这里包括：应该完整无误的表述了企业的业务围（产品、 服务）及主次关系：应该齐备的介绍企业的地址、性质、联系方式；提供企业的 年度报表将有助于浏览者了解企业的经营状况、方针和实力。 3、 功能服务的实用性 提供的功能服务应该是切合浏览者实际需求且符合企业特点的。提供的功能 服务必须保证质量，这包括：毎个服务必须有定义清晰的流程；实现功能服务的 程序必须是正确的；需要人工操作的功能服务应该设有常备人员和相应责权制 度；用户操作的每一个步骤（无论正确与否）完成后应该被提示当前处于什么状 态。 4、