|
此文发表在<<电脑知识与技术>>2004-6期 崔学敬 内容摘要：多媒体课件界面设计的水准如何，不仅影响界面的美观，而且还直接影响最终教学效果。本文从界面设计的基本原则和具体的操作方法上，如布局设计、多媒体素材设计以及色彩设计等，探索了课件界面设计的一般规律。 关健词：课件、界面、原则、方法 一、多媒体课件界面设计的重要性 由于多媒体课件是集文字、图形、图像、动画、视频等于一体的教学软件，它能充分调动学生的各种感官，克服了只靠单一感官接受信息的局限性，而达到较好的教学效果。目前，随着计算机硬件、软件的价格降低以及操作的易用性，多媒体课件被广泛地应用到课堂教学及网络教学。然而，任何事物都有两面性。由于多媒体课件是集多种媒体于一体，在设计界面时，不仅要注意某一种媒体的使用方法、功能特点及注意事项，更要注意整体界面的协调性、一致性，充分调动学生的有意注意，才能达到较为理想的教学效果。否则制作出的课件将会使学生被多媒体信息所淹没，造成注意力分散，抓不住重点及疲劳较快等，从而较大地影响教学效果。长期以来，在我国各级各类学校中，多以任课教师开发自己所教课程的课件为主，课件教学内容的设计一般都比较好，但这些课件很少能推广普及，其中一个重要原因是由于界面设计上存在的问题。大家知道，目前的商品市场，不仅对产品质量有较高的要求，而且外包装也要高档次，有的产品外包装开销占整个产品价格的70%以上。作为软件产品的课件也是这样，不仅要有好的内容，如果包装即界面设计不当或不重视，很难被广大用户（学生）所接受。 二、课件界面设计的原则 计算机课件界面设计与其说是计算机操作领域范畴，更不如说是艺术领域的内容。它是课件与用户打交道的第一面孔，它的设计档次如何，将直接影响用户对你的课件的第一印象，甚至是最后印象。好的界面设计，能使学生在计算机环境下学习的有限时间内，不仅能很快地适应学习环境、熟悉操作，而且还能通过多媒体信息刺激感官和大脑，很快进入积极主动的学习状态，获得良好的学习效果。所以良好的人机界面设计，不仅能更有效地实现学习现有知识，而且还能更有效地引导学生的思维向纵深发展。所以界面设计是计算机知识与平面艺术紧密结合的领域，它不仅要求有较闲熟的计算机操作能力，而且还要有较高的审美观点及较高的艺术修养。下面就界面设计应遵循的一般原则，谈一些个人的观点。 1、易学易用原则 一个容易学习和容易使用的软件，才可能是一个好的软件，否则即使你的教学软件采用的技术再先进，教学方法再优秀，而你所设计的软件别人很难学会使用，甚至要想使用你的教学课件，花费学习课件本身使用方法的精力，大于你的课件所传授的内容的精力，那就失去意义了，这个课件就没有生命力了。所以易学易用原则是最重要的一个原则，要解决这个原则可采用以下两种方法： （1）采用导航系统。目前的课件均采用超媒体技术，它是根据教学目标的要求，把教学内容用有关的多媒体信息如文本、图形、图像、声音、动画、视频等组织起来，组成一个较为复杂的网络系统，学生学习使用时容易失去方向，或者增加不必要的认知负载。在课件设计时，设置灵活的导航系统，可以帮助学生根据自己的知识结构，选择合适的学习内容，或者更加方便地转入各章、各节内容的学习，或者在任何地点都能回到总目录或退出整个课件等。 （2）联机帮助：在Windows操作系统中，在我们操作任何步骤时，只要单击一下F1，那么当前操作的详细步骤或方法均显示出来了，这就是联机帮助，在设计课件时同样可以采用这种方法。根据界面中教学内容的位置，设置转向其他章节或相关章节的步骤和方法。这样，整个课件的联机帮助就构成了一套联机帮助手册，当然联机帮助的调用方法是采用按键方式（如Windows采用按键方式F1）还是按钮或图标方式，因使用方便或编制课件软件的功能而定。 2、简介明了原则 简介明了原则要求课件界面上的用语应准确、简单、明了。提示、指导、帮助内容或对话框提示语句应多采用一些日常用语无二义性语句。且记多显示几个字不要紧，但一定要明了，不能过于简略或概括，更不能采用专用词语或用语。过于追求多媒体、多效果，将会大大增加学习者的额外学习负荷。 3、一致性原则 以前学过DOS操作系统的人都知道，学习过程中，不仅每一个命令的格式、参数不同，就是不同的应用程序，其界面也大相径庭，不同的程序其菜单帮助系统等位置和功能各不相同。要想学习某一程序语言，首先必须学习界面的组成，然后再学习其具体语句。而现在的Windows操作系统，给人的感觉就是，学习了某应用程序（如Word2000）再学习其他应用程序（如Excel 、Powerpoint）等自然而然地很快就能掌握。其原因就是这些应用程序界面的一致性好，学习了一种程序或窗口，其中的菜单、工具栏、格式栏等与其他应用程序的基本完全一样。我们在设计多媒体课件界面时，也要讲究一致性问题。显示操作方式相同的界面，其界面应该是一致的。界面的一致性，目的也是为了减少学生的认知负荷，把有限的精力用在教学内容的学习上，而不是学习界面的操作上。 4、响应性原则 随着计算机硬件档次的提高，计算机处理问题的速度越来越快。然而现在的计算机软件（包括多媒体课件）不仅自身的体积越来越大，而且其调用的程序或对象也越来越大，这就决定了其运行将占用较长的时间。另一方面，现在人的等待心理时间已越来越短，如我们上网时，单击了某一对象，时间稍微长一点，就等得不耐烦了，干脆关闭其窗口，另外选择目标。所以我们设计多媒体课件时，要采用响应性原则，用最直接、快速的方法来响应用户的操作，让其明确知道其所作出的操作已经被接受并正在执行。例如以反白、变色动作来表现某个对象已被选中，显示一个沙漏或手表形状表示命令正在执行中，或者干脆显示如“文件正在打开/转换，请称候”等语言来提示用户要耐心等待。这种方式在互联网上已普遍使用了。 5、适应性原则 学习者个别差异的存在是一种无法回避的事实，即使是同一分数进校的同班大学新生，其知识结构也不完全相同。建构主义学习理论认为，学习者学习知识，是在其原知识结构的基础上丰富和发展的。所以我们设计课件时，应充分考虑学习者的差异。不仅把所授内容划分几个档次，也要把新知识所必须的基础知识划分几个档次，一并包含在课件内，以方便学习者根据自己的知识结构来选择自己的学习路径，这就是课件的适应性。 6、灵活性原则 灵活性原则实际上从大的方面说，应该包含在适应性原则之中的，然而又有所区别，它也是根据学习者层次而适应学习者的过程，一个真正灵活的系统允许一个人用与他的知识技能和经验相称的方式与计算机交流，如显示不显提示，允许缺省设置，建立用户记忆等。 三、屏幕界面的设计方法 （一）屏幕对象布局 多媒体课件中的元素，除了音频视频外，均以幅为单位呈现在学习者面前的。一幅画面的布局如何，不仅直接影响整体效果而且还会直接影响学生的学习效果，所以屏幕的布局致关重要。通过人眼定位的研究表明：人们看到信息显示时，第一眼往往看显示屏左上部中间的位置，并迅速向顺时针方向移动，人的感觉机制总是寻求有序、有意义的信息，在遭遇混乱时总是试图强行建立有序结构，因此无论一个屏幕是富有含义、具有明显格式，还是混乱、模糊，人总是迅速地辨认和理解，因此，屏幕的编排应该具有均衡、规整、对称、有可预料性、经济、简明、连续、比例协调等规律。所以根据以上规律，多媒体课件的屏幕构成元素一般都具有其放置的规律。如下图所示：
在屏幕布局设置过程中，应该注意以下几方面的问题： 1、画面整体效果美观 一个屏幕只要设计得具有美观、大方、令人赏心悦目，才能吸引学习者的注意力，才能快速地传递教学信息。画面的美观要求画面具有均衡，对称、规整等。 2、简洁明了 简洁明了地使用显示元素，以便学习者尽可能简单地得到信息，经济的屏幕设计意味着调用尽可能少的显示元素来达到使用者所需求的目的。错综复杂，一味追求多媒体、多效果是一种偏离简洁明了这一样原则的，它将过多地吸引学习者的无意注意，而影响学习效果。 3、可预见性：根据一致性原则，窗口的组成或操作具有可预见性。观察一幅图像，人们就可以预测出相邻一幅图像将是什么样，看一幅图示图像的一部分，人们可以预测剩余部分是怎样的。 （二）多媒体素材设计 多媒体课件要用到多种媒体形式，如：文本、图形、图像、动画、视频和音频等。如果说界面设计得合理、美观，而具体内容不加注意的话，整体教学效果同样会大大折扣，下面就各种媒体形式作一介绍。 1、文本 语言文字是人类最早用来记载和传递信息的符号系统，在人类的文明史中，文字有着辉煌的地位。它能使人类的思维简洁化、概括化、富有逻辑性，所以语言文字在传统的教学中担负着十分重要的角色。就是在目前的多媒体课件中，文字依然承担着表意、说明、概括、总结等作用，依然是传递教学信息的主要载体。在计算机系统中，我们把文字和符号统称为文本。在使用文本时我们要注意以下几个方面的问题。 （1）文字密度问题：在使用文本来传递教学内容时，应该用尽量少的文字来表示事实或概念的含义，不能用满屏都是文本的方法（除电子百科全书外）显示教学内容。用语要精炼，多用短句，排列要整齐，一般采用左对齐方式，当然标题可采用居中方法，数字采用右对齐方法。 （2）文本必须要选用容易阅读的字体。除了大型字号标题等可以选择一些带有美术色彩的艺术字体外，文本通常应选择易读的字体，否则，会因字体太难识别而影响学习效果，另外，在国内使用，应选择简体中文及笔画较粗的字体，若一定要笔画较细的字体（如宋体），则可采用加粗其笔画方式来达到目的。 （3）字色、字号应满足教学需要。 文字的颜色可根据教学内容而定，要体现出教学内容层次。如一级标题、二标级题、三级标题和正文分别用不同的字色，但也要避免一屏颜色过多，造成花花绿绿，一大片的结果。字号不能太小，字间距、行间距要达到较易识别的目的。 上述文本使用过程中的注意事项，在用于演示型多媒体课件中尤为重要，否则将会造成字体太小，文字太密集，及颜色太刺眼的结果，会严重影响课堂教学效果。 2、图片 目前，为了更直观地把现实生活在中的情景搬入课堂教学，几乎所有的多媒体课件均采用或多或少的图片应用于教学。当然，作为教学内容的图片使用时没有太多的要求，只要能说明问题就行。但有一点需要说明的是：图片文件的体积不能太大，太大了不仅体积大，而且更重要的是运行或显示的速度也较慢。一般用JPG格式的文件较为适宜，因为JPG图片压缩比可灵活选择，而且图片质量也可基本满足要求。 图片除直接用于显示教学内容外，另一个重要的用途是作为背景而出现，效果好的背景不仅起到美化画面的作用，而且也能揭示出对应教学内容的深刻含义。所以使用图片作为背景要注意以下两点： （1）背景图片色调不能太深或太鲜艳，否则主题文字颜色不好设置，不仅会使显示教学内容较为困难，而且也会喧宾夺主。 （2）背景图片不能太实，颜色种类不能太多。太实或颜色种类太多同样会起到喧宾夺主而且同样造成主体文字色彩不好设置的结果。所以我们在设计课件界面时，建议不用或少用底图。可以用一些小图片如小花、小草、小鸟等点缀画面，起到美化画面的作用。 3、声音 多媒体课件中的声音包括语言、音乐和效果声三种，除了语言教学声音是必须使用之外，其他课程的课件可根据内容来选用少量的声音。恰当地使用声音文件能起到引起注意、提示反应、表示事件进程、提供情景音效、提供反馈等，然而用不好则起到干扰、噪声的作用。使用声音文件应注意以下几点： （1）不能太多：过多的声音不但不能帮助学习者学习，反而影响其学习效果。 （2）音量尽量设置可调：每个人对声音的灵敏度不同，同样声压级的声音对有些人来说是悦耳动听，而对另外一些人来说则太大而变为噪音，所以音量可调尤为重要。有两种方式，一种是用Windows桌面任务栏上的“小嗽叭”图标调节，另外在界面上设置调节滑杆或其他方法来直接调节音量。 （3）用声音作转场效果声。这一点在演示型多媒体课件中较为重要。当画面切换时，添加声音能起到提示作用。 4、动画和视频 动画和视频能使学习者较为直观地观看教学内容发生、发展、结束的全过程，具有形象、直观、声形并茂的特点，适当采用能起到加深对教学内容理解的作用。但若为增加趣味性或展示编程技术而过多地加入视频文件，不仅造成课件体积过大，而且还会使课件运行速度较慢，而且某些格式的视频文件需要特殊的驱动程序和播放器，容易造成死机，从而降低课件的兼容性。 使用视频文件应注意以下问题： （1）体积不能太大：采用压缩比较大的MPG1或MPG4较好，当然采用RM格式的视频文件更好。 （2）学习者能自主控制视频的播放过程：如在视频文件窗口下面设置一些操作控制按钮，如放映、暂行、停止、快进、快退等。来方便学生根据自己的情况进行操作，当然视频窗口的位置和大小也应设置可调。 （三）、色彩的运用 1、色彩的功能 大自然是丰富多彩的，作为表达或反映客观世界的知识――教学课件当然也不能离开颜色的表现。正确的使用颜色，能使屏幕构图美观，教学内容表达清晰，层次条理分明，从而使屏幕且有较强的吸引力，而达到教学内容从机器向学习者的转化。总的来说，色彩在屏幕界面设计中具有以下几个功能： （1）、组织屏幕信息功能 在设计多媒体教学课件时，根据屏幕界面的布局，为各组成部分填充不同的背景颜色，可使屏幕所呈现的信息更清晰，利于学生对区域的识别，从而便于操作和分辨，减少学生的认知负荷，从而达到提高学习效果的目的。如因屏幕大小有限，教学内容无关的信息显示在一起，可用不同背景色将其区分，而教学内容有关的信息不得分离显示时，可以用同一背景颜色将其联系在一起。 （2）、突出、强调功能 当在屏幕上需要显示大量文字时，可以为不同的级别标题设置不同的颜色，利于识别，使条理更清晰。也可以把同一级别的大量文字中的需要强调或需要解释的关键词语不同颜色表示。在显示表格时，也可把表格中的表头或左侧一列的背景和字的颜色，设置为与正文背景色和字色不同的颜色，使其更清晰。 （3）、提示、警示作用 用色彩作为信息的提示、警示作用，被广泛地应用在人们的生活当中。如美国目前用五种不同的色彩来代表恐怖活动的五个不同级别；交叉路口用红、黄、绿代表不同的停止、行走信息。在设计多媒体课件界面时，我们同样可以用不同的颜色来代表不同的提示或警示信息。如用绿色的按钮表示“开始”按钮，红色的按钮表示“停止”按钮，红色边框文本框表示标题区；蓝色边框文本框表示正文区；红色区域显示警告信息；黄色区域提供帮助信息。 （4）、增添屏幕的吸引力，激起学习者学习兴趣 电视机从黑白过渡到彩色、电脑显示器从单色过渡到彩色的历程能够说明，人们喜欢颜色，而且颜色越丰富越能逼真地反应客观世界。在设计多媒体课件时，恰当地使用颜色，能使屏幕呈现丰富的颜色，更能吸引学习者学习兴趣，使其保持较长时间注意力去注意屏幕上的教学内容，从而可以达到较好的学习效率。 2、运用颜色应注意的问题 设计多媒休课件界面时，颜色运用得当，能使屏幕界面高雅、清爽，教学内容条理清晰，激起学生的学习兴趣，从而可以得到较好的学习效果。但若颜色使用不当，会起到相反的作用，在运用颜色时要注意以下几个问题： （1）、一个屏幕界面不能同时使用太多的颜色 过多地使用颜色，会造成颜色本身给学习者带来的信息过多，这样不仅削弱了学习者对教学内容的学习精力，而且过多的颜色会增加学习者的反应时间，增加出错的机会，易于引起视觉疲劳。所以在同一屏幕界面内，避免使用过多的颜色，一般以四五种为限。 （2）、颜色配置应高雅、清爽。 作为背景颜色的色彩选择，应高雅、清爽，不能选用色调太深、太浓的色彩。选择太深、太浓的色彩，一方面会较快地引起学习者的视觉疲劳，另一方面还会造成主体文字色彩难配而造成主体不突出的结果。 （3）、所用颜色的含义要与人们生活中所识的颜色含义相同，不同国家、不同的民族由于其历史经历不同，就同一种颜色而言，其所蕴涵的意义可能各不相同。如同样是蓝色，对好来坞影迷来说，意味着温柔和色情，而对医学界来说，蓝色则意味着死亡等等。但就我们国家而言，由于各民族历史经历基本相同（各民族长期混居），所以对每种颜色的含义基本上是相同的，如红色表示停止、火、热、危险；而蓝色则代表冷却、安静；黄色代表警告、慢速；绿色代表开始、环保、心情舒畅等等。由于每一种颜色在人们心目中已基本有了对应的含义，所以我们在使用颜色来表达某种意义的时候，要与人们的期望值相同，否则会引起用户不可思议或产生抵触情绪，造成迷惑和混乱。 （4）、色彩的一致性 色彩的一致性是指在一个多媒体课件中，色彩的含义和应保持始终一致，不宜过分地改变。在界面布局中，各区域的背景色、各种按钮的颜色应基本不变。在同一区域中（如教学内容显示区），颜色的运用更应该保持一致，如各种级别标题的背景色、字色应保持不变等。 多媒体教学课件是目前以计算机网络为主要载体的重要教学资源，编制多媒体教学课件是一个在人力、物力、财力等花费巨大的系统工程。笔者认为只要我们掌握课件界面的设计原理和方法，经过反复实践，我们一定能够编制出能被广大学习人员所接受的多媒体课件来。
参考文献 1、何克抗 主编 《计算机辅助教育》 高等教育出版社 1997年版 2、祝智庭等编著《多媒体CAI课件设计与制作基础》电子工业出版社1998年版 3、郭向勇主编《现代教育技术应用教程》广东高等教育出版社广州1999年11月版 4、张森、宗绪锋编著《多媒体CAI课件基本原理与制作技术》北京航空航天大学出版社2000年6月版 5、李康等编著《设计原理与制作基础》暨南大学出版社2001年4月版 6、付智怡《注意规律在课件设计制作中的运用》 中国电化教育2002年第2期 7、周静谦《多媒体课件中素材编辑处理技术》中国电化教育2001年第6期 作者：中共安徽省委党校电教中心 崔学敬 邮政编码：230022 电话：0551-2173461 13095511659 E－Mail:cxj2@ah163.com |
|
|
