首页 -> 2006年第11期

课件界面设计的艺术性原则探究

作者:黄庆华 禹定臣




   多媒体课件的设计除了符合教学性、科学性、技术性等原则外,还要遵循艺术性原则,主要包括以下几个方面。
  
  一、一致性原则
  
  一方面,每一框面应和所表现主题有所联系,体现相应的意境,画面所呈现的信息都应为说明问题服务,要体现画面所要表现的主题。另一方面,软件的屏幕界面应该让用户看后有整体上的一致感,突变常给人带来不适应,具有同样功能的操作对象(如背景、按钮、图标、文本等)在形象、格式、置放位置等上要力求一致。
  
  二、针对性原则
  
  一方面,要根据不同软件类型进行有针对性的设计。例如,课堂演示型课件是在教室里辅助教师讲解用的,因此字体要大些,色彩要鲜艳些,以方便全班学生都能得到清楚无误的信息。自主交互型课件是供学生在个别化的教学环境下自主学习,要求具有完整的知识结构,能反映一系列的教学过程和教学策略,提供相应的练习供学生进行学习和评价,并设计许多友好的界面让学生进行人机交互活动等。另一方面,要针对不同的使用对象、不同学科内容进行具体设计。不考虑年龄差异而将一些用在幼儿教学软件中的以增加学习兴趣的界面设计图案盲目用到成人学习软件中,不但起不到丝毫作用,反倒令人觉得滑稽可笑。不考虑文理科学习内容的区别,而采用同样的设计模板设计课件,教学效果也不会好。
  
  三、灵活性原则
  
  多媒体课件提供图文并茂、丰富多彩的人机交互环境,交互性设计应合理应用超文本、超链接功能和录像、动画、声音等多媒体信息,既要充分体现多媒体教学软件信息量大、知识点密集、高度概括等特点,又不能使信息过多过乱,造成干扰。如为解说、音乐等媒体设置播放、暂停、停止按钮及音量调控等操作按钮,以方便不同用户在不同条件下按需控制。
  
  四、易学易用性原则
  
  无论软件采用的技术多先进,功能多复杂,如果用户对它望而生畏,该软件就没有生命力。因此,要以人为本,注意导航策略的设计。导航策略设计在遵循明确、易理解、完整、灵敏、提供咨询、容易使用和操作、动态导航的原则下,采用信息隐形、电子书签和电子笔记、浏览图、安全返回、提供教学导向活动、人工智能技术等方法进行。
  
  五、媒体组合及多方式应用原则
  
  不同媒体各有所长,在问题求解过程的不同阶段对信息媒体有不同的需要。探索阶段多采用语音、图像、视频等能提供具体信息的媒体,分析阶段多采用描述抽象概念的文本媒体,而一些直观的信息(如图形、图像等)介于两者之间,适用于综合阶段。
  媒体的组合与互补要注意媒体间的结合与区别。多媒体信息可以很好地适应不同个体在认知形态上的个别差异。实验心理学家赤瑞特拉(Treicher)曾经做过两个著名的心理实验:一个是关于人类获取信息的来源。人类获取的信息83%来自视觉,11%来自听觉,1.5%来自触觉。多媒体既能看得见,又能听得见,还能用手操作,这样通过多种感官的刺激获取的信息量,比单一地听老师讲课强得多。另一个是关于知识保持即记忆持久性的实验。人们一般能记住自己阅读内容的10%,听到内容的20%,看到内容的30%,听到和看到内容的50%,在交流过程中自己所说内容的70%。课件设计除文字、图像媒体合理运用外,还要注意视频、动画、声音等媒体的组合使用。如从画面内容与解说、画面主题与音乐、解说与音乐等的配合方面处理视音频关系。除呈现教学信息,还要使学习者通过讲述等方式参与学习。除鼠标点击、键盘输入外,还可运用触摸屏、虚拟现实、语音识别等新技术交互方式。这是多媒体技术的发展趋势,也更能体现以人为本、和谐发展的理念。
  媒体之间可以互相支持,也会互相干扰。多种媒体应密切相关,紧扣一个表现主题,不应把不相关的媒体内容拼凑在一起。媒体结合在技术上主要通过在一个窗口中提供多种媒体的信息片断(空间结合),以及对声音、录像等随时间变化的动态媒体加以同步实现。媒体资源并非愈多愈好,如何在语义层次上将各种媒体很好地结合,以便更有效地传递信息,这是系统人机界面设计的关键问题。
  
  六、创意原则
  
  创意设计是多媒体活泼性的重要来源,“好的创意等于成功了一半”,不仅使应用系统独具特色,也大大提高了系统的可用性和可视性,为整个系统注入了生命与色彩。创意设计应做到:在“呈现”和“交互”上做文章,在人机交互界面和屏幕设计上下工夫,信息在时间和空间上同步表现;应用软件工程的方法和技术进行开发;要充分考虑到开发人员的技术水平、所采用的编程环境或创作工具的功能与特点等,避免脱离实际的创意。媒体创意设计应注意图像、动画、音乐及效果设计等,要讲究灵感,尽量与专业人员讨论沟通。要紧扣主题,对准设计目标,不可一味追求新、奇、特。
  
  七、构图原则
  
  1.合理屏幕布局
  屏幕布局因实现功能不同,考虑的侧重点也不同,具体包括窗口和显示方式的设计。窗口是为了帮助用户区分画面上的资料,过多过杂就失去了区分的意义。屏幕有限,为了使教学信息呈现清楚,教学信息窗口开得越大越好,若内容较多,可在窗口边缘采用滚动条。显示方式包括显示位置、显示次序和显示过程,应根据所显示的内容采取正确的显示方式。课件是辅助教学的,在演示过程中,应留有时间和空间给教师进行讲解,教师能控制教学内容的显示过程。屏幕构成元素一般都有其放置规律:标题一般置于屏幕的上中部,有利于产生对称感;教学信息一般安排在屏幕的左中部,所占的空间尽量大;菜单条等放在屏幕顶部;标志符号、序数等置于右上角;功能键区、按钮区等放在屏幕底部,方便鼠标操作。若还有讲解、练习和帮助信息,则帮助信息放在最底行,讲解放在右边,练习在下方。所有相关数据显示在单个屏幕上,减少使用者的记忆负担。
  
  2.注意文字和用语恰当使用
  文字和用语多用于正文、标题、提示信息、控制命令、会话等功能。采用简洁、清楚的表达和用户熟悉的简单句子,避免使用过于专业的术语。对不同的用户,依据心理学原则用礼貌而不过分的强调语句,用肯定句而不用否定句,用主动语态而不用被动语态。文字不要太多,若较多时,或采用压缩或编码的方法减少字符数,或采用分组、分页、滚屏(尽量避免左右滚屏)方式。文字段落不要太长,应让学生一目了然,排列不要过于拥挤。文字颜色不要过于杂乱,关键字、词、段落要进行加粗、变字体、闪烁等效果处理,吸引注意力。尽量用宋体、黑体、仿宋和楷体等通用字体,英文除标语外,尽量采用小写和易认的字体,选用艺术字体时应转换成图形,以免未安装此艺术字体的客户端不能正常显示。按钮、功能键标示中尽量使用描述操作的动词,让人一目了然。
  
  3.颜色、图案的合理使用和搭配
  色彩构成研究多个颜色之间的构成关系,即根据不同的目的进行色彩搭配,创造美。应用在界面设计上将使课件更加符合美学的要求,形成和谐的色调或极具个性化的风格。色彩可以吸引用户的视觉器官,如突出差异,使用恰当则能促进对屏幕上各部分的识别。选用色彩设计屏幕时,最重要的是明确色彩使用的目的和可能的作用,力求发挥色彩促进信息传播的辅助作用。使用颜色时应注意:限制同时显示的颜色数,避免颜色过多过杂,除图画、视频等媒体外,同一画面中的颜色不宜超过3~5种,辅以层次及形状来配合颜色增加变化。注意色彩的敏感性和可分辨性,除非用于对比,尽量避免不兼容的颜色放在一起。注意色彩的含义和使用者的不同年龄、地域及文化差异,尽量符合冷暖色、象征意义等常规准则。应有表示主体风格的色调,有时还要使用渐变色、透明色等表达教学对象,画面中活动对象颜色应鲜明,非活动对象应暗淡且颜色尽量不同,前景色宜鲜艳一些,背景色则应暗淡一些。注意背景、教学内容和辅助操作内容颜色的协调,通常采用一种风格的背景,且背景颜色(如用中间色,以便与其他内容颜色搭配)要和教学内容协调,一般不使用反差太大的色调,使学生感觉自然随和,把注意力放在教学内容上。
  图案的使用要遵从信息最小量原则。一方面,为减少用户记忆负担,适当采用有助于记忆的图案,如图表、图形等;另一方面,除平衡画面重心或突出重点部分等需要外,不要在画面上使用没用的图案、动画等。课件需要修饰美化,但不能过于追求修饰美化的效果,因为其主要功能是教学,修饰美化应是“清水出芙蓉,天然去雕饰”。
  总之,在进行多媒体课件设计时,对屏幕上出现的各种教学内容和辅助操作内容应作出既符合教材要求,又能突出多媒体演示特征的布局,增强画面视觉冲击力。课件的设计除了追求内容的教学性、科学性、技术性外,还要遵循心理学、生理学的规律,依据美学原理,实现艺术性,使学生易于学,乐于学,勤于学,在快乐中学习,在愉悦中进步。
  (参考文献本刊略)
  (责任编辑 张茂林)