第七章交互式设计 交互的概念 ●交互设计的六个主要方面 用户点击型交互方式设计 用户拖拽对象交互方式设计 用户控制键盘型交互方式设计 下拉菜单交互方式设计 ●系统自动判断交互方式设计 永久响应类型交互方式设计
第七章 交互式设计 交互的概念 交互设计的六个主要方面 用户点击型交互方式设计 用户拖拽对象交互方式设计 用户控制键盘型交互方式设计 下拉菜单交互方式设计 系统自动判断交互方式设计 永久响应类型交互方式设计
7-1交互的概念 什么是交互 交互也称为“人机交互”,英文简称HCI( Human- computer Interaction),指用户通过输入、输出设备,实现人与计算机之间 对话的技术。通过输出或显示设备向用户提供有关信息及提示请示, 用户根据提示,运用输入设备输入有关信息或相关指令,计算机再 通过处理将结果反馈给用户,或者再提示下一步的交互提示。人机 交互技术是计算机用户界面设计中的重要内容之
7-1 交互的概念 ● 什么是交互 交互也称为“人机交互”,英文简称HCI (Human-computer Interaction),指用户通过输入、输出设备,实现人与计算机之间 对话的技术。通过输出或显示设备向用户提供有关信息及提示请示, 用户根据提示,运用输入设备输入有关信息或相关指令,计算机再 通过处理将结果反馈给用户,或者再提示下一步的交互提示。人机 交互技术是计算机用户界面设计中的重要内容之一
7-1交互的概念 交互类型 交互类 G钮 C文本输入 确定 热区域 C按键 取消 ※C热对象 重试限制 KC目标区 C时间限制 C下拉菜单 EC事件 =C条件 帮助 屈性:交互图标[未命名 命名 类型:按钮 未命名 按钮 响应 大小:P2 按钮 目下条 位置:96 64 选项 打开」 标签
7-1 交互的概念 ● 交互类型
7-2交互式设计的六个主要方面 ●交互式设计的六个主要方面 交互界面设计 ◆交互响应方式设计 ◆响应图标的设计 ◆响应状态判断 控制擦除内容 设置响应走向
7-2 交互式设计的六个主要方面 ● 交互式设计的六个主要方面 ◆ 交互界面设计 ◆ 交互响应方式设计 ◆ 响应图标的设计 ◆ 响应状态判断 ◆ 控制擦除内容 ◆ 设置响应走向
7-3用户点击型交互方式设计 ●按钮响应类型 按钮 按钮是我们再熟悉不过的 预览 了,是计算机中最常见的程序 标准 indows按钮 系统 154字节 控制方式,也是最直观的交互 方式。 Authorware7.0中的 lative Platform按钮 未命名 系统 154字节 按钮默认为系统按钮,即矩形 网A 标准 Macintosh复选框 按钮。用户也可以自己设计按 口未命名 系统 154字节 钮的样式,下面我们就详细的 标准 Windows3.1复选框 介绍按钮响应类型。 厂未命名 系统 154宇节 系统按钮yt10 确定
7-3 用户点击型交互方式设计 ● 按钮响应类型 按钮是我们再熟悉不过的 了,是计算机中最常见的程序 控制方式,也是最直观的交互 方式。Authorware 7.0中的 按钮默认为系统按钮,即矩形 按钮。用户也可以自己设计按 钮的样式,下面我们就详细的 介绍按钮响应类型
7-3用户点击型交互方式设计 ●热区响应类型 热区是演示窗口一个很特殊的区域,鼠标在该区域范围内单 击或双击就可以触发交互到相应的交互分支上。 演示窗口 文件
7-3 用户点击型交互方式设计 ● 热区响应类型 热区是演示窗口一个很特殊的区域,鼠标在该区域范围内单 击或双击就可以触发交互到相应的交互分支上
7-3用户点击型交互方式设计 ●热对象响应类型 热对象与热区的原理是一样的,国 热区在显示时不会显示出来, 回17 而热对象则是可以显示出来的 任意对象,如图片、文字等。 也就是说,热对象是可以产生 未命名 的交互的特殊对象,通过鼠标 对热对象的双击或单击可以跳 转到热对象所对应的交互分支 类型:热对象 热对象 单击一个对象把它定义为本反馈图标的热对象 热对象:s 匹配:单击 快捷键 厂匹时加亮
7-3 用户点击型交互方式设计 ● 热对象响应类型 热对象与热区的原理是一样的, 热区在显示时不会显示出来, 而热对象则是可以显示出来的 任意对象,如图片、文字等。 也就是说,热对象是可以产生 的交互的特殊对象,通过鼠标 对热对象的双击或单击可以跳 转到热对象所对应的交互分支 上
7-4让用户拖拽对象型交互方式设计 ●目标区域响应类型 在流程线上添加一个目标 区域响应类型的交互结构,双 击交互图标,打开演示窗口 在窗口中我们会看到一个虚线 框,这就是目标响应的区域
7-4 让用户拖拽对象型交互方式设计 ● 目标区域响应类型 在流程线上添加一个目标 区域响应类型的交互结构,双 击交互图标,打开演示窗口, 在窗口中我们会看到一个虚线 框,这就是目标响应的区域
7-5让用户控制键盘型交互方式设计 文字输入响应类型 文字输入响应类型也是 Authorware7.0中一个很重要的交互方式。 使用这种类型的响应方式,可在程序中输入文字实现交互功能。 回[未命名 层1 未命名 未命名 口------=---=---------------口 交互类型 按钮 G本输刀 确定 C热区域 C按键 装C热对象 C重试限制 C目标区 C时间限制 C下拉菜单 C事件 =C条件 帮助
7-5 让用户控制键盘型交互方式设计 ● 文字输入响应类型 文字输入响应类型也是Authorware 7.0中一个很重要的交互方式。 使用这种类型的响应方式,可在程序中输入文字实现交互功能
7-5让用户控制键盘型交互方式设计 按键响应类型 按键响应类型很好理解,就是当按下键盘上的某个键就可以激发 个响应事件。如我们在玩游戏时,使用键盘来控制游戏中人物的动作 或激发一个事件。这种交互方式也是在多媒体中使用比较多的方式,如 选择题和娱乐性质的多媒体作品的制作。 黑性图标[命名 命名 类型:按键 按键 响应 快捷键 打开
7-5 让用户控制键盘型交互方式设计 ● 按键响应类型 按键响应类型很好理解,就是当按下键盘上的某个键就可以激发 一个响应事件。如我们在玩游戏时,使用键盘来控制游戏中人物的动作 或激发一个事件。这种交互方式也是在多媒体中使用比较多的方式,如 选择题和娱乐性质的多媒体作品的制作