人机交互与界面设计第1章.ppt

人机交互与界面设计;教学目标;学生作品1;学生作品2;学生作品3;课程内容;第1章 人机交互与界面设计;目 录;1.1 人机交互基础知识;1.1.1 人机交互的概念;1.1.1 人机交互的概念;1.1.1 人机交互的概念;1.1 人机交互基础知识;1.1.2 人机交互与其他学科的关系;1.1.2 人机交互与其他学科的关系;1.1.2 人机交互与其他学科的关系;1.1.2 人机交互与其他学科的关系;1.1.2 人机交互与其他学科的关系;1.1.2 人机交互与其他学科的关系;1.1 人机交互基础知识;1.1.3 人机交互研究内容;1.1.3 人机交互研究内容;1.1.3 人机交互研究内容;1.1.3 人机交互研究内容;1.1 人机交互基础知识;1.1.4 人机交互的发展历史;1.1.4 人机交互的发展历史;1.1.4 人机交互的发展历史;1.1.4 人机交互的发展历史;1.1 人机交互基础知识;1.1.5 人机交互的应用;1.1.5 人机交互的应用;1.1.5 人机交互的应用;1.1.5 人机交互的应用;1.1.5 人机交互的应用;1.1.5 人机交互的应用;1.1.5 人机交互的应用;1.1.5 人机交互的应用;小结;目 录;*;1.2.1 界面设计原则;1.2.1 界面设计原则;1.2.1 界面设计原则;1.2.1 界面设计原则;1.2.1 界面设计原则;1.2.1 界面设计原则;1.2.1 界面设计原则;图标的设计 设计图标时应该着重考虑视觉冲击力，要使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出精彩图标。 设计图标时须遵守的原则和方法： 图标的图形应该和目标的外形相似，尽量避免过于抽象。 可在图标中附加上简要的文本标注，使用户明确图标的含义。 设计图标应尽可能简单（三维的图标虽然醒目但也能使人分心），符合常规的表达习惯，保持图标含义的前后连贯。;1.2.1 界面设计原则;屏幕布局的设计： 屏幕布局显示信息是由计算机系统向用户提供的反馈信息，屏幕显示界面的设计应能展现这些信息。 设计屏幕布局时应该使各功能区重点突出，应遵循如下几条原则： 平衡原则：屏幕上下左右平衡 预期原则：屏幕上所有对象处理一致化，使对象的操作结果可预期 经济原则：提供足够信息量的同时要注意简明、清晰 顺序原则：按照需要排列顺序 规则化：画面应对称，显示应尽量统一规范;1.2.1 界面设计原则;1.2.1 界面设计原则;*;*;*;*;*;*;*;*;*;*;*;*;*;;;*;*;*;*;*;*;*;*;;*;*;;*;*;;*;*;*;;;*;*;*;*;;;;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;*;作业