人机交互技术 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 界面...
