多媒体课件设计与制作.ppt

多媒体课件设计与制作 交互设计与制作技术 第一章 多媒体CAI基础 多媒体基础知识 课件的评价 课件的制作 理论基础 课件的设计 Flasht制作课件 第二章多媒体课件设计的理论基础 CAI基础 课件的评价 课件的制作 理论基础 课件的设计 Flash制作课件 第三章多媒体课件的设计 基本概念 课件的评价 课件的制作 理论基础 课件的设计 Flash制作课件 交互设计 导航 超链接设计 界面设计 结构设计 封面导言设计 交互方式的设计 图 人机系统 人机界面介于用户与计算机系统之间 是人与计算机之间传递交换信息的媒介 是人机联系的部分 也是多媒体课件设计中的重要部分 概念 人机交互是指人与计算机之间使用某种对话手段 以一定交互方式 为完成确定任务而进行的人机之间信息交换的过程 人机交互系统是由参与交互的各方所组成 包括人和计算机组成的人机交互系统 人机交互方式是指人机交互信息的组织形式或语言方式 又称对话方式或交互技术 交互介质是指用户和计算机完成人机交互的媒体 分为 人机交互系统的输入和输出介质 输入键盘输入 传统方式鼠标输入 图形用户界面的重要输入方式手写输入 手写汉字的识别 平板电脑 语音输入触摸屏输入数字化仪输入 适用于CAD CAM系统扫描输入 条形码 扫描仪 光电阅读器三维输入 数据手套 三维鼠标 力矩球等视觉输入 摄像设备 机器人的视觉输出显示终端输出 重要工具 声响输出 声波打印输出 标准输出设备之一三维输出 产生三维输出的设备有投影显示器 头盔显示器 电视眼镜等 人机交互的特性 友好性用户操作课件时主观操作复杂性越低即系统越容易使用 则说明系统的用户友好性越好 如在设计幼儿课件时 儿童的手活动还不是很灵活 难以通过拖动鼠标来完成屏幕对象的移动 所以应尽量避免拖动鼠标来完成屏幕对象的移动 而可多采用单击鼠标左键等方法 人机交互的特性 灵活性系统能用不同的交互方式完成某一特定目标系统能完全适应各类用户 偶然型用户 生疏型用户 熟练型用户 专家型用户 的使用需要 提供满足各种要求的界面形式 但是不同的界面形式决不会影响系统任务的完成 用户可以根据需要制定或修改交互方式 在需要修改 扩充系统功能的情况下 也可提供动态的交互方式 如修改命令 设置动态菜单 系统能按照用户的希望和需要提供不同详细程度的系统响应信息 包括反馈信息 提示信息 帮助信息和出错信息等 人机交互的特性 功能性指交互系统对每一个用户命令所能完成的工作量 用户系统系统提供强有力的命令 同时应考虑与用户的知识和能力相符合 人机交互的特性 明确性指系统功能和行为对用户是明确的 清楚的 人机交互的特性 一致性系统采用一致的方式工作 要求系统工作方式或处理问题的步骤尽可能和人的思维方式一致 系统不同部分及不同系统之间有相似的交互格式和相似的人机操作方式 一致性的交互系统可帮助用户把当前知识经验推用到新系统 新操作中 减轻用户重新学习和记忆的负担 交互响应类型 用Authorware编制课件 可以选择11种交互响应类型 按钮交互响应热区交互响应热对象交互响应目标区交互响应下拉菜单交互响应 文本输入交互响应按键交互响应条件交互响应时间限制交互响应 事件交互响应 用户使用标准计算机用具对交互结点的操作而实现的 使用系统 内部 函数 变量 用户自定义 外部 函数 变量 由数字驱动 满足条件触发交互响应 Flash提供强大的ActionScript脚本 用来制作交互式动画 设置链接 还可以调用JavaScript程序实现交互 1 按钮交互 按钮交互是指在屏幕窗口上设置一个按钮 用户用鼠标点击按钮 可触发对应的人机交互响应 在设计界面化的软件时 使用按钮交互形象直观 使用方便 不易出现歧义 让用户一目了然 可以直观 实时 多样化的实现人机交互功能 大多数多媒体教育教学软件作品设计时都要会使用按钮交互 使用按钮交互时需要考虑按钮设计与背景风格设计的一致性 以免破坏软件界面的整体美感 本例利用按钮交互 设计一个课件播放的界面 实现播放 暂停 继续 停止 快进 快退等功能的按钮设计 本例主要讨论按钮设计的相关问题 本例的知识要点主要涉及按钮交互功能设计 自定义按钮的设计与实现 汉语或英语对话课件 或操作实验演示课件 为了保证情景对话的连续性或操作演示的连贯性 在制作时不把每个场景对话或实验步骤用电影剪辑 MC 元件对象来实现 而是在主动画中完成整个动画的效果 MC元件模块化程序设计 采用电影剪辑元件对象可以i简化影片文档的图层结构 使交互课件的结构很清晰 课件中的各个模块内容相对独立的情况下 采用电影元件对象实现各个模块 这种方法可简化课件制作 提高制作效率 使课件结构更加清晰 便于维护 2 热区交互响应 热区交互响应 本身并不显示 热区是对背景内容 文字 图形 图像等 的特定区域设置 通过热区向软件用户描述交互的逻辑意义以便用户识别 与按钮类似 热区可以调整改变矩形响应区域的大小 位置 范围可以超过演示窗口边缘 此外 不同热区交互位置可以重叠 使程序交互设计更为灵活 热区交互可以理解为 点击 滑过透明矩形区响应 在课件中 热区也是一种应用广泛的交互类型 带热区的图片 带热区的文本 onRollOver function 当鼠标指针移过按钮区域 影片剪辑区域时调用 必须定义一个在调用事件处理函数时执行的函数 在下面的示例中 为onRollOver处理函数定义了将trace 语句发送到 输出 面板的函数 my btn onRollOver function trace onRollOvercalled my mc onRollOver function trace onRollOvercalled 您可以在时间轴上定义该函数 也可以在扩展MovieClip类或链接到库中的元件的类文件中定义该函数 简单的方法 做一个透明按钮 可点击区域设置为要设置为热区的大小 如五角星要设置为热区 3 热对象交互 热对象交互实际上是一种将鼠标触发区域定义得更为灵活的 热区交互 热对象交互的鼠标触发区域是通过某一图标中显示内容在演示窗口的范围而定义的 热对象交互又可称作 点击对象响应 可以作为热对象的图标有显示图标 交互图标 数字电影图标等 只要是能够引入可显示内容的图标就可以作为交互的热对象 相比热区交互 热对象交互具有交互位置可随图标对象运动 交互区域形状没有矩形限制 交互区域可以不连续等优点 可以实现热区 按钮交互不能完成的交互效果 本例利用热对象交互 设计一个介绍各大洲的教学软件 实现用鼠标拂过每个大洲的陆地区域时 显示该大洲的名称范围与文字简介 利用透明按钮制作不规则图形透明热对象交互的技巧 按钮交互能更容易将两种功能赋予同一按钮和实现多个按钮之间的关联 热区交互可以重叠使用 可以换背景不换热区 更加复杂的交互则可以使用热对象实现 这三种交互方式各有特长 在设计时应本着取长补短 简化设计 提高效率的原则 灵活运用 菜单交互 让用户在一组多个可能对象中进行选择 各种可能的选择项以菜单项的形式显示在屏幕上 多选菜单 扩展式菜单 弹出式菜单制作技术请参看网站的视频资源 树型菜单 制作技术 菜单组织少量数量的选择项 可以把菜单项按线性系列或圆圈顺序排列选择项多 选择项对应功能本身又是逻辑上的层次结构 可通过分层次来组织安排菜单系统 菜单的层数称为菜单系统深度 同一层中菜单项的项数称为菜单宽度 菜单可用文本或图形按钮方式表示 也可在此基础上添加动画或声音效果 菜单的缺点是交互活动受限制 只能完成预定的交互功能 在内容多的课件中 有时为完成一个简单的功能必须经过几级菜单的选择 受屏幕空间的限制 每幅菜单显示的菜单项数受限制 功能键或按键交互 使用功能键或键盘的各个按键可以完成系统相应的功能 功能键指Insert Delete Enter 等 优点 加快操作 减少输入量 减少出错率 缺点 不标准或不一致的功能键定义会引起记忆和操作上的麻烦 系统功能过多 需要过多的功能键 增加了功能键数 也容易引起混淆 音乐课件 学习者用鼠标单击相应按键可发出该音符的声音 例 洪恩公司开发的学习软件 可按 按键或打开关闭背景音乐 触动型交互 所谓触动式交互是指在教学软件设计中 由于内容较多 需要分成若干部分 由于界面设计的需要 将多个部分的内容使用某一可以触动的场景中 如书架中的书籍 抽屉等 例 小不点学拼音 学算术课件 拼音练习课件制作技术 文本输入型交互 文本输入 交互是在程序运行时 演示窗口中出现一个等待用户输入文本的区域 若用户输入内容符合程序要求时 触发交互响应 文本输入有制约较少的特点 除英文外 用户还可以使用多种文字 如简体中文 繁体中文 输入法输入 数字与符号也有全角 半角的区分 同一语言对同一事物也有不同的表述 使用文本交互输入回答问题使用输入文本对象实现答题时的答案输入使用动态文本对象实现动态显示题目本例利用文本交互 设计一个计算题 填空题 目标区域交互 目标区域交互响应是用户用鼠标将演示窗口的目标对象 图标 拖动到一个指定的区域中后 运行交互分支程序的一种交互方式 实现目标区域交互需要两个要素 一是Target 目标 对象 这一概念与热对象交互中的 对象 类似 需要在程序中提供具有显示二维图象的图标 如显示图标 交互图标等 二是Area 区域 这一概念与热区交互中的 热区 相似 建立一个区域等待目标的进入以触发交互 目标区域交互的响应条件是将目标图标拖拽到区域中 并非仅拖动图标就触发运行交互分支 用户如果将目标图标拖到非指定的区域 并不能激活相应的交互功能 拖拽题课件例子中 用鼠标拖拽对象进行答题 Flash在实现对象拖拽功能上提供了StartDrag 和StopDraag 两条动作语句 几何拖拽题 对外汉语拖拽题 语文拖拽题声音音量控制 参考光盘 Flash入门与进阶实例 的滑杆控制 fla文件 条件交互功能 条件交互的特点 条件 交互响应是一种重要的交互响应类型 它没有具体的操作方式 主要依据程序中设置的条件 运行到条件交互时 判断条件的逻辑返回值为TRUE 真 时 课件就执行相应的交互分支程序 否则不执行 Conditional 条件 交互突出程序控制的主动性 可以提高交互设计的复杂度 结合脚本语句编写方式实现交互设计 与其他交互响应类型的程序制作方式有较大的区别 制作的关键技术 使用If选择语句判断题课件 学习者在单选框中作出对答案的选择 如果判断的答案正确 则屏幕显示 答对了 否则显示 答错了 使用UI组件可方便地制作单选按钮 复选按钮 下拉列表 列表框等 9 次数限制交互和时间限制交互 当设计输入密码 回答问题类多媒体教学软件时 有时希望能够限制用户错误回答次数 可以通过累加某一变量 然后通过条件交互设计 当变量数值等于某值时 就执行条件交互分支 FlashMX中新增SetInteval动作语句 类似日常生活中的定时装置 每隔一段时间就自动执行交付的任务 SetInteval 函数名称 间隔时间 参数 参数 参数n 友好交互系统的设计原则 简易性一致性输入和输出方面一致性 课件的不同部分甚至不同的模块之间 具有相似的交互处理和布局 相似的人机交互方式以及信息显示格式 反馈性没有反馈的交互不成为交互 在设计课件时 反馈信息分三级 设计者可以在这三个层面上放置必要的信息 词法级 用户敲打键盘 屏幕要显示相应字符 用户移动鼠标 鼠标在屏幕上移动是词法级反馈 语法级 当用户输入命令或参数不对或有语法错误时 计算机响应 这是语法级的反馈 语义级 告诉用户所请求的操作已经被处理 并把处理结果显示出来 如果执行某个命令或功能需要过长的延迟时间 则语义反馈可先提示用户稍安勿躁 耐心等待 容错性课件设计应该能够对可能出现的错误进行检测和处理 图形化使用图形和比喻来表示程序 实体和操作 使用户的操作及响应直接可视和逼真 有时用图无法明确表达语意 必须用文字辅以说明 使用图形和比喻设计的方法 实物界面 抽象概念形象化 拟人化使用图形和比喻设计时应注意事项 用户直接操控操持课件交互与现实世界的一致性 不同系统之间和应用系统内部交互的一致性 使它们有相似的外观和操作 在儿童类教学课件或游戏中 常考虑设计代理 助手 顾问 虚拟宠物等一系列屏幕动画人物 使用人机对话来模拟人类之间的谈话 观察发现 在为儿童设计开发的多媒体教学课件中 使用第一人称要比使用非人格的第三人称亲切 自然 简单 儿童与屏幕人物交互要比死板的界面交互愉快 有趣 目前 大量的网络多媒体课件在界面上较少设计动画代理或其他虚拟人物 尤其缺少指导教师或系统向导类的屏幕人物 而是使用大量冷淡 死板的对话框界面 致