1、多媒体CAI课件设计与制作课教案11多媒体课件界面设计制作(11课时) 教学目标1、了解多媒体课件界面规划设计的重要性和基本原则;2、学会多媒体界面设计制作常用技巧; 3、会运用学过的知识和技能设计制作出合适的多媒体课件界面。教学重点与难点1、多媒体课件界面规划设计;2、界面设计制作常用技巧;3、知识技能的运用。教学手段多媒体演示教学、研讨法和上机探索练习教学过程引入:在前面的课程中,我们分别研究了图像、图形、文本等视觉素材的获取、处理和制作方法,今天我们来研究如何综合运用前面学过的知识技能设计制作多媒体课件界面。思考:界面对于多媒体课件有什么作用?怎样设计制作多媒体界面呢?第一部分:界面设计
2、制作实例第二部分:界面规划和设计第三部分:界面设计制作过程上机作业:1、从FTP中下载教案阅读,并思考:多媒体课件界面有哪些种类?多媒体课件界面包括哪些元素?在规划设计时应注意什么? 2、从FTP中下载相关素材,尝试制作多媒体课件三国演义赏析的各种界面,并发布到论坛上。3、综合考试:选择与自己专业相关的一个课题,应用学过的技巧设计制作多媒体界面(包括封面、目录、内容、封底页面等)。第二部分:界面规划和设计回目录一、多媒体课件界面类型:1、从内容分:封面页面、目录页面、内容页面和封底页面等。2、从形式分:静态、动态、交互等。这里我们主要研究了静态界面设计制作,动态界面的制作我们将在研究动画素材再
3、介绍。二、多媒体课件页面分析:1、封面页面:要反映整个课件主题,吸引用户的眼球。2、目录页面:整个课件内容的目录导航,可以点击进入各个具体的内容页面。3、内容页面:标题区教学内容区交互操作区导航帮助区常用的内容页面其界面由标题区、教学内容区、导航帮助区、交互操作区等组成。根据需要可适当增减。标题区:用来显示本页面教学内容的标题。导航帮助区:多媒体课件中的导航策略很重要,它可以知道学习者沿着正确的路径学习,避免迷途或少走弯路。因此在制作脚本时,应有相应内容的描述并在界面上有所考虑。交互作用区:根据学习者操作的习惯,一般位置是在右边、下边或右下角,用于帮助用户选择相应的教学内容。教学内容区:主要用
4、来呈现知识内容、演示说明、举例验证、显示问题等,它们一般是以多媒体信息来呈现的。在安排这些媒体时,重点是对各种可视信息如文本、图形、图像、活动影像、动画等的定位和大小的设计。整个教学内容区在界面上应处于醒目的位置并占有较大的位置。回目录4、封底页面:展示版权和制作者、制作日期等信息。三、界面设计:多媒体课件的界面作为直接面向学习者的人机交互信息传递和导航中介,直接影响到所开发的多媒体课件教学效果的发挥,因此必须出精心设计友好的多媒体课件界面,以获得最佳的效果。多媒体课件界面设计包含:整体设计、交互设计、信息内容设计、转换设计、构成要素布局设计等。详细内容请上机阅读参考资料:多媒体课件界面设计技
5、巧。提高设计水平的方法是多看、多研究、多尝试、多实践。第三部分:界面设计制作过程回目录选题规划设计收集相关素材界面设计素材准备界面制作整体调整界面成品艺术字素材图象素材图形素材视频素材文本素材动画素材背景素材主图素材点缀素材美化素材第一部分:界面设计制作实例回目录下面以多媒体课件三国演义赏析为例说明界面设计制作过程,并介绍设计制作技巧:一、选题:学生文学素养的培养是中小学语文教学的重点内容,而文学素养培养的一个行之有效的途径是引导学生去阅读欣赏名著,本多媒体课件通过对中国古典文学名著三国演义的介绍,让学生产生对这本名著的兴趣,从而引导他们去阅读欣赏,进行研究性学习。Why:这里解决的是为什么做
6、的问题。二、规划设计:通过下列过程来展开学习。引入部分作者简介历史背景三国人物艺术特色课堂练习课后拓展三、界面设计和素材准备:根据规划进行各界面设计和搜集相关素材并作相应处理。详见素材文件夹。What:这里解决的是做什么的问题。四、制作:How:这里解决的是怎么做的问题。综合考试指导:回目录选择与自己专业相关的一个课题,应用学过的技巧设计制作多媒体界面(包括封面、目录、内容、封底页面等)。一、选题:什么是课题?所谓课题,就是从研究方向所指示的问题中所确立的具体研究项目,它可以是有关政治、历史、教育、经济、艺术等文科类的问题,也可以是有关天文、生物、环保、理化、机器人等理科类的问题。一般可以选择
7、自己感兴趣的项目进行研究。作为多媒体课件制作课的研究性学习课题,在选择上应注意是否最后能以多媒体课件的形式把研究结果表现出来。(是否可以用多媒体如文字、图片、声音、动画和视频等表现出来);下面是一些参考课题:五十五个少数民族的风俗特色、名著XXX赏析、西湖美景、话说长江、我的家乡、电脑美术欣赏、奥运历史、神秘的宇宙、动物探秘、高科技军事技术、颜色和情绪引入部分第一部分第二部分第三部分第四部分拓展部分说明部分二、规划设计:通过哪些来展示该课题研究内容。可通过框图形式来表示。如:三、搜集素材:根据需要,通过搜索引擎搜索相关素材并下载保存到相应文件夹中。三、设计制作界面:1、封面页面设计制作:2、目
8、录页面设计制作:3、内容页面设计制作:4、封底页面设计制作:四、制作要求:1、界面大小:一般为800像素600像素,分辨率为72像素/英寸,色彩模式为RGB。2、保存为PSD文件,命名为类别.psd。四个文件打包成rar文件,并命名为“班级代号中文姓名学号.rar”,上传到FTP相应班级目录中。3、存储为jpg文件,上传到论坛相应位置,并作一些说明。多媒体课件界面作用回目录美的多媒体课件界面可以使学习者感到耳目一新。通过感受课件界面上的色彩、图案、物体、创意、动画等元素,形成对课件的第一印象,然后学习者又通过界面上提供的各种信息和功能元素进行学习,可以说多媒体课件界面是学习者对课件最初、最深,
9、也是最重要的印象。因此,在设计制作多媒体课件界面时如果能做到:内容清楚、指示明白、版面美观、有亲切感;那么这样的课件就容易被使用者理解和接受,并有兴趣去使用,从而让使用者更容易掌握和使用。因此规划设计和制作界面是多媒体课件设计制作的一个非常重要的环节。多媒体课件界面设计技巧一、多媒体课件界面构成要素:界面是多媒体课件传递信息的窗口,所传递的信息有两类:交互控制类信息和教学内容信息。控制类信息的表达方式有菜单、按钮、图标、热点、热区等,用户通过使用它们实现对课件的控制操作,例如查看前页、播放、退出、帮助等;教学内容信息表达方式有文本、图形、图像、活动影像、动画,主要用来呈现知识内容、演示说明、举
10、例验证、显示问题等;这些构成了课件界面的组成要素,对界面的设计就是对这些要素的设计。二、设计技巧:1、多媒体课件界面整体设计内容准确简洁:准确就是要求表达的意恩明确,不要使用意思含混、模棱两可的词汇或句子;简洁就是尽可能用较少的文字或简单的图表来表达所需的信息。前后一致:前后一致是人机界面领域的普遍原则,它是将相同类型的信息使用一致的相似方式显示,包括显示风格、布局、位置、所使用的颜色等的一致性以及相似的人机操作方式。色彩搭配协调:色调要鲜明,要为塑造的形象、创造的意境和表现的主题服务。不同的主题、不同的内容应用不同的色调来表现。色彩如果使用不合理,就会对人产生视觉疲劳等方面的心理影响,过分渲
11、染则分散人的注意力。界面布局合理:主题明确;界面各窗口大小合适协调、布局合理;界面中所开的窗口数量不要太多;区域划分清晰,利于用户操作等。界面窗口的大小:界面中所开的窗口数量不要太多,因为窗口的主要目的是帮助学习者能区分画面上的资料,窗口过多、过于复杂就失去了区分的意义。由于计算机屏幕有限,为了使教学信息呈现清楚,教学信息窗口开得越大越好。对于内容较多的,可在窗口边缘采用滚动条或翻页方式。布局:教学信息一般安排在突出的位置,屏幕的左中部,占的空间尽量大;按钮区放在右下角,方便鼠标操作;若一屏还有讲解、练习和帮助信息,则帮助信息放在最底行,讲解放在右边,练习在下方,但最好一屏不要安排这么多内容。
12、其基本要求是要在屏幕平面上设计好空间关系,使布局合理、主体突出、具有艺术感染力,使教学内容生动形象地展示在学习者商前。主题:每一个框面内容最好都有一个主题,出现在窗口较醒目的位置。标题区内容区菜单区帮助首页上页下页结束目录退出2、界面交互设计:多媒体课件中交互功能是通过菜单、窗口、图标、按钮等实现的,其界面的设计原则如下:象征性:使用熟悉的象征物做菜单、图标、按钮时,学习者就能较快地了解其功能,节省熟悉界面的时间。设计时提供一些生活中的象征物,如阅读课件内容,以“书”作为背景象征物;搜索、查询,用“图书馆”、“博物馆”或“放大镜”作象征物等。一致性:菜单、图标、窗口、按钮等界面在课件中的位置、
13、大小、功能和出现的时机要一致,保持相对的固定,整体画面协调,用语前后一致,操作程序标准化,功能键使用一致,信息提示有固定的位置。可用性:一些基本的搜索或换页功能如前页、后页、返回、回主菜单等最好一直留在画面上,并巳有对应的文字菜单,学习者无须记住指令,即可使用菜单,也可使用图标、按钮。3、教学内容信息设计:文字:多媒体文本的设计,应该用尽量少的文字来表明事实的含义。这是因为人们通常不喜欢阅读满屏幕的文字。除在屏幕上尽量减少文字的使用之外,还需注意尽量不要将文字排列成锥体形状。文本中必须要选用容易阅读的字体,除了大型标题可选择一些带有美术色彩的字体外,文本通常应选择易读的字体,文字的颜色也要认真
14、设计,不同内容的文字颜色应设计为不同。底图:随着各种绘图软件的出现,图形扫描仪的不断先进,很多课件的框面都加入了底图,教学内容呈现在底图上,如果底图的颜色较深或底图画面较为突出,这样一方面阅读教学内容较为困难,另一方面喧宾夺主。建议不要用底图,或将底色设置为白色,或只是在框面的左上角、右下角加入小块修饰用图(如小花、小草、小鸟之类的),起平衡画面之用。声音:声音包含语音、音乐和音效等,多媒体课件中的声音声音功能有:引起注意、舒缓等候、提示反应、表示事件进程、提供情景音效、提供反馈等。动画、视频图象:利用动态方式说明教学内容形象生动。应注意与界面其它元素的匹配。可通过加框的方式突出这些内容。4、界面的转换设计:界面间的转换如同电视画面间的转换一样,其设计也具有一定的艺术性,好的界面转换设计有助于学习者理解画面之间的知识结构、知识层次。界面转换设计的基本原则是要使学习者的注意力从这一界面自然过渡到下一界面,中间没有明显的视觉间断感和跳跃感。要达到这一点,必须做到:界面切换自然、恰当处理图形和动画画面的衔接、界面间的衔接必须符合事物发展的规律。第10页