课件的界面设计

八、CAI课件的界面设计

漂亮的人机界面可以使学习者感到耳目一新。通过感受课件界面上的色彩、图案、物体、创意等，形成对课件的第一印象，然后学习者又通过界面上提供的各种信息和功能元素进行学习，可以说屏幕界面是学习者对课件最初、最深也是最重要的印象。友好的屏幕界面能使课件容易被理解和接受，又能让学习者容易掌握和使用。

1.屏幕版面的规划

多媒体课件的屏幕版面规划并没有一个固定的格式，有多种多样的设计方式，但要符合人的生理视觉特点和使用者的操作习惯以及顾及信息表达的方便。

图3－3　常见的屏幕版面规划图

(1)课文信息区:主要用来呈现知识内容、演示说明、举例验证、显示问题等，它们是以多媒体信息来呈现的。在安排这些媒体信息区域时，重点是对各种可视信息，如文本、图形、图像、活动影像、动画等的定位和大小的设计。整个教学信息呈现区域在屏幕版面上应处于醒目的位置并占有较大的位置。

(2)操作提示区:多媒体课件中的导航策略很重要，它可以知道学习者沿着正确的路径学习，避免迷途或少走弯路。因此在制作脚本时，应有相应内容的描述并在屏幕版面上有所考虑。

2.界面的视觉流程

(1)主次引导:靠空间位置的主次关系来确保流程的合理性，使视觉区域的流动符合人的生理习惯。界面各元素应按视觉运动的规律给予一定的组合，形成界面的脉络，诱导读者的视线从主到次、从强到弱、从文字到图像……形成一个和谐整体。

(2)视觉中心:界面的视觉中心可以理解为:以强烈的形象或文字占据界面的某个部位，形成界面视觉焦点，视线往往由视觉中心开始，沿着一定的方向运动。所以，把握视觉中心也就把握住编排的整体性。设计者将最有视觉魅力、最为重要的元素放在界面某区域，人为地创造界面的视觉中心，以显示界面阅读的起点。

(3)顺序标记:明确的顺序标记，能借助文字等有先后顺序的符号引导流程，如1、2、3、4……A、B、C、D……强制读者按编排的意图观看，这是一种最简单而又最有效的方法。

3.色彩的设计

(1)整体色:色彩具有影响人们心理，唤起人们感情的作用。色彩作为界面的设计要素之一，其视觉传递的作用在创意中往往得到加强。

所谓色调是由参与配色的色相、明度、纯度和面积关系决定的。整体色是指界面主要倾向于某一色调。不同的色彩表现不同的情感，根据设计主题选用不同色彩，将有利于情境交融的沟通。在表现这些色调时，色彩所体现的感觉将有效地突出主题内涵，创造主题特有的情调。

(2)重点色:在同色调的色中，局部加上不同色调的色，形成视觉美点。色彩的点缀在界面中产生一种紧张感，成为整体的一个着力点。点缀的色应该采用小的面积，并与其他色形成强烈反差，以加强吸引力，形成视觉中心。

(3)对比色:画面上冷暖色对比，同时占有相同面积及地位。界面上两色不分主次，对比强烈，色彩华丽，装饰性很浓。

4.界面间的转换

界面间的转换如同电视画面间的转换一样，其设计也具有一定的艺术性，好的界面转换设计有助于学习者理解框面之间的知识结构、知识层次。例如两个相对独立知识框面间的转换可以采用切换(CUT)或滑变(REMOVE TO LEFT)等，表明从一个内容转换到另一个内容;又如内容的不断深入可以采用IRIS IN效果，而从下层内容回到上层内容，可以采用IRIS OUT效果;调用注解的出现可以采用MOSAIC效果，而整个课件的出现则可以采用VERTICAL BLIND效果。但要注意一旦这种转换在课件中确定，就不应再改变，以使学习者见到转换就想到结构。常见的多媒体写作工具中，都提供了界面转换特殊效果的方法，简单易用。