多媒体人机交互技术

第五章 多媒体人机交互技术 人机交互 Human Computer Interaction，是研究 人与计算机之间交互的技术 多媒体人机交互技术概述 多媒体人机交互技术是多媒体技术和人机 交互技术的结合 信息表示的多样化和如何通过多种输入输 出设备与计算机进行交互是多媒体人机交 互技术的重要内容 5.1 多媒体人机交互技术概述 多媒体人机交互是基于视线跟踪、语音识 别、手势输入、感觉反馈等新的交互技术。 人机界面 User Interface，又称用户界面，是计算 机与人之间交流的接口 人机界面的发展 手工操作：最早的计算机采用 命令行： DOS等操作系统采用 图形用户界面： Windows系列采用 5.1 多媒体人机交互技术概述 人机界面地设计和开发在整个系统的研制 中占 40 60的比重 多媒体人机交互方式 输入 键盘输入：传统方式 鼠标输入：图形用户界面的重要输入方式 手写输入：手写汉字的识别，“平板电脑” 语音输入 触摸屏输入 5.1 多媒体人机交互技术概述 数字化仪输入：适用于 CAD/CAM系统 扫描输入：条形码、扫描仪、光电阅读器 三维输入：数据手套、三维鼠标、力矩球等 视觉输入：摄像设备。机器人的视觉 输出 显示终端输出：重要工具。 声响输出：声波 打印输出：标准输出设备之一 三维输出：产生三维输出的设备有投影显示器、 头盔显示器、电视眼镜等 5.1 多媒体人机交互技术概述 多媒体人机交互技术应用领域 软件界面设计：多媒体化 自然语言人机交互 输入输出装置的设计 计算机辅助设计和制造 (Computer Aided design CAD/Computer aided manufacturing CAM) 5.2 多媒体人机交互设计原理 人机界面的设计需考虑三个元素：人的 因素、交互设备、实现人机对话的软件 人机工程与界面设计 人机工程学 人机系统总体设计 人机系统由人和机组成，相互联系构成整体 强调人机系统的各个成分，克服忽视人和人的 效能的问题 设计目标：使系统的每个成分都为实现系统目 标而能够协调一致地发挥各自的功能 5.2 多媒体人机交互设计原理 人机交互的创意设计 创意设计：即屏幕设计、界面设计 屏幕设计创意 通过各种手法表现与主题向适应的意境 屏幕的各构成要素按照视觉运动的法则精心安 排，主次、大小、疏密得当 狭义：研究各种视觉元素的位置、面积、大小 的排列组合和视觉流程问题 广义：研究各种视觉元素得搭配格调，能通过 屏幕信息强化主题 5.2 多媒体人机交互设计原理 屏幕创意设计原则 内容与形式表现必须统一，形式服从内容 充分考虑各视觉元素的视觉流程，突出主题 保持屏幕界面视觉上的相对均衡感 注意屏幕设计中的空白的处理 注重整体的对比因素，强化界面的整体吸引力 注意提高屏幕界面信息内容的视读性 创造一定的韵律感，界面流畅 5.2 多媒体人机交互设计原理 屏幕创意设计表现手法 视觉流程：在阅读信息时，视线通常是从左到 右，从上到下的过程 点、线、面的关系 形状间的组合 对比与统一 节奏与韵律 装饰与趣味 视觉流向 5.2 多媒体人机交互设计原理 显示色彩的设计方式 黄底黑字 白底绿字 白底蓝字 黄底黑字 黑底白字 紫底白字 蓝底白字 绿底白字 黑底绿字 黄底蓝字 白底黄字 绿底红字 红底蓝字 黑底蓝字 黑底紫字 红底紫字 灰底绿字 红底绿字 5.2 多媒体人机交互设计原理 多媒体人机交互设计原理 使界面一致 使界面具有指导性 使界面健全易用 使界面友好 使界面功能强大 图形用户界面交互方式 GUI： Graphics User Interface 5.2 多媒体人机交互设计原理 GUI对象类型 按钮 菜单 对话框 单选框和复选框 表控制：资源管理器 位图，即图标