浅析多媒体课件的界面设计

浅析多媒体课件的界面设计

【摘要】在多媒体课件的制作和使用过程中，课件界面的设计是一个非常重要的环节。好的界面给人带来赏心悦目的视觉感受，直观清晰的交互方式，可以激发学习者的学习兴趣，同时保证学习者在学习的过程中，不会迷失方向。结合实际制作经验，就多媒体课件的色彩、构图和导航等方面进行分析，并提出一些建议。

【关键词】多媒体课件；界面；设计

随着计算机多媒体技术的蓬勃发展，多媒体课件被广泛应用于教学。一个优秀的多媒体课件仅靠其专业知识内涵是不够的，还需要有基本的界面设计意识。据统计，在人类通过感觉器官收集到的各种信息当中，视觉约占65%，没有一个良好的视觉感知，就很难有一个高效的信息学习的脑加工过程，学习的知识就难以顺利进入长时记忆。因此，设计符合学习者视觉心理特性的人机界面对于激发学习者的兴趣，提高学习效率，具有重要作用。另外，多媒体课件的设计和开发是一项复杂系统工程，它涉及到教育学、心理学、计算机科学、信息学、美学等诸多学科理论，需要由学科教师、教学设计专家、美工、多媒体制作等专业人员来协作完成。但由于在人力、财力有限的情况下，我们往往需要制作一些小规模的不必出版发行仅供教学使用的多媒体课件，来达到激发学生的学习兴趣，提高教学质量，优化教学手段的目的。这就需要我们能够了解学生的思想、需求，能依据教学设计理论进行教学过程的设计，遵循多媒体课件交互界面设计时的基本原则，优化我们的多媒体课件质量。

1 多媒体课件界面的层次

一个完整的多媒体课件，一般包括主界面和子页面，有时候还包括片头和片头的页面。主界面是用户在使用多媒体课件时的起始页面，因此在每次打开课件时，首先进入的就是主界面，经由主界面再进入各子页面。在各子页面的跳转过程中，经常也会先返回主界面，然后再进入其他的子页面，因此，在使用过程中，是访问次数最多的界面。子页面是具体的内容呈现的页面，因此在设计中，要将课件具体内容呈现的地方预留出来，在设计过程中的处理相对于主界面要简单一些。片头主要起到内容的提示作用，而片尾主要是制作单位的介绍。在多媒体课件界面设计中，主界面和子页面是多媒体课件界面设计的重点，特别是主界面的设计，是整个课件界面设计成败的关键所在。

2 多媒体课件界面的色彩处理

2.1 确定整个课件的色彩基调

在课件界面设计中，色彩是有个性的而非中性的，它具有一定的象征意义和表现作用。色彩的基调可以归纳为冷、暖两种。以青、蓝等冷色为主的色彩组成的画面，产生冷调效果，给人以安静、闲适、寒冷、消沉的情感联想；以红、黄

等暖色为主的色彩组成的画面，产生暖调效果，给人以欢快、明朗、热烈、活泼、积极的情感联想。在确定主色调时，应按照课件的主题，选择合适的色彩基调。而对于具体色系的确定，红色富于活力和刺激性，是革命和男子气概的象征；橙色表现光辉、温暖、欢乐、热烈的情绪和健康、华丽的美感；黄色是光明、希望的象征，使人联想到充满丰收喜悦的秋天；蓝色使人联想到天空、海洋，给人以宁静、遥远、寒冷的感觉；绿色多用于象征和平，它是中性的，既不炫耀，也不消极，既不冷也不热，既不进取也不退缩。柔和的绿色田野使我们感到新鲜、平静心情舒畅，浓绿色的森林有丰饶、茂盛、欣欣向荣的感觉，春天嫩绿的树芽和嫩草有清新、希望、生命的复活、生物的更新、青春的活力之感；青色适于表达清白、纯洁、朴素、消极、天真、柔和的感情，淡青色的天空、远山或水面，有悠远、宁静的感觉；白色使人联想到纯洁和软弱，有清净、素雅、圣洁、高尚、善良的美感。灰色有朴素、温和、沉静、雅致的感觉，淡灰、暖灰有柔和的美感，深灰、冷灰有严峻、消沉、悲观的感觉；黑色有庄重、严肃、阴森、神秘的感觉，常用于表现悲哀、寂寞、荒凉的场面。[1]

为了表达环境气氛，常根据主题思想的要求，确定整个图像的基调色彩。作为基调色彩，应适应主题需要，具有概括力和象征意义，用于表达一定的情绪、意境和环境气氛，如黄色基调——丰收的秋天；绿色基调——春天的生机。

2.2 色彩搭配

首先，从色彩的使用数量上，一般控制在三种以内，颜色太多，如果没有很好的控制力，会使课件界面变得很“花”，缺乏统一和协调。但是也要尽量避免使用单色，以免产生单调的感觉。以图2为例，全图属于绿色系，主色调为内容部分的淡绿色，辅助色为标题部分的深绿色，这两种颜色从RGB数值上看，都不同程度的混合了其他少许颜色，因此离正绿色稍有些偏差。由于绿色本身的特性，所以整个界面看起来很安稳舒适。辅助色只在明度上降低，让页面多了些层次感、空间感。白色文字使得绿色的特性发挥到最好的状态并增强了视觉节奏感。

主、辅色调是属于同类色绿色系，通过不同明度的变化，能较递增缓和变化同时却也较明显的体现出页面的色彩层次感来。如果不是通过数值来分析判断，可能会有些朋友凭经验判断，容易误认为这两种颜色除了明度外有可能纯度会有所不同，这时候适当的使用数值模式会很容易得到正确的结论的。整个页面配色很少：最大色块的浅绿，第二面积的深绿色，，但得到的效果却是强烈的、显眼的，达到充分展现产品主题的目的。

3 多媒体课件界面的构图处理

3.1 主界面的构图

主界面是整个课件的起始页面，也是用户使用的比较多的页面，其最主要的元素就是导航。主界面设计的原则首先是保证导航模块的清晰明确，其次才是艺术效果。切不可盲目最求好看，而忽视导航的明确性，为用户的使用带来不便。

3.2 子页面的构图

子页面是具体内容的呈现，绝大部分面积是用于教学内容的展示，一般可采用上下结构或者左右结构的构图。

4 多媒体课件界面的交互设计

课件交互界面的设计是计算机和人交互方式的设计，利用什么样的操作方式来实现人机之间的信息交流，即操作程序、操作方式、操作之后计算机的响应方式等。课件交互界面的设计讲究直观性、交互性、双向性、简易性，而且界面要美观大方、主体分明，这也是学习策略的具体体现。如课件界面一般都分为功能区、内容区。功能区按键按模块建立，将同类功能的按键集于一块，便于操作，内容区呈现教学信息。又如交互图标采用便于认识的常规图标，如当光标移到提示操作内容热区时，光标变成小手，表明此处有提示内容等。

人机交互的设计是整个总是同整个系统的设计同时进行的，开发友好的人机交互时，除了要致力于分析、设计交互界面外，还要分析、设计系统的交互的具体方式。进行人机交互设计首先要调查用户对交互的要求或环境：由于判断一个课件的好坏，在很大程度上取决于未来用户的使用评价，因此在系统开发的最初阶段尤其要重视系统人机交互部分的用户需求。必须尽可能广泛向系统未来的使用者进行调查，对用户的特征进行分析，调查用户类型，走性或定量地测量用户特性，了解用户的技能和经验，预测用户对不同交互设计的反响，保证课件交互活动的适当和明确。从人和计算机两方面共同入手，进行系统交互任务的分析，并划分各自承但或共同完成的任务，然后进行功能分解，画出结构图。在结构图的基础上，可以建立交互界面模型，根据用户特性，以及系统任务和环境，制定最为适合的交互类型，包括确定人机交互任务的方式，划分界面结构模块，形成交互功能结构详图。然后对屏幕显示和布局进行设计，制定屏幕显示信息的内容和次序，然后进行总体布局和交互元素显示结构设计，最后在上述屏幕总体布局和显示结构设计完成的基础上，进行屏幕美观方面的细化设计。它包括吸引用户的注意所进行的增强显示的设计，例如采取运动（闪烁或改变位置），改变形状、大小、颜色、亮度、环境等特征（如加线、加框、前景和背景反转），增加声音等手段；使用颜色的设计；关于显示信息、使用略语等的细化设计等。

多媒体课件设计是一个技术和艺术结合的工作，好的界面使人感觉愉悦，操作得心应手，不好的界面设计则生涩，容易让使用者迷航。

【参考文献】

[1]丁卫泽.关于多媒体课件界面的色彩设计[J].中国医学教育技术，2003，12，17（06）.

[2]黄天虎.多媒体课件创意概述[J].福建教育学院学报，2005（06）.

[3]胡长海，赵中海，惠敢.教学用多媒体课件的界面设计[J].白求恩军医学院