web用户界面设计.ppt

谢谢大家！ 网页设计中的用户界面设计 User Interface Design Principle in Web 时尚杂志类网站 时尚杂志类网站 关于钻石珠宝的资讯网站 关于钻石珠宝的资讯网站 关于钻石珠宝的资讯网站 旅游介绍类网站 摄影时尚类网站 艺术设计新闻类网站 电子商务类网站 游戏资讯类网站 设计服务类网站 动漫设计类网站 艺术绘画类网站 时尚展示类网站 CG艺术类网站 电子游戏类网站 影视资讯类网站 青年时尚类网站 青年时尚类网站 艺术家个人信息网站 艺术家个人信息网站 艺术家个人信息网站 艺术家个人信息网站 艺术家个人信息网站 个人求职信息网站 非框架结构设计 自由版面构成 分栏式结构 区域化信息设计 信息类网站 门户网站 政府机构 大专院校 科研 教育 人才服务 公司 社会团体 公共服务 ... 生活资讯类网站 媒体类 文化类 医疗 博物馆 杂志 生活 时装 休闲 旅游 女性… 个人风格类网站 个性化 风格各异 兴趣 随意 电子商店 自由 ... 商务企业类网站 企业 B2B B2C 电子商务 网上购物 专业服务... 功能服务类网站 搜索 论坛 社区 QQ 导航 博客 BBS 网络游戏 下载服务 在线影视 ... 娱乐类网站 电影 音乐 美术 游戏 CG 动漫… 时尚类网站 流行 文化 体育 品牌 时装 少女 娱乐资讯 网站功能性服务 搜索 数据库 QQ 艺术家网站 大胆 创新 个性 创意展示 自我 酷网…… 网站基本类型分析：界面设计、信息结构和功能服务 100％ 100％ 1. 面向用户的原则 反馈信息和屏幕输出应面向用户、指导用 户，以满足用户使用需求为目标。 屏幕输出的信息是为了使用户获取运行结 果，或者是获取系统当前状态，以及指导用户应 如何进一步操作计算机系统。所以在满足用户需 要的情况下，首先应使显示的信息量减到最小， 绝不显示与用户需要无关的信息，以免增加用户 的记忆负担。其次，反馈信息应能被用户正确阅 读、理解和使用。第三，应使用用户所熟悉的术 语来解释程序，帮助用户尽快适应和熟悉系统的 环境。第四，系统内部在处理工作时要有提示信 息，尽量把主动权让给用户。 本章总结 2. 一致性原则 是指从任务、信息的表达，界面的控制操 作等方面与用户理解熟悉的模式尽量保持一致。 如显示相同类型信息时，在系统运行的不 同阶段保持一致的相似方式显示，包括显示风格. 布局、位置、所用颜色等。一个界面与用户预想 的表现、操作方式越一致，就越容易学习、记忆 和使用。一致性不仅能减少人的学习负担，还可 以通过提供熟悉的模式来增强认识能力，界面设 计者的责任就是使界面尽可能地与用户原来的模 式一致，若原来没有模型，就应给出一个新系统 的清晰结构，并尽可能使用户容易适应。 本章总结 3. 简洁性原则 界面的信息内容应该准确、简洁，并能给 出强调的信息显示。准确，就是要求表达意思明 确，不使用意义含混、有二义性的词汇或句子。 简洁就是词汇是用户习惯的，并用尽可能少的文 字表达必需的信息。必要时可以使用意义明确的 缩写形式，需要强制的信息可以在显示中使用黑 体字、加下划线、加大对比、反白及不同颜色来 引起用户的注意。注意图标设计和按钮设计在引 导用户导航时的重要作用。 本章总结 4. 适当性原则 屏幕显示和布局应美观、清楚、合理，改 善反馈信息的可阅读性、可理解性，并使用户能 快速查找到有用信息，为此要求： (1). 显示逻辑顺序应合理。 (2). 显示内容应恰当、不应过多、过快或 使屏幕过分拥挤。 (3). 提供必要的空白。空行及空格会使结 构合理，阅读和寻找方便，并使用户的注意力集 中在有用的信息上。 (4). 一般使用小写或混合大小写形式显示 文本，避免用纯大写字方式，因为小写方式的文 本容易阅读。 本章总结 5. 顺序性原则 合理安排信息在屏幕上显示顺序。一般有 如下因素决定信息显示的顺序。 (1). 按照使用顺序显示信息 (2). 按照习惯用法顺序 (3). 按照信息重要性顺序 (4). 按照信息的使用频度 (5). 按照信息的一般性和专用性 (6). 按字母顺序或时间顺序显示 6. 结构性原则 界面设计应是结构化的，以减少复杂度， 结构化应与用户知识结构相兼容。 本章总结 信息内容设计 页面导航设计 视觉艺术设计 网站可用性评估 信息结构设计 用户界面设计 用户界面设计原则和网站设计的基本内容 网页设计中的用户界面设计 User Interface Design Principle in Web 如何从用户需求角度把握网页设计的核心 人机界面（Human Computer Interface，简称HCI）通常也称为用户界面（User Interface UI