试论多媒体课件界面设计

摘 要:多媒体课件界面设计的优劣直接影响到课程的教学效果,设计界面时应遵循简洁、内容和形式统一、易操作原则;集心理学、美学角度于一体进行多媒体界面艺术设计。
    关键词:课件 界面设计 设计原则
在多媒体技术迅速发展的今天,多媒体技术逐渐被广泛应用到社会各个领域,其教学领域中多媒体课件成为许多教师展示自己思想和教学活动的首选手段之一,多媒体课件以图、文、声、像并茂的方式进行形象化教学,以弥补传统教学在直观感、立体感和动态感方面的不足。在进行多媒体课件教学时,其界面设计的好坏直接影响着学生的学习兴趣及其审美情趣。一个优秀的多媒体课件仅靠其专业知识内涵是不够的,还需要有起码的界面设计意识。多媒体课件是一个集多种视觉,听觉元素所组成的综合体,其中视觉元素占有极其重要的地位,它是多媒体教学中传递教育信息的最重要手段。一个制作精美的课件不仅能帮助教师进行很好的教学,学生便于理解和记忆,达到事半功倍的教学效果,同时也使同学们在听觉、视觉等感官上富有神韵的综合美的享受中,在学的过程中逐步提高自己的审美观。但事实上许多课件的内容很充实,界面设计却简单,布局单一,结构不合理,使得花费大量时间和精力制作的课件由于缺乏美感和吸引力达不到预期的教学效果而感到遗憾。界面设计是一个思维过程,又是一个组织过程。它制作的最大特点是创意、设计、制作的三合一。如何才能更好地使多媒体课件的界面合理、美观、大方呢?经过这几年的实践,我觉得应该从以下几个方面来考虑:
   一、界面设计原则
    一个优秀的界面设计不仅依赖于图片和声音,还依赖于比图片和声音更精细的元素。对于以视觉为主的多媒体课件而言,一段文字,一个概念也许有多种视觉表现形式,但要做到既能充分揭示主题内容,又能给人以美的享受,这就值得我们去寻找和探索,基本的界面设计原则则是我们进行探索和创新的起点。
    1、形式与内容的统一
    在多媒体课件界面设计中,有的老师为省事或是不知如何去设计课件的界面,大多采用一种模式生搬硬套,而不去考虑其形式与内容是否统一。其实不管是哪种设计形式它都是服务于内容的,也就是说应根据内容来设计表现形式,明确内容后再决定采取什么样的风格和形式,以达到内容与形式的统一。任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为 “设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式,内容决定形式,形式反作用于内容。一个优秀的界面设计必定是形式对内容的完美表现。一方面,界面设计所追求的形式美,必须适合主题的需要,这是界面艺术设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容,把大量文字、图片、动画等形式不加考虑的堆积到界面上,或者只求内容而缺乏艺术的表现,照搬书本,都会使界面艺术设计都会变得空洞而无力。多样统一是形式美的基本规律,在界面设计中以构图、色彩、交互三个方面来达到形式的统一,只有遵循这种规律将二者有机地统一起来,深入领会主题的精髓,再融合自己的思想感情,找到一个完美的表现形式,才能体现出界面艺术设计独具的分量和特有的价值。另一方面,要确保界面设计上的每一个元素都有存在的必要性,不要为了炫耀而使用冗余的技术。新媒体技术的不断升级和功能的不断优化,给多媒体课件设计者提供了大显身手的手段和方法,于是,各种形式的设计效果充斥了整个画面,炫目耀眼的屏幕已经变成了展现多媒体技术的一个特定的场所。即使花哨的屏幕能够吸学生,动画和声音能够激起学生的好奇心迫使他们认真观看这个课件,但是是否学生的心思都用到了课程内容上?是否达到了一定的学习目的?可想而知,这样得到的教学效果将会适得其反,所以只有通过认真设计和充分的考虑来实现全面的功能并体现美感,才能实现形式与内容的统一。
    2、易学易用性原则
    一个容易学习和方便使用的软件,才可能制作出一个容易被学生接受的教学课件,否则无论你设计的功能多复杂,采用的技术多先进,但是学生对它望而生畏,不知从何下手,那么这个课件就没有生命力。因此要设计一个受欢迎的多媒体课件,要考虑到使用者的特点、能力、知识水平,便应该使学生很容易学会如何使用它。首先课件的安装、启动过程应力求简单,一般通过鼠标和键盘的几个简单操作动作即可完成。开始运行时,应对课件的结构、内容、主要操作方法、功能键等进行简短的介绍。其次我们可以设计一个灵活的导航系统帮助学生根据他们自己的需要去使用该课件,让他们知道通过导航选择合适的学习内容,方便地转入各章、各节的学习,同时也可方便地回到总章节或退出整个课件。在设计时要注意菜单的标题应简单明了,文字表达要言简意明,能表达所要选择的教学内容。另外我们还可以根据软件设计一套在线帮助手册,如系统帮助、功能帮助、警告帮助等操作方法。详细列出各种命令与功能的使用方法、步骤以及用简略文字、图形说明等形式帮助学生很快清楚所指之项目与其位置如何,使之顺利完成某种功能的操作。
    3、简洁明了原则
    界面设计最重要的原则就是简洁与明了,从美学的角度来讲,整洁,简单明了的设计更有可取性。课件的操作界面避免繁琐,内容应力求准确、简洁,尽可能用较少的文字或简单的图表来表达所需的信息。多媒体课件界面设计宜简洁,突出重点,避免画面做得过于花哨,并且同一画面的对象不宜过多,否则将分散学生的注意力,降低学习效果。课件内容宜言简意赅,文字简炼精辟,尽量减少文字显示数量,过多文字容易使学生感觉视觉疲劳,而且干扰学生的感知;若确需大量文字,可采用语言声音的方式来代替。主题内容宜置于画面中部醒目的位置,可以在显示中使用黑体字、加下划线、增大字的宽度、闪烁、反白和彩色来强调某些重要的、期望引起学习者注意的信息,精心选择一些简洁的线条和清新典雅的图案构成背景,不仅赋予课件以形式美感,而且赋予课件以艺术品味。
   二、多媒体课件组成元素的设计
    1、 文字设计
    文字是界面设计中重要的设计元素之一,经过精心处理的文字材料完全可以制作出效果很好的界面。文字具有最佳的直观传达作用以及最高的明确性,传播信息量大的优势,特别是用于多媒体课件设计中。在选择文字时要考虑到它的适合性、明确性、易读性、美观性和创新性。文字既具有传达信息的功能,又可以通过文字形态的节奏与韵律带给人美感,并通过创造形成自身鲜明、独特的个性,从而使界面内容与形式达成高度的统一,在实现良好信息传达效果的基础上适应人们的审美需求。
    2、 图片的选择
    图形图像是课件的重要组成部分,在传递形象信息,吸引读者的注意力,美化界面等方面具有独特的魅力。图形图像能将信息传达得更立体、真实、直接,更易于理解,从而高质量地表达设计意念,使本来平淡的事物变成强有力的诉求画面,充满强烈感情色彩。对图片的选择应尽可能精选,避免重复,还可根据需要用图片处理软件进行图片处理,使图片与界面衔接更谐调自然。文字说明尽量放在图片下边或右边,这更符合读者的视觉习惯,否则容易影响阅读速度与准确性。选择图片时一定要符合教学内容,将难以理解的内容和问题直观化,便于学生理解记忆,加深印象。
    3、色彩搭配
    在计算机辅助教学过程中,为了使课件界面取得视觉上的协调感,色彩必须有统一的色调。为了避免由于统一造成的单调与平淡感觉,在统一中又要有变化和对比;色彩是形式美最为敏感的因素,要构建一个友好的界面给视觉一个美好的艺术享受,都离不开色彩的正确运用。色彩的运用可以给课件增加感染力,达到提醒和区分的作用。但运用要适度,既不花哨也不枯燥,每个画面的颜色不宜过多,以不分散学生注意力为原则。在课件制作过程中经常用一种色彩或几种近似色彩为主导,使整个画面产生出一种和谐统一的视觉色彩倾向与总体效果,以突出不同课程的特征,体现课件色调形式的特有美感。在多媒体课件制作过程中, 很多老师由于缺乏经验,用色非常小心,色彩单一,画面过于平淡;而当有了一定的制作经验之后,又急于把自己的想法全部表现在画面上,画面上往往使用过多色彩,使得整个画面变得花哨,主体不突出,易引起学生的视觉疲劳。通常在使用中注意采用以下的几条简单的技巧可以使画面显得和谐且具有美感:
    第一,采用一种颜色作为页面的主色调,通过变化其透明度或饱和度,产生新的颜色并运用,这样能够保证画面的和谐统一;
    第二,选用两种颜色。先确定一种颜色,然后选择其对比色或是相近色,使用一致的明度和纯度,有助于增加其协调性。
    第三,选择黑色和比较鲜亮的一种颜色,这样的效果通常比较醒目突出,有一定的力量感。
    4、构图
构图是界面设计构思在版面艺术处理中的具体表现,在多媒体课件界面设计中,整体形象的一致性可以使课件界面更具和谐感与美感。
    (1)遵循基本的形式美法则
    课件界面布局中应遵循基本的形式美法则,对于课件界面的组成要素应符合统一、对比、对称、均衡、节奏、韵律的原则,以构造出和谐、流畅、自然的界面。构图中要紧扣主题思想,做到主次分明、重点突出,导航清晰、浏览便利,布局合理、逻辑性强。巧妙地处理好主从关系、对比关系、虚实关系以及整体与局部的统一关系,做到统一而有变化、形成一定的秩序感,使画面产生美好的节奏和韵律感。
    (2)注重画面的均衡
    画面的均衡是画面中最重要的组织原则,是运用人的心理和生活经验形成的重量和价值的均衡。我们可以假设把整个画面作为天平称,并以画面的中心为支点,以重量的平衡比拟画面的均衡,界面构图的和谐是要将界面的三大要素即文字、图形、色彩彼此交织、相互烘托、均衡布置,以达到一种视觉和心理上的平衡,而不会感觉某些部分显得空或重。把握好这个度的同时也要注意不能过分追求对称,对称给人的感觉缺乏创意和视觉乐趣而略显呆板、拘谨。画面元素在构图中一定要错落有致,排列中有变化,有对比关系,这样才能显出画面的层次感和丰富感来。
    (3)适当的留白处理
    画面空白的处理对提高视觉效果有极为重要的意义。空白的设计,在视觉上有强烈的集中效果,能使界面设计流畅明快,疏密有序,布局清晰。在文字的段与段、行与行、字与字之间,插人空白间隔,既可以使整个画面简洁明了、清晰,又能减少读者视觉的疲劳,情绪上的放松。
    5、视觉流程
    视觉流程的形成是由人类的视觉特性所决定的。因为人眼晶体结构的生理构造,只能产生一个焦点,而不能同时把视线停留在两处或两处以上的地方。人们在阅读一种信息时,视觉总有一种自然的流动习惯,先看什么,后看什么,再看什么。处于流动线上的任何点都比线外的任何点明显。界面流程清晰、明朗,使读者感到心理上的安定。流程往返复杂,则引起视觉紊乱,造成心理上的不愉悦。
    多媒体界面的艺术设计是伴随着计算机多媒体的产生而形成的视听设计新课题,一个好的多媒体课件,离不开完美的界面设计,只要我们掌握课件界面的设计原理和方法,在制作中不断地尝试,总结经验对多媒体界面的构成要素进行适宜的艺术规划,将优美的构图,漂亮的色彩、非凡的创意,艺术地展现在学生面前,多媒体课件制作和界面设计将会很快被提高到一个新的水平。

参考文献:
张帆 罗琦 宫晓东 《网页界面设计艺术教程》人邮电出版社社 2002年
黄鸣奋 《络媒体与艺术发展》大学出版社 2004年

[信息来源:韶关学院教育技术中心]
[信息作者:熊丽]

[返 回]