virtual riot 个人资料:多媒体CAI课件的用户界面设计

一、引言

多媒体CAI课件的用户界面设计是一个常讲常新的问题。其设计和开发是一项复杂系统工程，它涉及到教育学、心理学、计算机科学、信息学、美学等诸多学科理论，需要由学科教师、教学设计专家、美工、多媒体制作等专业人员来协作完成。但由于在人力、财力有限的情况下，我们往往需要制作一些小规模的不必出版发行仅供教学使用的CAI课件，来达到激发学生的学习兴趣，提高教学质量，优化教学手段的目的。这就需要我们能够了解学生的思想、需求，能依据教学设计理论进行教学过程的设计，遵循CAI课件交互界面设计时的基本原则，优化我们的CAI课件质量。

二、           多媒体CAI课件界面的构成元素

 界面是一个窗口，它是将不同的元素进行编排，并使之成为一个连贯的整体。从实质上讲，众多才艺、技能和感觉联合构成用户看到的实际内容；在观念上，用户界面反映了这些部分的总和而并非这些部分本身。就目前多媒体软件来讲，这些元素主要分为两类，一类是控制元素，包括菜单、按钮、图标以及各种产生交互的热区和热字；另一类是内容元素，它包括图片、声音、动画以及文字等等。按照Minsky的全方位观点，成功的界面设计不仅仅依赖于图片和声音，还依赖于比图片和声音更精细的元素。因此，界面设计的原则成为人们探索和创新的焦点。

三、           多媒体CAI课件界面设计原则

为了让学习者在使用多媒体CAI课件时，很快地适应学习环境、熟悉操作，而且要通过多种媒体信息刺激感官和大脑，很快进入积极主动的学习状态，获得良好的学习效果。因此，友好的界面设计不仅能更有效地实现个别化教学，而且能通过人机对话引导学生思维向纵深发展，同时能使学生在良好的心理状态下进行积极主动地学习。这就需要我们在进行CAI课件界面的设计时应遵循以下基本原则：

1  一致性

这需要我们从两方面理解。一方面，从整体而言，对于一个完整的CAI课件来说，应有一个统一的风格。即课件中各章节的风格应保持一致。风格可从色彩、构图、人机交互响应等方面来衡量。在统一风格的大前题下，可做适当的调整，以改变使用者的视觉效果。这样可以使学习者的思路清晰，不易产生紊乱情绪。另一方面，从局部而言，同样的界面控制元素应有相同的行为动作。如：起同样作用的图标或具有同样图案的按钮应该产生相同的行为动作，这样能减少学习者认知上的负担，避免引起思维上的混乱或无所适从。

2  适应性

在进行CAI课件界面设计时，应注意界面的适应性。一方面它包括对于不同学习者的适应，即适应学习者的个别差异，尽量让不同的学习者均可获得他们所需的学习方式。对于不同认知风格的学习者提供不同的学习与操作方法。另一方面的适应性是指其综合性，目前的多媒体CAI课件可分为助学型和助教型，有的课件既可用于学习者自学时使用又可作为教师的辅助教案，我们称之为综合型。我想，一个完美的CAI课件可通过一些功能按钮的控制（如讲解词的有无），来有效地沟通两者，达到良好的适应性。

3  清晰性

所谓清晰性就是要求多媒体CAI课件及其各种提示信息应简单明了。如按钮对象可加上“上一页” 、“下一页” 、“返回”等文字提示。特殊交互的地方可适当的加以文字注释，使课件的使用更简易化。在我们的课件制作中，每一个交互动作都给出了相应的文字说明，达到了清晰简明的效果。另外还要注意课件结构的清晰性，尤其在应用导航结构时页面之间的跳转要有一定的关联性。

4  任意跳转性

是指学习者可从当前页任意跳转到想要学习的内容页上。即加强CAI课件的交互性，这样可以减轻学习者的学习负担，节省时间，便于学习内容的浏览及知识要点的查询。如在界面设计时可设计一个目录按钮，把整个课件的章节标题以目录的形式展示出来，点击各个标题进入不同的页面中去，使学习者可以随心所欲地进行各章节的学习。

5  易学易用性

多媒体CAI课件的最终用户是教师或者是学生，一个好的CAI课件除了要依据学习理论、教学理论和教学设计理论进行课件内容设计外，还应该能使用户很容易地学会如何使用它，因为对于计算机操作能力较弱的用户来说过于复杂的CAI课件会使他们花费较多的时间在使用方法上，而耽搁正常的教与学。因此我们的多媒体CAI课件界面设计应尽量简便,在使用方面应尽量符合常规的设计原则，交互响应应该科学、合理、符合人们的常规动作与思维形式。另外对于部分制作较为复杂的多媒体CAI课件来说，我们可以设计一个导航系统指导学生如何使用该课件，让他们知道通过该软件他可以做些什么。现在一些优秀商用软件的通行做法是，当软件安装完毕和开始运行时，一套指导用户如何使用该软件的课程会自动运行，使用户在实际使用前就先对软件的基本操作方法有个大概的了解。

四、           屏幕的布局、色彩与文字用语设计

多媒体CAI课件的屏幕设计主要包括屏幕对象的布局（即构图）、色彩的运用和文字用语的选择等。计算机屏幕所具有的空间是有限的，如何才能使有限的空间发挥最大的作用，且不让用户产生局促感和杂乱感是相当重要的。从美学角度来看，多媒体CAI课件的交互界面设计，应考虑到以下方面的问题：

1  对象的布局（构图）

通常在多媒体CAI课件中，屏幕中会有文字、图像、动画、视频等多种媒体对象，如何合理地安排屏幕对象的位置使屏幕对象的布局协调、美观，在进行屏幕对象布局设计时应注意以下几点：

l         主次分明，突出主体。

屏幕上的内容通常由教学内容、背景、陪衬、按钮、空白区等组成，应依据屏幕对象的重要程度进行安排。如依据人们的视觉心理，中心位置是人们首先注意到的地方，所以屏幕中心为需要强调的教学内容区，按钮可放在屏幕的左、右、下三边缘处，陪衬可放在屏幕的一角上，来烘托整个画面。人们对空白区的概念较为薄弱，下面着重讲一下空白区在界面设计中的作用：

正如我们所知道的速度很快的说话方式适合体育新闻的播报，但不适合做节目主持人，原因是每句话中的空白量太少。界面设计的空白量问题也很重要，无论排版的平衡有多好，读者一看到界面的空白量就已经给它打好分数了。所以，千万不能在一个界面上放置太多的信息对象，以至界面拥挤不堪。没有空白区就没有界面的美。空白的多少对界面的印象有决定性作用。空白部分多，就会使格调提高并且稳定界面；空白较少，会使人产生活泼的感觉。设计信息量很丰富的杂块界面时，用较多的空白就不太合适。

读者可以参考下图的界面设计，该图的界面设计就严格遵守了这一规律。

l          画面中的动静结合

在多媒体CAI课件的界面设计中，要注意整个界面的动静变化。动感的画面可以使人产生较为强烈的视觉刺激，从而激发学习者的学习兴趣。所以尤其在拥有大量文字和静态图片的CAI课件中，应注意动的因素，将一些与课件内容有关的小动画带入课件中，以激活整个界面，从而激发学习者的兴趣。要做到动中有静、静里存动，但不杂乱的原则。另外在一个多媒体应用系统中，动画除了是指文字或图形的平面移动、三维动画影像外还指界面场景间的变换，即界面组接。界面间组接的基本原则是要使学习者的注意力从这一界面自然地过渡到下一界面，中间没有明显的视觉间断感和跳跃感。要做到这一点，必须注意：

Ø         界面切换自然。界面切换要保持在方向、色彩、亮度等方面的协调，如果把反差较大的画面组接在一起，会让人感到不舒服。同时界面间切换应非常迅速，不应出现较长久的等待。因技术原因，如读盘速度跟不上等情况出现等待时，应给出“正在读入数据，请稍等…”之类的提示信息。

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

l         简明性

力求以最小的数据显示最多的信息，去除累赘的文字和图片。若实在有大量的文字需要显示时，可采用一些布局合理、美观的构图，并结合文本滚动条的形式、翻页的形式或超文本的形式达到画面的简明性。

一种屏幕布局的设计实例如下图，可供参考：

                                                                                                                       2    色彩运用

在CAI课件中，借助色彩可以逼真地反映客观世界，增强屏幕的吸引力，激发学习者的兴趣。色彩要为创造的情景、表现的对象服务。不同的主题、不同的内容，应采用不同的色彩来表现。恰当地运用色彩可以使学习者在学习的过程中得到美的感受，在美的陶冶中增加情趣，有利于学习者更好地感知和理解学习内容。而色彩的不当使用往往会适得其反，破坏整个设计。在界面设计上，色彩有三种基本的作用：识别、对比和强调。色彩可以用在不同的画面元素上，如背景、文字、线条等。在选用色彩时，首先要明确色彩使用的目标任务，即色彩的作用是辅助交流。我们最终要达到的目标是完成信息从机到人的有效传送。在合理应用色彩时，应注意以下几点：

l         避免色彩太多太杂

在进行多媒体CAI课件的界面设计时，一幅画面中不要使用太多的色彩，一般以四、五种为限。因为过多的色彩会增加学习者的反应时间，增加出错机率，易于引起视觉疲劳。

l         色彩的协调性

屏幕上同时出现的色彩，特别在空间位置上邻近的色彩一定要和谐，尽量避免将对比强烈的色彩放在一起，即互补色应尽量少用在这里。如红/绿、红/蓝、绿/蓝、橙/紫等，因为用户注视太久的话，就会产生视觉闪烁。除非要形成一种对比或强调效果，所有文字以同一色彩表示，除非是特殊字词（如超文本中的热字等）。

l         色彩的强调对比作用

从色彩效果看，红色、黄色和橘色有凸出显示和突出画面的效果，而紫色、蓝色和绿色则有住后退缩的效果。对于有明亮颜色的物体，视觉上会有扩大的效果，而暗一点的颜色则会起到缩小形状的效果。所以在界面色彩的使用中要注意活动中的对象与非活动中的对象色彩应不同。活动中的色彩要鲜明，非活动中的色彩应暗淡。以暖色、饱和、鲜明的色彩作为活动中的前景，以冷色、暗色、浅色作为背景。

l         定义色彩的含义要与用户的色彩经验一致

在CAI课件界面设计中，使用色彩要和现实生活一致。如绿色表示通行，红色表示停止。另外色彩有其一定的情感意义，例如红色使人联想起火、太阳，这样红色便有了温暖、热烈的感觉。绿色可以唤起人们对自然的遐想。

l         色彩的统一

色彩的统一，指的是整个课件界面的基本色调统一，色彩的基调对于烘托主题思想，表现环境氛围，构成一定的情景有重要作用。这也是体现CAI课件一致性原则的重要指标。

3    文字与用语

多媒体CAI课件中包括了大量的文字信息，是学生获取知识的重要来源。在多媒体CAI课件中使用文字，最基本也是重要的原则就是简洁、精确、有感染力。

l         文字内容简洁、突出重点

文字内容应尽量简明扼要，以提纲形式为主。使用文字表达诸如概念、原理、事实、方法等学习内容时，切忌像书本那样长篇大论。要充分考虑屏幕的容量，合理地取舍要表达的内容，语言精炼贴切，以最少的文字表达尽可能多的信息。有些实在舍不去的文字材料，如名词解释、图表等，可采用热字、热区交互形式，阅读后单击或自动消失。要有大量的文字段落可用滚动条字幕来加以表现。同时，还要照顾文字用语与其它媒体元素的关系。如文字对图形、图像的补充说明；对功能按钮的解释等。

l         文字的字体、字号与字型要合适

文字内容的字体不宜过多（一个界面上的字体至多三种为宜）。字号不能太小，选择的字体要醒目，一般宜采用宋体、黑体和隶书。对于文字内容中关键性的标题、结论、总结等，要采用不同的字体、字号、字型和颜色加以区别。根据分析，为了视觉的舒适感，呈现在电脑屏幕上最小并清晰的中文字型应为16*16点阵字型的仿宋体，为了适应人们横向阅读中文的习惯，一列最多不超过35字。

l         文字和背景的颜色的搭配

其基本原则是：醒目、易读、不宜产生视觉疲劳。文字和背景的色相区分度应较大，明暗度适宜。浅色背景要配以深色文字，相反深色背景应适当的配以浅色文字来烘托（如白/蓝、白/黑、黄/黑等）。

五、 界面设计中的声音元素运用

声音在一个多媒体应用系统中是非常重要的，虽然它无法在界面中可见，但合理的声音运用可以使整个界面设计的效果得以美化，声音在多媒体应用系统中大体以三种方式出现：

旁白、音效和音乐。

Ø         好的旁白应该是能够使用最少的文字来表达最多的意思。有效的旁白是非命令式．具有说服力的,它不仅提供事实让用户记忆，更能激发用户产生新的想法。好的旁白能描述出比视觉更多并且更深的含义，也可以吸引用户去注意重要的事实的想法。

Ø         音效是指由某些事物或物体产生的声音，如自然界中的风声、雨声、汽车的声音等。在多媒体应用系统中，音效扮演了一个重要的角色，它像是听觉的书签，提醒用户注意重要的事实和想法。

Ø         音乐可以传递感情、启动情绪、唤醒记忆。音乐有时可以传达语言无法表达的信息。几乎所有的多媒体应用系统都加入了音乐来美化系统界面。多媒体应用系统中的音乐大体可以分为主动和被动两种。主动的音乐是指和视觉元素有直接关系(包括内容和时间上的关系)的音乐，比如，配合画面上出现歌词的音乐(MTV)。被动的音乐则主要指那些和画面上元素没有直接关系的音乐，比如背景音乐或配合旁白的情景音乐，在我们的多媒体制作当中，常用后一种音乐，即被动音乐。在选择背景音乐时要注意选择与主题内容节奏较为吻合的音乐，快慢节奏把握适中，另外也不要选择大家都耳熟能详的音乐，这样会分散学习者的注意力，干扰用户的学习。

结束语
     以上论述并不是万能的和一成不变的，因此在界面设计中要活用、巧用原则，演绎出适合于应用的、实用的技巧。只有这样，才能创造出较高水准的作品，才能使我们的多媒体软件发挥出最大的功效并获得全面的成功,使我们设计出的多媒体CAI课件更臻完美。