多媒体课件界课件面设计制作

1、回目录11多媒体课件界面设计制作（1十1课时）教学目标1、了解多媒体课件界面规划设计的重要性和基本原则；2、学会多媒体界面设计制作常用技巧；3、会运用学过的知识和技能设计制作出合适的多媒体课件界面。教学重点与难点1、多媒体课件界面规划设计；2、界面设计制作常用技巧；3、知识技能的运用。教学手段多媒体演示教学、研讨法和上机探索练习教学过程引入：在前面的课程中，我们分别研究了图像、图形、文本 等视觉素材的获取、处理和制作方法，今天我们来研究如何综合 运用前面学过的知识技能设计制作多媒体课件界面。思考：界面对于多媒体课件有什么作用？怎样设计制作多媒体界面呢？第一部分:界面设计制作实例第二部分:界面规

2、划和设计第三部分：界面设计制作过程上机作业：1、从FTP中下载教案阅读，并思考：多媒体课件界面有哪些种类？多媒体课件界面包括哪些元素？在规划设计时应注意什么？2、从FTP中下载相关素材，尝试制作多媒体课件三国演义 赏析的各种界面，并发布到 论坛上。3、综合考试：选择与自己专业相关的一个课题，应用学过的 技巧设计制作多媒体界面（包括封面、目录、内容、封底页面等）第二部分：界面规划和设计一、多媒体课件界面类型：1、从内容分：封面页面、目录页面、内容页面和封底页面等。2、从形式分：静态、动态、交互等。这里我们主要研究了静态界面设计制作，动态界面的制作我 们将在研究动画素材再介绍。二、多媒体课件页面分

3、析：1、封面页面：要反映整个课件主题，吸引用户的眼球。2、目录页面：整个课件内容的目录导航，可以点击进入各个 具体的内容页面。3、内容页面：常用的内容页面其界面由标题区、教学内容区、导航帮助区、交 互操作区等组成。根据需要可适当增减。标题区：用来显示本页面教学内容的标题。导航帮助区：多媒体课件中的导航策略很重要，它可以知 道学习者沿着正确的路径学习，避免迷途或少走弯路。因此在制 作脚本时，应有相应内容的描述并在界面上有所考虑。交互作用区：根据学习者操作的习惯，一般位置是在右边、 下边或右下角，用于帮助用户选择相应的教学内容。教学内容区：主要用来呈现知识内容、演示说明、举例验# / 10回目录证

4、、显示问题等，它们一般是以多媒体信息来呈现的。在安排这 些媒体时，重点是对各种可视信息如文本、图形、图像、活动影 像、动画等的定位和大小的设计。整个教学内容区在界面上应处 于醒目的位置并占有较大的位置。4、封底页面：展示版权和制作者、制作日期等信息。三、界面设计：多媒体课件的界面作为直接面向学习者的人机交互信息传递 和导航中介，直接影响到所开发的多媒体课件教学效果的发挥， 因此必须出精心设计友好的多媒体课件界面，以获得最佳的效果。多媒体课件界面设计包含：整体设计、交互设计、信息内容 设计、转换设计、构成要素布局设计等。详细内容请上机阅读参考资料： 多媒体课件界面设计技巧。 提高设计水平的方法是

5、多看、多研究、多尝试、多实践。3 / 10# / 10回目录引入部分课后拓展第一部分：界面设计制作实例下面以多媒体课件三国演义赏析为例说明界面设计制作 过程，并介绍设计制作技巧：一、选题：学生文学素养的培养是中小学语文教学的重点内容，而 文学素养培养的一个行之有效的途径是引导学生去阅读欣赏名著，本多媒体课件通过对中国古典文学名著三国演义的介绍，让学生产生对这本名著的兴趣，从而引导他们去阅读欣赏，进行研究性学习。Why：这里解决的是 为什么做的问题。二、规划设计：通过下列过程来展开学习。7 / 10三、界面设计和素材准备：根据规划进行各界面设计和搜集相关素材并作相应处理。详 见素材文件夹。Wha

6、t：这里解决的是做什么的问题。四、制作：How：这里解决的是怎么做的问题。作者简介 房史背* wfl人餐综合考试指导：选择与自己专业相关的一个课题，应用学过的技巧设计制作多 媒体界面（包括封面、目录、内容、封底页面等）。一、选题：什么是课题？所谓课题，就是从研究方向所指示的问题中所确 立的具体研究项目，它可以是有关政治、历史、教育、经济、艺 术等文科类的问题，也可以是有关天文、生物、环保、理化、机 器人等理科类的问题。一般可以选择自己感兴趣的项目进行研究。作为多媒体课件制作课的研究性学习课题，在选择上应注意 是否最后能以多媒体课件的形式把研究结果表现出来。（是否可以用多媒体如文字、图片、声音、

7、动画和视频等表现出来）；下面是 一些参考课题：五十五个少数民族的风俗特色、名著 XXX »赏 析、西湖美景、话说长江、我的家乡、电脑美术欣赏、奥运历史、 神秘的宇宙、动物探秘、高科技军事技术、颜色和情绪二、规划设计：通过哪些来展示该课题研究内容。可通过框三、搜集素材：根据需要，通过搜索引擎搜索相关素材并下 载保存到相应文件夹中。三、设计制作界面：1、封面页面设计制作：2、目录页面设计制作：3、内容页面设计制作：4、封底页面设计制作：四、制作要求：1、界面大小：一般为800像素X 600像素，分辨率为72像素 /英寸，色彩模式为RGB。2、保存为PSD文件，命名为类别.psd。四个文彳

8、打包成rar 文件，并命名为“班级代号+中文姓名+学号 .ra己 上传到FTP 相应班级目录中。3、存储为jpg文件，上传到论坛相应位置，并作一些说明。多媒体课件界面作用美的多媒体课件界面可以使学习者感到 耳目一新。通过感受 课件界面上的色彩、图案、物体、创意、动画等元素，形成对课 件的第一印象，然后学习者又通过界面上提供的各种信息和功能 元素进行学习，可以说多媒体课件界面是学习者对课件最初、最深，也是最重要的印象。因此，在设计制作多媒体课件界面时如 果能做到：内容清楚、指示明白、版面美观、有亲切感；那么这 样的课件就容易被使用者理解和接受，并有兴趣去使用，从而让 使用者更容易掌握和使用。昨+

9、葡人， 工一剧人的 帝左方学 *<骷匕因此规划设计和制作界面是多媒体课件设计制作的一个非常 重要的环节。多媒体课件界面设计技巧一、多媒体课件界面构成要素：界面是多媒体课件传递信息的窗口，所传递的信息有两类： 交互控制类信息和教学内容信息。控制类信息的表达方式有菜单、 按钮、图标、热点、热区等，用户通过使用它们实现对课件的控 制操作，例如查看前页、播放、退出、帮助等；教学内容信息表 达方式有文本、图形、图像、活动影像、动画，主要用来呈现知 识内容、演示说明、举例验证、显示问题等；这些构成了课件界 面的组成要素，对界面的设计就是对这些要素的设计。二、设计技巧：1、多媒体课件界面整体设计内容准

10、确简洁：准确就是要求表达的意恩明确，不要使用 意思含混、模棱两可的词汇或句子；简洁就是尽可能用较少的文 字或简单的图表来表达所需的信息。前后一致：前后一致是人机界面领域的普遍原则，它是将 相同类型的信息使用一致的相似方式显示，包括显示风格、布局、 位置、所使用的颜色等的一致性以及相似的人机操作方式。色彩搭配协调：色调要鲜明，要为塑造的形象、创造的意 境和表现的主题服务。不同的主题、不同的内容应用不同的色调 来表现。色彩如果使用不合理，就会对人产生视觉疲劳等方面的 心理影响，过分渲染则分散人的注意力。界面布局合理：主题明确；界面各窗口大小合适协调、布 局合理；界面中所开的窗口数量不要太多；区域划

11、分清晰，利于 用户操作等。* 界面窗口的大小：界面中所开的窗口数量不要太多，因为窗口的主要目的是帮助学习者能区分画面上的资料， 窗口过多、过于复杂就失去了区 分的意义。由于计算机屏幕有限， 为了使教学信息呈现清楚， 教学信息窗口 开得越大越好。对于内容较多的，可在窗口边缘采用滚动条或翻页方式。* 布局：教学信息一般安排在突出的位置，屏幕的左中部，占的空间 尽量大；按钮区放在右下角，方便鼠标操作；若一屏还有讲解、练习和帮助 信息，则帮助信息放在最底行，讲解放在右边，练习在下方，但最好一屏不 要安排这么多内容。其基本要求是要在屏幕平面上设计好空间关系，使布局合理、主体突出、具有艺术感染力，使教学内

12、容生动形象地展示在学习者商刖。* 主题：每一个框面内容最好都有一个主题，出现在窗口较醒目的位 置。菜单区标题区内容区帮助 首页 上页 下页 结束 目录 退出2、界面交互设计：多媒体课件中交互功能是通过菜单、窗口、图标、按钮等实 现的，具界面的设计原则如下：象征性：使用熟悉的象征物做菜单、图标、按钮时，学习 者就能较快地了解其功能，节省熟悉界面的时间。设计时提供一 些生活中的象征物，如阅读课件内容，以“书”作为背景象征物； 搜索、查询，用“图书馆”、“博物馆”或“放大镜”作象征物等。一致性：菜单、图标、窗口、按钮等界面在课件中的位置、 大小、功能和出现的时机要一致，保持相对的固定，整体画面协 调

13、，用语前后一致，操作程序标准化，功能键使用一致，信息提 示有固定的位置。可用性：一些基本的搜索或换页功能如前页、后页、返回、 回主菜单等最好一直留在画面上，并巳有对应的文字菜单，学习 者无须记住指令，即可使用菜单，也可使用图标、按钮。3、教学内容信息设计：文字：多媒体文本的设计，应该用尽量少的文字来表明事 实的含义。这是因为人们通常不喜欢阅读满屏幕的文字。除在屏 幕上尽量减少文字的使用之外，还需注意尽量不要将文字排列成 锥体形状。文本中必须要选用容易阅读的字体，除了大型标题可 选择一些带有美术色彩的字体外，文本通常应选择易读的字体， 文字的颜色也要认真设计，不同内容的文字颜色应设计为不同。底图：随着各种绘图软件的出现，图形扫描仪的不断先进， 很多课件的框面都加入了底图，教学内容呈现在底图上，如果底 图的颜色较深或底图画面较为突出，这样一方面阅读教学内容较 为困难，另一方面喧宾夺主。建议不要用底图，或将底色设置为白色，或只是在框面的左上角、右下角加入小块修饰用图（如小 花、小草、小鸟之类的），起平衡画面之用。声音：声音包含语音、音乐和音效等，多媒体课件中的声 音声音功能有：引起注意、舒缓等候、提示反应、表示事件进程、 提供情景音效、提供反馈等。动画、视频图象：利用动态方式说明教学内容形象生动。