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

人机交互技术Web界面设计 人机交互技术 Web界面设计 学号: 姓名: 一、Web界面设计的基本概况 Web 界面设计就是人机交互界面设计的一个延伸,就是人与计算机交互的演 变。Web 界面设计与站点外观直接相关,站点的界面外观就是否友好直接关 系到 就是否能吸引人的关注。人性化的设计就是Web界面设计的核心,如何根据人的 心理、生理特征,运用技术手段,创造简单、友好的界面,就是 Web 界面设计的重 点。 用来解释Web的人机界面性质的一个模型,它提出网页就是用户与知识之间的 界面。对于信息提供者来说包括信息的表达,对于使用者来说则就是信息的获取。 信息的表达与获取分别受到两者认知结构的制约。 模型涉及到信息的三种类型 1)数据:当一条信息被反复、简单的提供时称为数据,比如机票价格。 2)复杂信息:而用来叙述事件时称为复杂信息,如多媒体信息。 3)过程性信息:在信息有明确目标,并相互作用时称为过程性信息,如在线练 习、在线测试等。 模型涉及到信息的两种特性:1)动态性:信息在不断的变化,具有动态性;2)一 致性:信息元素的组织方式具有一致性 (2)Web信息设计模型 就是解释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 界面设 计的基本知识,结合网页设计的人性化问题与具体案例,浅谈我对人性化网页设计 的一些理解。人性化 web 界面设计实例 随着时代的发展, 网站的建设越来越接近于一门艺术而不仅仅就是一项技术, 网站的界面设计就是艺术与技术的高度统一,就是伴随着计算机互联网络的产生 而形成的视听设计的新课题。同时, 网站的界面设计需强调交互过程, 即一方面就 是网站的信息传达,另一方面就是用户的接受与反馈,对网站的信息都能动地认识 与把握。所以网站界面设计就是一个人性化的课题。 一、网页设计的原则与要素 界面的说法以往常见于人机工程学中。“人机界面”就是指人机间相互施加影 响的区域,凡参与人机信息交流的一切领域都属于人机界面。从心理学意义来分, 界面可分为感觉(视觉、触觉、听觉等)与情感两个层次。一个好