交互功能5.pptx

1、交 互 功 能,2016.2,多媒体画面艺术理论,栖霞多媒体制作培训,东营市胜利教管中心信息技术培训材料,6.1 多媒体画面艺术,多媒体画面艺术理论是游泽清教授创立的一套适用但不仅限于计算机多媒体软件、视频等媒体形式的规则和标准。,6.2 认识交互功能6.2.1 从技术角度认识交互功能,传统的影视媒体画面的编辑都是一次性的，一旦完成便不能再更改。观众对这种画面内容顺序（结构）没有选择的余地，只有被动的接受。,交互功能的引入，为画面的组接提供了多种方式。即一组画面可以有选择的和多组画面中的一组进行连接。更重要的是这种画面的“选择”权是真正交给（受众）用户的。,6.2 认识交互功能6.2.1 从技

2、术角度认识交互功能6.2.2 从艺术角度认识交互功能,从画面艺术角度看，交互功能的引入，使有限的屏幕画面得到了最大限度的利用。,交互式画面设计,6.2 认识交互功能6.2.1 从技术角度认识交互功能6.2.2 从艺术角度认识交互功能,采用新型结构的新版本Office软件的界面布局。,从艺术角度看，交互功能的引入，使得有限的屏幕画面得到了最大限度的利用。交互式画面设计借鉴了居室布局的指导思想计算机应用软件同样借鉴了这种布局思想,6.2 认识交互功能6.2.1 从技术角度认识交互功能6.2.2 从艺术角度认识交互功能6.2.3 从教学角度认识交互功能,从教学设计角度看，交互功能的引入，有利于学习者

3、参与教学活动。在设计、开发多媒体教材中，交互功能主要用于控制教学过程和实现人机交流。以前，教学过程的控制者是教师，现在当学生使用“学习型”教学课件时，便可以自主控制教学过程。这也符合现代教学理念中“主体”转换的概念,6.3 交互功能的应用,目前的多媒体教学课件，交互功能主要有导航交互与互动教学。因此，可将其归纳为三种类型：导航类型互动教学型导航与互动教学混合型,6.3 交互功能的应用6.3.1 导航类型的交互功能,多媒体课件中的导航即“路标”。是引导用户快速进入某一章节的快捷方式。无论是简单还是复杂的课件，导航交互都是必不可少的，否则就变成了传统的幻灯片。,6.3 交互功能的应用6.3.1 导

4、航类型的交互功能,6.3 交互功能的应用6.3.1 导航类型的交互功能,6.3 交互功能的应用6.3.1 导航类型的交互功能,6.3 交互功能的应用6.3.1 导航类型的交互功能,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能,1、手动控制教学进度和教学方式2、人性化的学习服务3、互动式的练习平台（1）教学实验类（2）技能训练类（3）自我测试类（4）寓教于乐类,个人观点如果说导航类型的交互是多媒体课件必备的交互，那么互动教学型的交互相对而言应该属于交互中的能体现创作者才智的“高级”交互。,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互

5、动教学类型的交互功能1、手动控制教学进度和教学方式,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能1、手动控制教学进度和教学方式,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能1、手动控制教学进度和教学方式2、为各专业学习者提供人性化的学习服务,所谓人性化的学习服务，实际是一种能满足人们需要的服务。由于具有交互功能是计算机的属性，因而使得基于计算机或计算机网络的学习环境，可以按照学习者的需求，提供人性化的服务。,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能1、手动控制教学进

6、度和教学方式2、为各专业学习者提供人性化的学习服务,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能1、手动控制教学进度和教学方式2、为各专业学习者提供人性化的学习服务3、为各门类学科提供互动式的练习平台,学科门类繁多，应用形式五花八门。,常见的应用形式有：教学实验、技能训练、自我测试、寓教于乐。,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能1、手动控制教学进度和教学方式2、为各专业学习者提供人性化的学习服务3、为各门类学科提供互动式的练习平台,（1）教学实验类,6.3 交互功能的应用6.3.1 导航类型的交互功能

7、6.3.2 互动教学类型的交互功能1、手动控制教学进度和教学方式2、为各专业学习者提供人性化的学习服务3、为各门类学科提供互动式的练习平台,（1）教学实验类,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能1、手动控制教学进度和教学方式2、为各专业学习者提供人性化的学习服务3、为各门类学科提供互动式的练习平台,（1）教学实验类,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能1、手动控制教学进度和教学方式2、为各专业学习者提供人性化的学习服务3、为各门类学科提供互动式的练习平台,（2）技能训练类,6.3 交互功能的应用

8、6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能1、手动控制教学进度和教学方式2、为各专业学习者提供人性化的学习服务3、为各门类学科提供互动式的练习平台,（2）技能训练类,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能1、手动控制教学进度和教学方式2、为各专业学习者提供人性化的学习服务3、为各门类学科提供互动式的练习平台,（3）自我测试类,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能1、手动控制教学进度和教学方式2、为各专业学习者提供人性化的学习服务3、为各门类学科提供互动式的练习平台,（3）自我

9、测试类,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能1、手动控制教学进度和教学方式2、为各专业学习者提供人性化的学习服务3、为各门类学科提供互动式的练习平台,（4）寓教于乐类,趣味化、游戏化的交互。比如：几何图形拼图练习、美术课件的涂鸦绘画练习等等,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能6.3.3 导航互动教学混合类型的交互功能,6.3 交互功能的应用6.3.1 导航类型的交互功能6.3.2 互动教学类型的交互功能6.3.3 导航互动教学混合类型的交互功能,6.3 交互功能的应用6.3.1 导航类型的交互

10、功能6.3.2 互动教学类型的交互功能6.3.3 导航互动教学混合类型的交互功能,6.4 交互功能的深层次开发6.4.1 技术层面的深层次开发,从技术上讲，交互功能向智能化发展，实际上也是由制作者（教师）主动向用户（学生）主动的转变。按照认知学习理论，应将教学内容的呈现与学习者原有的认知结构和学习兴趣结合起来，对所需求的知识主动地进行捕获和加工。智能化的交互功能正好可以成为这种自主学习模式的环境和工具。,6.4 交互功能的深层次开发6.4.1 技术层面的深层次开发,个人观点：技术层面的深层次开发主要是指在现有成熟的开发平台下面进行程序（脚本）层面的再开发。例如在VB或流行的.net环境下面进行

11、某一专项教学的智能交互开发；在Flash多媒体平台下面使用AS(ActiveScript)脚本设计制作智能化的人机交互教学环境。,6.4 交互功能的深层次开发6.4.1 技术层面的深层次开发,6.4 交互功能的深层次开发6.4.1 技术层面的深层次开发,技术层面的深层次开发主要在如下方面努力：测试 结果分析 针对性内容的呈现,6.4 交互功能的深层次开发6.4.1 技术层面的深层次开发,局限性：1、对开发人员的专业知识和能力要求较高；2、技术开发的工作量大3、技术开发并不是指仅仅需要技术，界面、交互逻辑设计、后期测试等等,6.4 互动功能的深层次开发6.4.1 技术层面的深层次开发6.4.2

12、应用层面的深层次开发,个人观点：所谓应用层面的深层次开发是指：对多媒体制作软件（平台）功能的深入挖掘和极致的发挥。例如：挖掘Directoe平台下面的Shockwave 3D以及Flash的3D脚本在平面几何和立体几何以及地理相关课程的应用。利用网络技术设计教师端与学生端完全不同的网络课件等等。,6.4 互动功能的深层次开发6.4.1 技术层面的深层次开发6.4.2 应用层面的深层次开发,6.4 互动功能的深层次开发6.4.1 技术层面的深层次开发6.4.2 应用层面的深层次开发,1、导航交互设计的直观性与创新2、人机交互的用户视觉习惯3、课件交互中的细节加工4、增强用户的人性化交互体验,杂谈

13、课件交互设计,1、导航交互设计的直观性与创新,1、导航交互设计的直观性与创新,（1）导航要层次鲜明,1、导航交互设计的直观性与创新,（1）导航要层次鲜明对于结构层次复杂的课件更为重要,1、导航交互设计的直观性与创新,（1）导航要层次鲜明,1、导航交互设计的直观性与创新,（2）导航的展示和交互要有个性和特色,配色、样式以及布局（位置和尺寸）的设计 导航层级展现方式的个性化 积极采用新的多媒体技术实现与他人的差异化 添加适当的动画展示效果是突出个性、避免雷同的好方法,1、导航交互设计的直观性与创新,（3）导航交互设计是最好的课件宣传员,要让用户通过你的导航了解你的导航设计本身是否精美和人性化课件内

14、容的丰富程度课件的结构让用户的眼光聚焦在你作品的亮点上,1、导航交互设计的直观性与创新,（3）导航交互设计技术探索,导航交互的智能型；导航的全程精细进度和流程直观展示；导航交互的多渠道、多路径化；导航交互的可编辑、可定制化；,2、人机交互的用户习惯,2、人机交互的用户习惯,2、人机交互的用户习惯,2、人机交互的用户习惯,2、人机交互的用户习惯,2、人机交互的用户习惯,一个好的交互视觉元素：-符合大众的使用习惯和约定俗成-有自己的特色和个性-尽量避免直接套用相关软件的界面元素和示例素材-对某些特定功能的交互，使用常驻的文字说明-在与主画面协调的前提下，要有足够醒目,3、课件交互中的细节加工,重要

15、性：交互区域（热区）也是用户视觉的焦点，任何设计上的瑕疵和缺陷更容易被用户发现，并在心理上产生放大作用。同理，优秀、精彩的交互设计同样不会被用户忽略。,4、增强用户的人性化交互体验,人性化：人性化指的是一种理念。具体体现在美观的同时能根据用户的固有思想习惯习惯，操作习惯，方便用户，既能满足用户的功能诉求，又能满足消费者的心里需求。,4、增强用户的人性化交互体验,（1）热区尺寸的控制 热区是指用户通过鼠标在屏幕上点击或拖动等动作与进行对话的特定区域。约定成俗：当鼠标进入热区后建议将指针设置为“手”型。,例,对一些小尺寸交互对象可适当放大热区面积，方便用户点击。,如果交互对象尺寸大小适中则没必要这

16、么做。,例,4、增强用户的人性化交互体验,（2）热区对用户操作的引导当出现如下情况时，需要特别注意设计热区的引导作用：屏幕上有多个交互，用户点击其中特定的一个才会触发正常的情节和流程；,由于画面构图以及画面繁杂等因素导致引导课件主要流程的关键交互不够醒目,虽然画面上的一系列交互具有同样的权重，但设计者期望用户点击其中最精彩的一个（!）,4、增强用户的人性化交互体验,（3）交互热点（点击）引导用户视线的常见方法 交互元素闪烁 交互元素发光处理（动态佳）交互元素的动画处理 通过“指示器”提示 有别于其他同级交互的醒目颜色 文字提示（向导性质的帮助文本）,例,例,例,例,4、增强用户的人性化交互体验,（4）失败（劣质）的交互设计 教学课件不是寻宝游戏,不能主观的认为用户应该知道怎么做,不打哑谜，常驻文字永远是最好的向导,不要给交互添加那些俗不可耐的效果音,浏览器平台的课件（网络课件）要做好兼容性测试，尽量避免排版、样式表或脚本错误出现。,网络课件的复杂交互仍推荐通过Flash过度实现，而不建议使用Jscript去做。,提高交互质量要注意：课件中采用各种技术的目的是用来为教学服务与教学内容无关的技术展示都属于无意义的炫耀要控制好技术应用不应过于增加操作繁杂程度,例,例,