多媒体课件界面设计略谈_多媒体界面设计课件

多媒体课件界面设计略谈由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“多媒体界面设计课件”。

多媒体课件界面设计略谈

现代教育技术专业毕业论文

牛 赟

关键词：

多媒体

课件

界面

设计

内容提要：

多媒体课件以图、文、声、像并茂的方式进行形象化教学，弥补了传统教学在直观感、立体感和动态感方面的不足。一个好的多媒体课件，离不了好的界面设计。界面是联系人和计算机的桥梁，是传播知识的纽带。界面向学习者提供一个赏心悦目的视觉环境，可以激发学习者兴趣，提高学习的积极性。

正文：

界面是计算机系统中人与机器直接打交道的部分。在多媒体课件中，界面的设计综合了文学、音乐、美术、计算机技术等多个学科的内容。据统计，在人类通过感觉器官收集到的各种信息当中，视觉约占65％。因此，在多媒体课件设计过程中，充分考虑人的视觉特性对知识的高效传播是十分重要的。灵活、美观、易操作的人机界面对于调动和激发学习者的兴趣，提高学习积极性，具有重要作用。为此，我们可从以下几个方面考虑来精心设计操作界面。

一、操作简便

多媒体课件是面向学习者的，在设计时要考虑到学习者的特点、能力、知识水平，立足于非计算机操作者进行设计，不应对用户有额外的知识、技能要求。

1.安装使用力求方便。课件是一个软件，它的安装、启动过程应力求简单，一般通过鼠标和键盘的几个简单操作动作即可完成。运行时，课件的结构、内容、主要操作方法、功能键等应该符合人们的操作习惯。

2.菜单力求简明合理。设计时，根据教学内容的需要，把教学内容划分成若干层次，利用菜单技术来实现多层结构，各级菜单应逐层深入，直至覆盖全部教学内容。菜单的分级最好不要超过三级，每级菜单都应设置返回按钮，以便学习者不想往下学习时，可随时返回上级菜单。菜单的表达方式有文字式、图形式、表格式、图文混合式等多种形式。文字菜单比较简单，可设计成下拉的方式，逐级选择子菜单；图形菜单新颖直观，根据教学内容，设计成形象的图标，用鼠标一点就可选中，使用非常方便。实际制作中，用得最多的是图文混合式菜单，它具有文字菜单和图形菜单的优点。在设计时要注意菜单的标题应简单明了，文字表达要言简意明，能表达所要选择的教学内容。

二、多媒体课件界面要简洁

1、力避做成教材的翻版。课件不能仅限于文字教材的“复制”，否则就失去了课件直观、立体、动感的风格，失去“多媒体”所呈现给学习者的视觉美感和读解多媒体教材时产生的心理上的愉悦。

2、是“简洁”不等于“简单”。避免违背教学规律和学习者的认知规律，盲目或错误地更改、删减教学内容的逻辑结构，造成界面层级之间纷乱复杂；或者在媒体选用上过于单一，界面初始元素设计随心所欲，这样势必会影响学习者的学习积极性和对知识信息的有效获取。

3、要力避“华而不实”。课件的最终目的是传授知识，是为教学服务的，不应该让绚烂多彩的画面冲淡要旨。因为片面地追求界面色彩的丰富和显示内容的“豪华”，势必会增大多媒体教材的存储空间，导致执行繁杂，运行速度慢，还容易提供不必要的“无关信息”，转移学习者的注意力，降低课件的教学功能。色彩选择过多或界面元素布局不合理，界面设计无视觉中心也容易造成学习者的视觉疲劳。

三、内容简洁

课件的操作界面避免繁琐，内容应力求准确、简洁明了。

1.准确、简洁。准确就是要求表达的意思明确，不要使用意义含混、模棱两可的词汇或句子；简洁就是尽可能用较少的文字或简单的图表来表达所需的信息

2.重要信息突出。可以在显示中使用黑体字、加下划线、增大字的宽度、闪烁、反白和彩色来强调某些重要的、期望引起学习者注意的信息。在描述局部细微变化时，应采用加圈、放大或特写的方式等。

四、布局合理

人眼只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方，只有先看什么，后看什么，再看什么依次顺序进行。人们在阅读一种信息载体时，视线总有一种自然的流动习惯，普遍都是从左到右，由上到下，由左上方沿着弧形线向右下方流动的过程。

1.恰当布置，主体突出。显示内容应恰当，不应过多，切换不易过快，屏幕不应过分拥挤，四周应留出一定的余地。一般正文每屏不应超过15行，每行不超过30个汉字，如显示不下可采用滚屏技术。字体应选用笔画丰满的字体，大小标题可用不同字体、字号，以区分层次和段落。文字的色彩也应有一定的对比，从而突出主题。

2.重点集中，视点明确。由于计算机屏幕尺寸所限，要求重点集中，视点明确。在同一画面上，不应出现两个以上的兴趣中心，以免分散学习者的注意力。

3.合理预留空行、空格。必要的空行及空格会使结构合理，条理清晰，阅读、查找方便；相反，过分密密麻麻的显示会损害学习者的视觉，也不利于学习者把注意力集中到有用的信息上。4.美观大方，层次清晰。界面设计要美观大方，不落俗套，但也不易过分“花哨”。界面的“花哨”虽然能从心理上加深刺激学习者的感知，但却显得主次不分，并容易使学习者分散注意力，甚至有的媒体成为毫无意义的累赘，而起不到应有的效果。如果必须把多种媒体引入，最好能让操作者控制依次展示，给人以清晰、有序的感觉。

五、前后一致

前后一致是人机界面领域的普遍原则，它是将相同类型的信息使用一致的相似方式显示，包括显示风格、布局、位置、所使用的颜色等的一致性，以及相似的人机操作方式。一致性的交互界面，可帮助学习者把他们当前的知识、经验推广到新课件中去，从而减轻学习者重新学习、记忆的负担。

六、色彩的和谐搭配

设计多媒休课件界面时，颜色运用得当，能使屏幕界面高雅、清爽，教学内容条理清晰，激起学生的学习兴趣，从而可以得到较好的学习效果。但若颜色使用不当，会起到相反的作用。

在运用颜色时要注意以下几个问题：（1）、一个屏幕界面不能同时使用太多的颜色

过多地使用颜色，会转移学习者注意力，这样不仅浪费了学习者对教学内容的学习精力，而且过多的颜色会增加学习者的反应时间，增加出错的机会，易于引起视觉疲劳。因此在同一屏幕界面内，避免使用过多的颜色，一般不应超过四五种。用柔和、平淡的颜色。

（2）、颜色配置应高雅、清爽。

作为背景颜色的色彩选择，应高雅、清爽，不能选用色调太深、太浓的色彩。选择太深、太浓的色彩，一方面会较快地引起学习者的视觉疲劳，另一方面还会造成主体文字色彩难配而造成主体不突出的结果。辅助信息颜色使用强调柔和、平淡。使用低饱和度、低亮度颜色来显示不需强调的辅助信息。

据有关实验表明，人对各种色彩的感受是不一样的。

从感受情绪来说，红色、橙色，黄色使人感到温暖，蓝色、青色、白色 使人感到寒冷；

从感知速度上来说，感知速度最快的依次是红色、绿色、黄色，最慢的 是白色。

而且各种色彩对人的视觉刺激的强度也不一样，一般说来，暖色大于冷 色，原色大于补色，补色又大于消色，红色最强。

所以，在设计多媒体课件的页面时，对色彩的处理必须谨慎，不能只凭个人对色彩感觉的好恶来表现，而要根据内容的主次、风格以及学习对象来选择合适的色彩作为主体色调，如内容活泼的常以鲜艳、亮丽的色调来表现；柔性诉求的则以粉色、紫色系列来传达；政治、文化类的以暖色、绿色来衬托，一些科技类及专业内容则以蓝色、灰色来定调。

（3）、所用颜色的含义要与人们生活中所识的颜色含义相同，不同国家、不同的民族由于其历史经历不同，就同一种颜色而言，其所蕴涵的意义可能各不相同。根据人们的生活习惯，不同的色彩反映了人们不同的感受体验，色彩都有一些较为确定的意义内涵，比如：

红色：停止、火、热、危险 黄色：警告、慢速、测试

绿色：前进、状况良好、清楚、植物、安全 蓝色：冷却、水、安静、天空、中立

暖色：活动中的。要求作出反应的、关系密切的 冷色：静止的、状态信息、背景的、关系疏远的 灰色、白色：中性

由于每一种颜色在人们心目中已约定俗成的含义，所以在使用颜色来表达某种意义的时候，要与人们的期望值相同，否则会引起用户不可思议或产生抵触情绪，造成迷惑和混乱。

（4）、色彩的一致性

在一个多媒体课件中，色彩的含义应保持始终一致，不宜过多地改变。在界面布局中，各区域的背景色、各种按钮的颜色应基本不变。在同一区域中（如教学内容显示区），颜色的运用更应该保持一致，如各种级别标题的背景色、字色应尽量保持不变等。

背景的色彩基调就是课件的整体基调，一般来说，一部课件要有一个整体基调，不管层次多么复杂，课件的整体基调不能变，不能一会儿红，一会儿蓝，一会儿黑，一会儿白，那样，色彩就乱了，使课件内容首先从页面上失去了整体感，从而显得杂乱无章，不统一了。网络课件由于传输速度的需要，根据其文字内容量大、字体小的特点，背景一般采用白色。而单机版多媒体课件（包括电子提纲），背景常采用深色或浅色调，一方面便于衬托媒体，更重要的是为了装饰和美化的方便，如在深色或浅色的背景上可作一些过渡色及边框修饰，镶嵌一些图案、材质和花纹等，起到美观和深化主题的作用，而白色背景在装饰上就受到限制。为了使字幕和图形显得清晰，背景或采用深色或采用浅色，而避免用不深不浅的颜色，否则，字幕和图形不管采用何种色度的颜色，都不能得到清晰的显示。

需要强调的是，课件界面设计中把握色彩的原则是：背景与所衬媒体的色调要基本一致，整幅界面要保持一个主色调，同时，相互之间在颜色的深浅度上要形成反差，以使媒体（主要是字幕）在和谐的背景衬托下显得清爽明亮，整幅页面从色彩上达到和谐美观。

界面的色彩美与教学内容密切相关。色调要鲜明，要为塑造的形象、创造的意境和表现的主题服务。不同的主题，不同的内容，应用不同的色调来表现。根据教学的意境，有的需要明快，有的需要低沉。色彩美是界面艺术美的重要组成部分，它可使学习者在学习过程中得到美的感受，在美的陶冶中增加情趣，得到更好的感知和理解。但色彩如果使用不合理，就会对人产生视觉疲劳等方面的心理影响，过分渲染则分散人的注意力。

七、界面组接流畅

界面间组接的基本原则是要使学习者的注意力从这一界面自然地过渡到下一界面，中间没有明显的视觉间断感和跳跃感。要达到这一点，必须做到：

1.界面切换自然。界面切换要保持在方向、色彩、亮度等方面的协调，如果把反差较大的画面组接在一起，会让人感到不舒服。同时界面间切换应非常迅速，不应出现较长久的等待。

2.恰当处理图形和动画画面的组接。静止图形和一些动画画面不能直接切换，否则会产生跳动，在设计中可以采用淡入、淡出等过渡技巧组接。

3.界面间的组接必须符合学习者的认知规律和事物发展的规律。在表达教学内容时，首先应当介绍整体，然后再仔细分析某一局部；在解释一个问题时，一般是首先提出问题，然后再分析、解决问题。

八、字幕

对字幕的设计从形式上讲，要做到以下几点：

第一，字体的选择要有层次感，要体现知识的层次，体例要统一，避免零乱。从字体的选择来说，依据段落的大小和内容的层次，字体由重到轻、由粗到细排列。

（1）文字密度要合适：在使用文本来传递教学内容时，应该用尽量少的文字来表示事实或概念的含义，不能用满屏都是文本的方法（除电子百科全书外）显示教学内容。用语要精炼，多用短句，排列要整齐，一般采用左对齐方式，当然标题可采用居中方法，数字采用右对齐方法。

（2）文本必须要选用容易阅读的字体。除了大型字号标题等可以选择一些带有美术色彩的艺术字体外，文本通常应选择易识、易读的字体，否则，会因字体太难识别而影响学习效果，应选择简体中文及笔画较粗的字体，若一定要笔画较细的字体（如宋体），则可采用加粗其笔画方式来达到目的。

第二，字色的确定要与背景形成反差。如果字幕与背景的颜色或色度太相近，将会使两者粘在一起；如果色彩繁杂而所以布设，就会破坏了画面的整体美感。解决这些问题，需要注意，一是字色与背景色在颜色上要跳开，在色度上要形成反差。即：深色背景采用浅色字，浅色背景采用深色字。比如：在深蓝色的背景上，可用白色、黄色、淡绿、淡蓝等；在白色或淡粉色的背景上，可用深蓝、黑色或赭石色等，这样，字色就从背景色中从跳出，色度也有明显的反差，字就显得清晰明亮了；二是字色与背景色在色调上要协调统一。也就是说，字色在与背景色保持反差的前提下，色调的冷暖度却要保持基本一致。比如，蓝底、绿底上不要用红字，红底紫底上不要用蓝字等，俗语说：“红配蓝，狗也嫌”。

第三，字色要根据内容层次而形成层次。为了使课件各章节、大小段落之间的层次更加明确，字幕的颜色也可依层而定。比如，在深蓝色的背景上，章用红字（加白边），节用橙色，各标题用黄色，内文用白色，形成了色彩阶梯。使画面色彩丰富又层次分明。

第四，字幕的修饰要慎重。字幕的修饰，一般是指对字进行加边，虚化，投影，立体化，加过渡色，加材质色等，除了总标或大章目的字可稍做修饰外，其它字幕最好采用单色，小字的修饰只能使其显得更累赘，更不清晰。

九、图片不可过滥

为了更直观地把现实生活在中的情景搬入课堂教学，几乎所有的多媒体课件均采用或多或少的图片服务于教学。当然，作为教学内容的图片使用时没有太多的要求，只要能说明问题就行。但有一点需要说明的是：图片文件的体积不能太大，太大了会导致运行或显示的速度比较慢。一般用JPG格式的文件较为适宜，因为JPG图片压缩比可灵活选择，而且图片质量也可基本满足要求。

图片除直接用于显示教学内容外，另一个重要的用途是作为背景而出现，效果好的背景不仅起到美化画面的作用，而且也能揭示出对应教学内容的深刻含义。所以使用图片作为背景要注意以下两点：

（1）背景图片色调不能太深或太鲜艳，否则主题文字颜色不好设置，不仅会使显示教学内容较为困难，而且也会喧宾夺主。

（2）背景图片不能太实，颜色种类不能太多。太实或颜色种类太多同样会起到喧宾夺主而且同样造成主体文字色彩不好设置的结果。所以我们在设计课件界面时，建议不用或少用底图。可以用一些小图片如小花、小草、小鸟等点缀画面，起到美化画面的作用。

十、声音

多媒体课件中的声音包括语言、音乐和效果声三种，除了语言教学声音是必须使用之外，其他课程的课件可根据内容来选用少量的声音。恰当地使用声音文件能起到引起注意、提示反应、表示事件进程、提供情景音效、提供反馈等，然而用不好则起到干扰、噪声的作用。使用声音文件应注意以下几点：

（1）不能太多过滥：过多的声音不但不能帮助学习者学习，反而影响其学习效果。

（2）音量尽量设置可调：每个人对声音的灵敏度不同，同样声压级的声音对有些人来说是悦耳动听，而对另外一些人来说则太大而变为噪音，所以音量可调尤为重要。有两种方式，一种是用Windows桌面任务栏上的“小嗽叭”图标调节，另外在界面上设置调节滑杆或其他方法来直接调节音量。

（3）用声音作转场效果声。这一点在演示型多媒体课件中较为重要。当画面切换时，添加声音能起到提示、警醒作用，对学习者形成新的刺激，使其产生再次学习的冲动。

十一、动画和视频

动画和视频能使学习者较为直观地观看教学内容发生、发展、结束的全过程，具有形象、直观、声形并茂的特点，适当采用能起到加深对教学内容理解的作用。但若为增加趣味性或展示编程技术而过多地加入视频文件，不仅造成课件体积过大，而且还会使课件运行速度较慢，而且某些格式的视频文件需要特殊的驱动程序和播放器，容易造成死机，从而降低课件的兼容性。

使用视频文件应注意以下问题：

（1）体积不能太大：采用压缩比较大的MPG1或MPG4较好，当然采用RM格式的视频文件更好。

（2）学习者能自主控制视频的播放过程：如在视频文件窗口下面设置一些操作控制按钮，如放映、暂行、停止、快进、快退等。来方便学生根据自己的情况进行操作，当然视频窗口的位置和大小也应设置可调。

综上所述，界面的设计不仅要向学习者提供一个交互性强的操作环境，而且还要从用户的视、听感官享受等方面进行全盘考虑。所以在界面设计时，应该把握整体，统筹安排，制作出文字、图形、图像、声音、动画、视频和谐统一的课件，达到最佳的教学效果。

参考文献：

1、何克抗 主编 《计算机辅助教育》 高等教育出版社

1997年版

2、祝智庭等编著《多媒体CAI课件设计与制作基础》电子工业出版社1998年版

3、《色彩》主编吕智凯 陕西人民出版社 1998年版

4、张森、宗绪锋编著《多媒体CAI课件基本原理与制作技术》北京航空航天大学出版社2000年6月版

5、付智怡《注意规律在课件设计制作中的运用》 中国电化教育2002年第2期

多媒体课件界面设计技法略谈

现代教育技术专业毕业论文

牛

赟

二 〇 〇 六 年 六 月