🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

浅谈:多媒体课件界面设计方案


2007-3-12 11:12:53
多 媒体课件以图、文、声、像并茂的方式进行形象化教学,弥补了传统教学在直观感、立体感和动态感方面的不足。要设计出一个好的多媒体课件,除了要认真地准 备、搜集各种素材外,还要为用户设计一个舒适方便的操作环境,这就是界面设计。界面是联系人和计算机的桥梁,与人的关系密切。一个赏心悦目的视觉环境,可 以激发学习者兴趣,提高学习的积极性。笔者结合多年来开发多媒体课件的经验总结了一套既方便用户使用,又有利于教学的界面设计体会,从人的视觉特性及易用 性方面考虑,系统地介绍了多媒体课件界面设计的基本要求、制作技巧等内容。

  界面是计算机系统中跟人打交道的部分,是用户与计算机系统的接口,与人和计算机的关系密切。在多媒体课件中,用户界面的设计是一门艺术,它 综合了多个学科的内容。据统计,在人类通过感觉器官收集到的各种信息当中,视觉约占65%。因此,在多媒体课件设计过程中,充分考虑人的视觉特性是十分重 要的,灵活的人机界面对于调动和激发学习者的兴趣,提高学习积极性,具有重要作用。为此,我们应从以下几个方面考虑来精心设计操作界面。

  一、操作简便

  多媒体课件是面向用户的,在设计时要考虑到用户的特点、能力、知识水平,应把立足点着重放在那些非计算机操作者,不应对用户有额外的知识、技能要求。因此必须做到:

  1.安装使用力求方便。课件的安装、启动过程应力求简单,一般通过鼠标和键盘的几个简单操作动作即可完成。开始运行时,应对课件的结构、内容、 主要操作方法、功能键等进行简短的介绍。在整个课件运行过程中,对命令键、功能键的命名应始终如一,所有功能键只能赋予一项功能,并尽可能在屏幕上显示功 能键和提示信息。

  2.菜单力求简明合理。设计时,根据教学内容的需要,把教学内容划分成若干层次,利用菜单技术来实现多层结构,各级菜单应逐层深入,直至覆盖全 部教学内容。菜单的分级最好不要超过三级,每级菜单都应设置返回按钮,以便学习者不想往下学习时,可随时返回上级菜单。菜单的表达方式有文字式、图形式、 表格式、图文混合式等多种形式。文字菜单比较简单,可设计成下拉的方式,逐级选择子菜单;图形菜单新颖直观,根据教学内容,设计成形象的图标,用鼠标一点 就可选中,使用非常方便。实际制作中,用得最多的是图文混合式菜单,它具有文字菜单和图形菜单的优点。在设计时要注意菜单的标题应简单明了,文字表达要言 简意明,能表达所要选择的教学内容。

  3.提供在线帮助信息。为了用户使用,课件中应设置必要的帮助信息,如系统帮助、功能帮助、警告帮助等操作信息。这些帮助可以是综述性的信息, 也可以是与所在位置的上下文相关的针对性信息。帮助信息可以起文档手册的作用,但内容应精炼,应以简略文字、图形说明等形式指导学习者完成某种功能的操 作。

  二、内容简洁

  课件的操作界面避免繁琐,内容应力求准确、简洁明了。

  1.准确、简洁。准确就是要求表达的意思明确,不要使用意义含混、模棱两可的词汇或句子;简洁就是尽可能用较少的文字或简单的图表来表达所需的信息。

  2.突出重要信息。可以在显示中使用黑体字、加下划线、增大字的宽度、闪烁、反白和彩色来强调某些重要的、期望引起学习者注意的信息。在描述局部细微变化时,应采用加圈放大或特写的方式等。

  三、布局合理

  屏幕显示和布局应清楚合理。其基本要求是要在屏幕平面上设计好高、宽、深度的空间关系,使布局结构新颖、主体突出、具有艺术感染力,使教学内容生动形象地展示在学习者面前。

  1.恰当布置,主体突出。显示内容应恰当,不应过多,切换不易过快,屏幕不应过分拥挤,四周应留出一定的余地。一般正文每屏不应超过15行,每 行不超过30个汉字,如显示不下可采用滚动技术。字体应选用笔画丰满的字体,大小标题可用不同字体、字号,以区分层次和段落。文字的色彩也应有一定的对 比,从而突出主题。

  2.重点集中,视点明确。由于屏幕尺寸较小,要求重点集中,视点明确。在同一画面上,不应出现两个以上的兴趣中心,以免分散注意力。

  3.合理预留空行、空格。必要的空行及空格会使结构合理,条理清晰,阅读、查找方便;相反,过分密密麻麻的显示会损害学习者的视觉,也不利于学习者把注意力集中到有用的信息上。

  4.美观大方,层次清晰。界面设计要美观大方,不落俗套,但也不易过分“花哨”。界面的“花哨”虽然能从心理上加深刺激学习者的感知,但却显得 主次不分,并容易使学习者分散注意力,甚至有的媒体成为毫无意义的累赘,而起不到应有的效果。如果必须把多种媒体引入,最好能让操作者控制依次展示,给人 以清晰、有序的感觉。

  四、前后一致

  前后一致是人机界面领域的普遍原则,它是将相同类型的信息使用一致的相似方式显示,包括显示风格、布局、位置、所使用的颜色等的一致性,以及相 似的人机操作方式。一致性的交互界面,可帮助学习者把他们当前的知识、经验推广到新课件中去,从而减轻学习者重新学习、记忆的负担。

  五、色彩搭配协调

  界面的色彩美与教学内容密切相关。色调要鲜明,要为塑造的形象、创造的意境和表现的主题服务。不同的主题,不同的内容,应用不同的色调来表现。 根据教学的意境,有的需要明快,有的需要低沉。色彩美是界面艺术美的重要组成部分,它可使学习者在学习过程中得到美的感受,在美的陶冶中增加情趣,得到更 好的感知和理解。但色彩如果使用不合理,就会对人产生视觉疲劳等方面的心理影响,过分渲染则分散人的注意力。因此,色彩的使用也必须遵循一定的原则。

  1.正确配置显示的前景、背景色彩。前景与背景在色彩上要有鲜明的区别,形成明暗的对比。一般以单色或特定的简单图形做背景,但对比不能过于强 烈,否则刺激太大,使人产生疲劳。文字一般在深色或中度色调背景上用白字或黄字;在浅色的背景上用深色字。再例如动画设计,一般选择深色作为底色,动静部 分使用对比强烈的色彩,以区分不同的功能。

  2.每次显示使用颜色不宜过多。使用过多颜色的屏幕反而不利于区分颜色及使用颜色的含义。在不必要的情况下,显示使用的颜色宁少勿多。

  3.同屏颜色组合对比度适当。在同一屏幕上使用多种颜色时,选择使用适当对比度的颜色组合。对比度大的颜色可以一起使用而不易引起混淆,而如果 使用过于相近的颜色,则会影响辨别,因为当亮度发生变化时,原先相近的颜色在视觉效果上可能混淆起来。例如,在高亮度下易于分辨的黄色和橙色,当亮度变暗 时,学习者看到的这两种颜色都与褐色相像。

  4.辅助信息颜色使用强调柔和、平淡。使用低饱和度、低亮度颜色来显示不需强调的辅助信息,如使用柔和、平淡的颜色。

  六、界面组接流畅

  界面间组接的基本原则是要使学习者的注意力从这一界面自然地过渡到下一界面,中间没有明显的视觉间断感和跳跃感。要达到这一点,必须做到:

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

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

  3.界面间的组接必须符合事物发展的规律。在表达教学内容时,首先应当介绍整体,然后再仔细分析某一局部;在解释一个问题时,一般是首先提出问题,然后再分析、解决问题。

  综上所述,界面的设计不仅要向用户提供一个交互性强的操作环境,而且还要从用户的感观享受等方面进行全盘考虑。所以在界面设计时,应该把握整体,统筹安排,制作出和谐统一的课件,达到最佳的教学效果。

 

转自:http://365et.online.sh.cn/searchnews.asp?newsclass=65


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步