多媒体界面设计艺术教案

第一篇：多媒体界面设计艺术教案

多媒体界面设计艺术教案

一、教学流程

引入→→新授→→课程总结→→课后提高

二、教学目标设计

【知识目标】通过本章节的学习，可以了解到计算机系统基本组成、计算机常见硬件的基础知识及计算机的基本工作原理。

【技能目标】对于本章节所涉及的计算机多媒体界面设计基础知识，通过学生的学习重点了解计算机多媒体界面设计的语言，弄懂个语言。通过教师课堂的总结和课外练习，加深、巩固知识的学习。【情感目标】培养学生对计算机的兴趣和爱好，并能驱使学生动手探索新的知识，提高学生的专业素养。

三、教学环境说明

多媒体教学，通过多媒体的直观、明了的特征，使教师所授的知识一目了然，同时有助于学生的理解。总课时：两课时。

四、教材分析

本课程所采用的是教育部指定编写的《多媒体界面设计艺术》一书，它是为培养大、中专层次应用型人才使用计算机多媒体界面设计技能而开设的课程。本课程是一门有关计算机多媒体界面设计知识的入门课程，主要着重计算机多媒体界面设计的基础知识、基本概念和基本操作技能的学习和培养，计算多媒体界面设计机应用领域前沿知识的介绍，为学生进一步学习计算机多媒体界面设计有关知识打下理论和实践操作的基础。

五、学习者分析

对于一般的中学的学生来说，对计算机的基本知识都有所了解，少数同学对计算机的操作还十分熟练，但绝大多数学生只会简单操作，对计算机多媒体界面设计的基本结构知之甚少；而学生对理论教学缺乏兴趣。为此，本课程必须在学生原有的基础之上，运用多媒体课件来引发学生爱好，并通过一定的实践让学生加深和巩固理论知识。

六、教师情况说明与形象设计

精神饱满，着装整洁，师生互动教学，给学生提供轻松愉快的学习环境。在实际的教学过程中，教师要对知识点掌握透彻，明确学习的难、重点，有一定实践经验。学习本门课程重在理解，多让学生在实际的操作过程中吸收新的知识。

七、教学重点选择与设计 【重点】多媒体画面的语言

【确定原因】多媒体语言包括:“图”——静止画面语言，“文”——文本语言，“声”——声音语言，“像”——运动画面语言，“交互”——教学过程的控制。

【解决方案】静止画面艺术，主要体现在“形”和“色”两个方面。可以利用构图的基本元素: 面、线、点、影调、色彩、肌理和空间组成。及构成的艺术规律：对比、均衡、呼应、变化等手法来表现。

八、教学难点选择与设计 【难点】色彩的应用 【确定原因】色彩：传统艺术中：依靠不同种类颜料自身的特性来表现色彩，有时甚至可以“不择手段”地采用物体本身特有的效果来表现

【解决方案】多媒体画面艺术中：由“0，1”两个数字组成各种色彩，依靠软件制作效果，如何表现各种质感是多媒体画面艺术要研究的技术。利用明度推移、色相推移、纯度推移、及色彩的心理联想。

九、教学方法设计

【自主学习法】学生在教师授课之前，应先预习课本，对知识有一个大致的了解，以便在重点、难点的学习中更加容易；教师授课之后，学生要不断对知识进行巩固。

【理解记忆法】学生在教师理论教学的基础上，通过理解的方式，对本节内容加以记忆。在学习过程中，要善于思考，掌握基础。【讲授法】教师运用口头语言向学生解释概念、讲解原理和阐明规律，生动形象的向学生教授课程的知识点。

【多媒体演示法】通过对媒体课件可以让学生对新知识有直观的了解，能够加深学生的记忆。更能生动形象的展示整个课程。

十、教学过程

【结合实际，引入新课】

电子计算机诞生于20世纪中叶，是人类最伟大的发明之一，是科学技术发展史上的里程碑。第一台计算机ENIAC诞生于1946年，经过了四个阶段发展，计算机技术日新月异，计算机的应用已迅速渗透到人类社会的方方面面。从科学研究、工农业生产、军事科技、文化教育到家庭生活。

【新授知识点，明确目标】

1、多媒体界面设计艺术分为：

一、多媒体画面的语言

二、静止画面艺术基础

三、多媒体界面欣赏

2、多媒体画面的语言

多媒体语言包括:“图”——静止画面语言，“文”——文本语言，“声”——声音语言，“像”——运动画面语言，“交互”——教学过程的控制。

静止画面艺术——静止画面的基本元素（面、线、点、空间、影调、肌理和色彩）的艺术特点及由这些元素构成画面的一些艺术规律。

运动画面艺术——动感的艺术（包括表现运动和运动表现的艺术）。形成艺术画面的基本元素是镜头的推、拉、摇、和摄像机位的升降，移动产生的画面效果，其艺术规律体现在景别变化和画面组接上。画面的文本艺术——包括字母的构成与呈现、字体的特点与应用以及文本在多媒体画面上呈现的一些艺术规律。

画面的声音艺术——包括解说词、背景音乐和音响效果等三种声音形式在多媒体画面上呈现的一些艺术规律。

交互功能运用的艺术——不同于上述各种媒体呈现艺术，主要体现在对教学过程的控制。包括在导航、互动教学和练习等领域上运用的艺术。

3、静止画面语言：

分为形、色与点、线、面。

静止画面艺术，主要体现在“形”和“色”两个方面：

“形”——构图艺术（平面构成）

“色”——色彩艺术（色彩构成）

构图艺术重点研究“形”和“色”的基本元素及其构图的一些艺术规律。

“一幅画面的结构”

是将一些构图的基本元素组合艺术的整体，通过画面的形式结构来表现画面内容和美感。构图的基本元素: 面、线、点、影调、色彩、肌理和空间组成。构成的艺术规律：对比、均衡、呼应、变化等手法。

几何学以逻辑推理的理性思维为基础，认为点、线、面和空间中，点是基础：

点——只有位置、没有大小 线——只有长度、没有宽度 面——只有面积、没有厚度

(平面属于二维空间，而平面的旋转或曲线的移动属于三维空间等)

4、面：

由封闭轮廓线形成的面具有两大特征：面的形态与面的肌理 面在画面中的呈现有两个任务：传达信息和传达美感。制作多媒体教材时，以传达信息为主，艺术性则以优化学习，阅读环境为目的。根据教学效率和教学效果的关系可将画面分为:

信息区——占用画面的60%-70%（过大时教学效果不佳）

美化区——占用画面的30%-40%（过大时教学效率不高）

5、线：

线和面一样，仍具有形态和肌理两大特征。

6、点：

点在画面中的呈现艺术：

点虽小，但在画面中的作用不亚于面和线。变异的点具有注目性，可用作强调教学内容中的重点和难点。

群集的点可构成丰富多彩的图案，使画面呈现出许多出人意料的艺术效果。

点的面积因素：当某图形的面积与背景或周围景物相比，小得十分悬殊以至可以忽略外形时，该图形便可视为点。

点的形状因素：按照人的视觉习惯，点应该呈圆形。画面中放置两个面积相等的图形：花瓣形而另和圆形，按照习惯将圆形视为点，而将花瓣仍看作是花瓣图形。

画面上，点的注目性主要用以下几种方式呈现出来。当画面上只有一个点时，无论这个点的大小如何以及位于画面上的哪个位置，它都会让视线集中在它上面，成为注视中心。画面上背景越素雅、纯净，点的这种注目性就越加显著。

点在画面中的呈现艺术：当众多的点散乱地或者规则地分布在画面上时，其中某一个（或者有限几个）点出现（颜色、明暗或形态上的）变异，则这一个（或几个）点将会引起注目。

【章节总结，巩固知识点】 【课后练习，加深学习内容】

十一、教学评价设计

1．多媒体画面的语言由哪几个部分组成？

2．静止画面语言和运动画面语言存有什么区别？

3．点、线、面的特征？

十二、板书设计（若使用黑板教学）

副板书 主板书 注释 多媒体画面的语言 静止画面艺术基础 多媒体界面欣赏

一、多媒体画面的语言的组成； “图”——静止画面语言 “文”——文本语言

“声”——声音语言 “像”——运动画面语言

“交互”——教学过程的控制

二、静止画面语言的特点 “形”——构图艺术（平面构成）“色”——色彩艺术（色彩构成）

三、形的组成

点——只有位置、没有大小 线——只有长度、没有宽度 面——只有面积、没有厚度

四、课后作业 引入 新授 色彩应用练习教师出题，学生解答 课后实际操作练习

第二篇：多媒体的界面设计教案

高一信息技术教案

编写时间： 2009年11月8日

执行人：

李济生

课题：多媒体作品的界面设计。

教学目标：

1、理解多媒体作品的界面设计原则。

2、熟悉界面布局设计、美工设计和交互设计的特点和方法。

3、使用PPT进行多媒体界面设计。重点：使用PPT进行多媒体界面设计。难点：掌握界面设计的基本原则。教具准备：多媒体课件，示例资料。教学策略：分组讨论，任务驱动。教学过程：

一、导入：

展示示例《孙中山》多媒体文件，对界面进行分析，让学生对界面设计有个初步的认识，展示各小组设计的多媒体界面草图，让学生对草图进行分组讨论：你认为哪一组的设计最好，为什么？通过学生的回答导入多媒体界面设计遵循的原则。

二、新授：

1、多媒体界面设计的目的：合理安排和设定需要表达的多媒体信息及其表现形式和组织形式。

多媒体界面设计包括布局设计、美术设计、交互设计。

2、布局设计遵循的原则和方法

1）、界面布局应该有整体上的一致性。2）、界面布局要简明清晰。3）、注意突出主题信息。4）、注意文字显示的效果。

3、美术设计：注意色彩的搭配。

4、交互设计：

选择合适的交互方式：菜单（适合命令较多的情况）、按钮（适合命令较少的情况）、对话（效率低、灵活性差，不提倡使用）。

5、使用PPT进行多媒体界面设计。

1）、教师展示基本操作。

PPT界面的认识；

PPT中图形的画法与组合

2）、学生通过学习资料自主学习PPT的基本操作。

三、本课小结。

四、作业：完善自己的作品。

执行时间： 2009年11月9日

第三篇：多媒体课件界面设计略谈

多媒体课件界面设计略谈

现代教育技术专业毕业论文

牛 赟

关键词：

多媒体

课件

界面

设计

内容提要：

多媒体课件以图、文、声、像并茂的方式进行形象化教学，弥补了传统教学在直观感、立体感和动态感方面的不足。一个好的多媒体课件，离不了好的界面设计。界面是联系人和计算机的桥梁，是传播知识的纽带。界面向学习者提供一个赏心悦目的视觉环境，可以激发学习者兴趣，提高学习的积极性。

正文：

界面是计算机系统中人与机器直接打交道的部分。在多媒体课件中，界面的设计综合了文学、音乐、美术、计算机技术等多个学科的内容。据统计，在人类通过感觉器官收集到的各种信息当中，视觉约占65％。因此，在多媒体课件设计过程中，充分考虑人的视觉特性对知识的高效传播是十分重要的。灵活、美观、易操作的人机界面对于调动和激发学习者的兴趣，提高学习积极性，具有重要作用。为此，我们可从以下几个方面考虑来精心设计操作界面。

一、操作简便

多媒体课件是面向学习者的，在设计时要考虑到学习者的特点、能力、知识水平，立足于非计算机操作者进行设计，不应对用户有额外的知识、技能要求。

1.安装使用力求方便。课件是一个软件，它的安装、启动过程应力求简单，一般通过鼠标和键盘的几个简单操作动作即可完成。运行时，课件的结构、内容、主要操作方法、功能键等应该符合人们的操作习惯。

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

二、多媒体课件界面要简洁

1、力避做成教材的翻版。课件不能仅限于文字教材的“复制”，否则就失去了课件直观、立体、动感的风格，失去“多媒体”所呈现给学习者的视觉美感和读解多媒体教材时产生的心理上的愉悦。

2、是“简洁”不等于“简单”。避免违背教学规律和学习者的认知规律，盲目或错误地更改、删减教学内容的逻辑结构，造成界面层级之间纷乱复杂；或者在媒体选用上过于单一，界面初始元素设计随心所欲，这样势必会影响学习者的学习积极性和对知识信息的有效获取。

3、要力避“华而不实”。课件的最终目的是传授知识，是为教学服务的，不应该让绚烂多彩的画面冲淡要旨。因为片面地追求界面色彩的丰富和显示内容的“豪华”，势必会增大多媒体教材的存储空间，导致执行繁杂，运行速度慢，还容易提供不必要的“无关信息”，转移学习者的注意力，降低课件的教学功能。色彩选择过多或界面元素布局不合理，界面设计无视觉中心也容易造成学习者的视觉疲劳。

三、内容简洁

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

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

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

四、布局合理

人眼只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方，只有先看什么，后看什么，再看什么依次顺序进行。人们在阅读一种信息载体时，视线总有一种自然的流动习惯，普遍都是从左到右，由上到下，由左上方沿着弧形线向右下方流动的过程。

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

2.重点集中，视点明确。由于计算机屏幕尺寸所限，要求重点集中，视点明确。在同一画面上，不应出现两个以上的兴趣中心，以免分散学习者的注意力。

3.合理预留空行、空格。必要的空行及空格会使结构合理，条理清晰，阅读、查找方便；相反，过分密密麻麻的显示会损害学习者的视觉，也不利于学习者把注意力集中到有用的信息上。4.美观大方，层次清晰。界面设计要美观大方，不落俗套，但也不易过分“花哨”。界面的“花哨”虽然能从心理上加深刺激学习者的感知，但却显得主次不分，并容易使学习者分散注意力，甚至有的媒体成为毫无意义的累赘，而起不到应有的效果。如果必须把多种媒体引入，最好能让操作者控制依次展示，给人以清晰、有序的感觉。

五、前后一致

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

六、色彩的和谐搭配

设计多媒休课件界面时，颜色运用得当，能使屏幕界面高雅、清爽，教学内容条理清晰，激起学生的学习兴趣，从而可以得到较好的学习效果。但若颜色使用不当，会起到相反的作用。

在运用颜色时要注意以下几个问题：（1）、一个屏幕界面不能同时使用太多的颜色

过多地使用颜色，会转移学习者注意力，这样不仅浪费了学习者对教学内容的学习精力，而且过多的颜色会增加学习者的反应时间，增加出错的机会，易于引起视觉疲劳。因此在同一屏幕界面内，避免使用过多的颜色，一般不应超过四五种。用柔和、平淡的颜色。

（2）、颜色配置应高雅、清爽。

作为背景颜色的色彩选择，应高雅、清爽，不能选用色调太深、太浓的色彩。选择太深、太浓的色彩，一方面会较快地引起学习者的视觉疲劳，另一方面还会造成主体文字色彩难配而造成主体不突出的结果。辅助信息颜色使用强调柔和、平淡。使用低饱和度、低亮度颜色来显示不需强调的辅助信息。

据有关实验表明，人对各种色彩的感受是不一样的。

从感受情绪来说，红色、橙色，黄色使人感到温暖，蓝色、青色、白色 使人感到寒冷；

从感知速度上来说，感知速度最快的依次是红色、绿色、黄色，最慢的 是白色。

而且各种色彩对人的视觉刺激的强度也不一样，一般说来，暖色大于冷 色，原色大于补色，补色又大于消色，红色最强。

所以，在设计多媒体课件的页面时，对色彩的处理必须谨慎，不能只凭个人对色彩感觉的好恶来表现，而要根据内容的主次、风格以及学习对象来选择合适的色彩作为主体色调，如内容活泼的常以鲜艳、亮丽的色调来表现；柔性诉求的则以粉色、紫色系列来传达；政治、文化类的以暖色、绿色来衬托，一些科技类及专业内容则以蓝色、灰色来定调。

（3）、所用颜色的含义要与人们生活中所识的颜色含义相同，不同国家、不同的民族由于其历史经历不同，就同一种颜色而言，其所蕴涵的意义可能各不相同。根据人们的生活习惯，不同的色彩反映了人们不同的感受体验，色彩都有一些较为确定的意义内涵，比如：

红色：停止、火、热、危险 黄色：警告、慢速、测试

绿色：前进、状况良好、清楚、植物、安全 蓝色：冷却、水、安静、天空、中立

暖色：活动中的。要求作出反应的、关系密切的 冷色：静止的、状态信息、背景的、关系疏远的 灰色、白色：中性

由于每一种颜色在人们心目中已约定俗成的含义，所以在使用颜色来表达某种意义的时候，要与人们的期望值相同，否则会引起用户不可思议或产生抵触情绪，造成迷惑和混乱。

（4）、色彩的一致性

在一个多媒体课件中，色彩的含义应保持始终一致，不宜过多地改变。在界面布局中，各区域的背景色、各种按钮的颜色应基本不变。在同一区域中（如教学内容显示区），颜色的运用更应该保持一致，如各种级别标题的背景色、字色应尽量保持不变等。

背景的色彩基调就是课件的整体基调，一般来说，一部课件要有一个整体基调，不管层次多么复杂，课件的整体基调不能变，不能一会儿红，一会儿蓝，一会儿黑，一会儿白，那样，色彩就乱了，使课件内容首先从页面上失去了整体感，从而显得杂乱无章，不统一了。网络课件由于传输速度的需要，根据其文字内容量大、字体小的特点，背景一般采用白色。而单机版多媒体课件（包括电子提纲），背景常采用深色或浅色调，一方面便于衬托媒体，更重要的是为了装饰和美化的方便，如在深色或浅色的背景上可作一些过渡色及边框修饰，镶嵌一些图案、材质和花纹等，起到美观和深化主题的作用，而白色背景在装饰上就受到限制。为了使字幕和图形显得清晰，背景或采用深色或采用浅色，而避免用不深不浅的颜色，否则，字幕和图形不管采用何种色度的颜色，都不能得到清晰的显示。

需要强调的是，课件界面设计中把握色彩的原则是：背景与所衬媒体的色调要基本一致，整幅界面要保持一个主色调，同时，相互之间在颜色的深浅度上要形成反差，以使媒体（主要是字幕）在和谐的背景衬托下显得清爽明亮，整幅页面从色彩上达到和谐美观。

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

七、界面组接流畅

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

1.界面切换自然。界面切换要保持在方向、色彩、亮度等方面的协调，如果把反差较大的画面组接在一起，会让人感到不舒服。同时界面间切换应非常迅速，不应出现较长久的等待。

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

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

八、字幕

对字幕的设计从形式上讲，要做到以下几点：

第一，字体的选择要有层次感，要体现知识的层次，体例要统一，避免零乱。从字体的选择来说，依据段落的大小和内容的层次，字体由重到轻、由粗到细排列。

（1）文字密度要合适：在使用文本来传递教学内容时，应该用尽量少的文字来表示事实或概念的含义，不能用满屏都是文本的方法（除电子百科全书外）显示教学内容。用语要精炼，多用短句，排列要整齐，一般采用左对齐方式，当然标题可采用居中方法，数字采用右对齐方法。

（2）文本必须要选用容易阅读的字体。除了大型字号标题等可以选择一些带有美术色彩的艺术字体外，文本通常应选择易识、易读的字体，否则，会因字体太难识别而影响学习效果，应选择简体中文及笔画较粗的字体，若一定要笔画较细的字体（如宋体），则可采用加粗其笔画方式来达到目的。

第二，字色的确定要与背景形成反差。如果字幕与背景的颜色或色度太相近，将会使两者粘在一起；如果色彩繁杂而所以布设，就会破坏了画面的整体美感。解决这些问题，需要注意，一是字色与背景色在颜色上要跳开，在色度上要形成反差。即：深色背景采用浅色字，浅色背景采用深色字。比如：在深蓝色的背景上，可用白色、黄色、淡绿、淡蓝等；在白色或淡粉色的背景上，可用深蓝、黑色或赭石色等，这样，字色就从背景色中从跳出，色度也有明显的反差，字就显得清晰明亮了；二是字色与背景色在色调上要协调统一。也就是说，字色在与背景色保持反差的前提下，色调的冷暖度却要保持基本一致。比如，蓝底、绿底上不要用红字，红底紫底上不要用蓝字等，俗语说：“红配蓝，狗也嫌”。

第三，字色要根据内容层次而形成层次。为了使课件各章节、大小段落之间的层次更加明确，字幕的颜色也可依层而定。比如，在深蓝色的背景上，章用红字（加白边），节用橙色，各标题用黄色，内文用白色，形成了色彩阶梯。使画面色彩丰富又层次分明。

第四，字幕的修饰要慎重。字幕的修饰，一般是指对字进行加边，虚化，投影，立体化，加过渡色，加材质色等，除了总标或大章目的字可稍做修饰外，其它字幕最好采用单色，小字的修饰只能使其显得更累赘，更不清晰。

九、图片不可过滥

为了更直观地把现实生活在中的情景搬入课堂教学，几乎所有的多媒体课件均采用或多或少的图片服务于教学。当然，作为教学内容的图片使用时没有太多的要求，只要能说明问题就行。但有一点需要说明的是：图片文件的体积不能太大，太大了会导致运行或显示的速度比较慢。一般用JPG格式的文件较为适宜，因为JPG图片压缩比可灵活选择，而且图片质量也可基本满足要求。

图片除直接用于显示教学内容外，另一个重要的用途是作为背景而出现，效果好的背景不仅起到美化画面的作用，而且也能揭示出对应教学内容的深刻含义。所以使用图片作为背景要注意以下两点：

（1）背景图片色调不能太深或太鲜艳，否则主题文字颜色不好设置，不仅会使显示教学内容较为困难，而且也会喧宾夺主。

（2）背景图片不能太实，颜色种类不能太多。太实或颜色种类太多同样会起到喧宾夺主而且同样造成主体文字色彩不好设置的结果。所以我们在设计课件界面时，建议不用或少用底图。可以用一些小图片如小花、小草、小鸟等点缀画面，起到美化画面的作用。

十、声音

多媒体课件中的声音包括语言、音乐和效果声三种，除了语言教学声音是必须使用之外，其他课程的课件可根据内容来选用少量的声音。恰当地使用声音文件能起到引起注意、提示反应、表示事件进程、提供情景音效、提供反馈等，然而用不好则起到干扰、噪声的作用。使用声音文件应注意以下几点：

（1）不能太多过滥：过多的声音不但不能帮助学习者学习，反而影响其学习效果。

（2）音量尽量设置可调：每个人对声音的灵敏度不同，同样声压级的声音对有些人来说是悦耳动听，而对另外一些人来说则太大而变为噪音，所以音量可调尤为重要。有两种方式，一种是用Windows桌面任务栏上的“小嗽叭”图标调节，另外在界面上设置调节滑杆或其他方法来直接调节音量。

（3）用声音作转场效果声。这一点在演示型多媒体课件中较为重要。当画面切换时，添加声音能起到提示、警醒作用，对学习者形成新的刺激，使其产生再次学习的冲动。

十一、动画和视频

动画和视频能使学习者较为直观地观看教学内容发生、发展、结束的全过程，具有形象、直观、声形并茂的特点，适当采用能起到加深对教学内容理解的作用。但若为增加趣味性或展示编程技术而过多地加入视频文件，不仅造成课件体积过大，而且还会使课件运行速度较慢，而且某些格式的视频文件需要特殊的驱动程序和播放器，容易造成死机，从而降低课件的兼容性。

使用视频文件应注意以下问题：

（1）体积不能太大：采用压缩比较大的MPG1或MPG4较好，当然采用RM格式的视频文件更好。

（2）学习者能自主控制视频的播放过程：如在视频文件窗口下面设置一些操作控制按钮，如放映、暂行、停止、快进、快退等。来方便学生根据自己的情况进行操作，当然视频窗口的位置和大小也应设置可调。

综上所述，界面的设计不仅要向学习者提供一个交互性强的操作环境，而且还要从用户的视、听感官享受等方面进行全盘考虑。所以在界面设计时，应该把握整体，统筹安排，制作出文字、图形、图像、声音、动画、视频和谐统一的课件，达到最佳的教学效果。

参考文献：

1、何克抗 主编 《计算机辅助教育》 高等教育出版社

1997年版

2、祝智庭等编著《多媒体CAI课件设计与制作基础》电子工业出版社1998年版

3、《色彩》主编吕智凯 陕西人民出版社 1998年版

4、张森、宗绪锋编著《多媒体CAI课件基本原理与制作技术》北京航空航天大学出版社2000年6月版

5、付智怡《注意规律在课件设计制作中的运用》 中国电化教育2002年第2期

多媒体课件界面设计技法略谈

现代教育技术专业毕业论文

牛

赟

二 〇 〇 六 年 六 月

第四篇：简论多媒体教学软件界面设计中色彩的处理

简论多媒体教学软件界面设计中色彩的处理

【内容提要】本文就多媒体教学软件设计中界面色彩的运用问题阐述了一些观点，指出色彩的运用要符合人们的视觉心理；色彩的风格形式要与教学内容相统一。并提出了现有教学软件界面色彩运用存在的问题。对提高教学软件的设计水平和艺术性具有借鉴作用。

【关 键 词】多媒体 界面 色彩风格

随着网络和多媒体技术在社会各个领域的广泛使用，教育观念随之逐步更新，在以多媒体为主的教学活动中，知识信息的展示都是通过教学软件界面来实施的。教学软件的制作首要任务就是传达教学内容，但在内容确定的情况下，也不能忽视形式上的完美。形式美主要体现在两方面：一是形，二是色。这两方面在设计中应达到协调和统一，使学员视觉感受自然和舒适，否则，就容易引起情绪上的波动和烦乱。从我们的实践应用来看，色彩运用的好可以使教学软件产生更强的感染力和更高的艺术性。因为色彩能够生动、准确、鲜明地表达形象，对于深化主题、抒发情感、烘托气氛具有独特的作用。

一、色彩的视觉心理

我们生活在一个丰富多彩的世界里，色彩的作用是无限的，时刻影响着人们视觉心理。充分发挥其特性和作用能够取得理想的效果。

对色彩的认识应从最基本的方面去了解，人们感知到的所有色彩都有三大主要特征：色相、明度和纯度。色相是指不同色彩的相貌，如浅黄、中黄、翠绿、天蓝等，主要用来区别各种不同的色彩。明度是指色彩的深浅变化程度，如红、橙、黄、绿、青、蓝、紫七色中，黄色最亮，紫色最暗。就同一色相的色彩来说也存在着明度的区别，如浅绿、中绿、深绿等。纯度是指色彩含有不同成分的多少，如红、黄、蓝三原色纯度最高，其它一些含灰色纯度较低，不同色彩其纯度有很大差异。所以，我们必须培养对色彩的敏锐、准确的辨别能力，更有效地运用好色彩。在设计教学软件界面时，掌握好色相可以达到教学内容的要求，掌握好明度可以使之更加和谐，掌握好纯度可以达到生动真实的目的。

色彩是通过视觉刺激诱发人们生理上的效应，能够唤起某种想象和某种情感，这种情感是一个复杂而又微妙的问题。就一般人来说，在生理基础等方面有很多相同或相似之处，所以对色彩的感觉大体是一致的。

1、色彩的冷与暖：不同色相的色彩带有不同冷暖倾向，对人产生的心理效应有很大区别。由于倾向红、橙、黄等色彩常使人联想起与之有关的事物，如太阳、火焰而产生温暖感即称为暖色；兰、绿、紫等色彩使人联想到海水、黑夜、草地而产生寒冷感即称为冷色。

2、色彩的兴奋与沉静：它与色相、明度有关，红、黄色使人兴奋且刺激性较强；蓝、绿色给人以沉静之感。中明度鲜艳色可以给人带来兴奋感，中暗度混浊色富有沉静感。

3、色彩的活泼与忧郁：它与色相、纯度、明度有关，暖色和纯度、明度较高的色，如淡黄、粉红、浅绿给人以活泼之感；冷色和纯度、明度较低的色，如土黄、墨绿、灰蓝有忧郁之感。

4、色彩的华丽与朴素：它与色相、纯度、明度有关，暖色和明度较高的纯色，如黄、橙红给人以华丽感；冷色和明度、纯度较低的色，如赭赫、黑蓝具有朴素感。

5、色彩的轻与重：它与明度有直接关系，明度较高的色，如淡黄、天蓝有轻飘感，明度较低的色，如深蓝、深紫、黑灰给人以沉重感。

以上对色彩共同感的分析，主要使我们对色彩产生更深层次的理解，有意识地去处理色彩，根据视觉心理和不同的要求有选择地使用。从这一点中我们也可以看出，色彩本身的含义具有抽象的一面。绘画大师康定斯基在1980年创作抽象派绘画时说：“每种色彩有它自己恰当的表现价值，所以就可能在不画出物体的情况创造出有意义的真实”。

二、多媒体教学软件界面设计中色彩的运用

在多媒体教学软件界面设计中，确定适当形式的同时必须考虑色彩的运用，这是创作构思的两个方面。就色彩运用而言它直接关系到设计质量和水平，同时也关系到能否准确表达主题内容以及如何体现形式美感。

首先，我们应该从这样几方面来确定色彩运用的依据：一是类型因素。选择运用的色彩要符合不同软件类型的需要。如军事类、文化类、艺术类、医学类、政治类、娱乐类等等，不同类型的软件界面需要运用不同的色彩效果去表现，使形式与内容相统一，符合人们日常固有的认识习惯。二是内容主体因素。主体形象很多具有象征意义。应择取不同的色彩形成一种氛围来烘托主体，使之与内容更加贴切。三是应用范围因素。主要是考虑软件制作完成后应用的范围，包括不同民族、不同地域、不同年龄范围。这一因素也会制约色彩运用的构思，除以上三方面因素外还有其它因素存在，如设计者对色彩的偏爱和喜好以及主观的处理等，也会影响人们的行为。所以我们在寻找色彩运用的依据时应综合考虑，这样才能拓宽自己的思路。

其次，在多媒体教学软件界面设计中，包括的视觉元素有文字、图片、视频、动画等。为了追求这些元素的秩序化、层次化，就必须研究色彩对比、色彩谐调和色彩基调这三个问题，它是准确传达教学信息的重要手段。

1、色彩对比是指各种色彩在界面构成中的面积、形状、位置、以及色相、明度、纯度之间的差别，它是色彩配合求得变化的重要手段，可以使界面更加丰富多彩。色彩的对比规律大致有以下几点：

（1）、色相对比：是指各种色相差别而形成的对比。如黄色与绿色、橙色与蓝色等，不同色相对比取得的效果有所不同。

（2）、明度对比：是指色彩明暗程度不同而形成的对比。如蓝色与绿色、紫色与黄色等，色彩层次和空间关系主要依靠它来表现。

（3）、纯度对比：是指不同纯度色彩之间的对比。如淡红色与淡蓝色、红色与灰色等，这些不同色彩纯度的对比可以使界面变化多样。

（4）、面积对比：是指界面构成中各种色彩在面积数量上多与少、大与小的差别，色彩面积大小直接影响视觉易见度。

（5）、冷暖对比，是指不同色彩之

间的冷暖差别。如黄色与绿色、橙色与蓝色等，运用好冷暖对比可以使视觉更加舒适。

以上这些对比差异性很大，每一种的艺术效果在视觉表现上都不能相互替代。所以我们应该更加重视它的作用。

2、色彩谐调是两种以上的色彩组合在一起，能够给人以和谐之感。它是求得视觉统一，达到人们心理平衡的手段。常用的色彩谐调方法有以下几种：

（1）、加色法：将对比的两色加入同一种色彩使之谐调。

（2）、变化明度法：改变两色或其中一色的明度，缓冲色彩刺激亦可谐调。

（3）、变化纯度法：改变一色或两色纯度也可谐调。

（4）、间隔法：在两色之间加一中性色（黑、白、灰）既保持了两色的纯度又达到了谐调。

以上这四种谐调方法可以有选择地单独使用或综合使用，把不同的色彩统一在整体之中给人和谐之美。

3、在设计中往往需要各种不同的色彩构成界面，色与色之间必须相互配合、关联，形成色彩总体特征和总体倾向，这就是色彩基调。把握好这一点对于取得良好的整体感起着决定性作用。色彩基调的准确与否会直接影响到界面的效果。从色相来分：有红色调、黄色调、蓝色调、绿色调等；从色性来分：有冷色调、暖色调；从明度来分：有亮色调、暗色调；从纯度来分有高纯度调、低纯度色调。同一界面可以处理成不同的色调，表现不同的氛围和意境。在处理色调时要根据内容主题进行恰当的选择，也就是先确定一种主色，同时还要注意色彩的繁简衬托关系，在细部设计上做到精心安排，包括各种对比因素和谐调因素，这样可以给人带来色彩美感，增强多媒体教学软件的艺术感染力。

三、多媒体教学软件界面设计的色彩风格及特点

多媒体教学软件界面色彩运用的不同可以形成多种风格。从美学角度来研究界面色彩的设计可以看出，缺乏视觉的准确性和没有感人力量的象征主义只会是一种贫乏的形式主义；缺乏象征性真实和没有情感力量的视觉印象效果只能是平凡的、模仿的自然主义。

我们只要加以分析比较，就会发现不同的教学软件界面具有各自不同的风格和特点。有的沉稳严肃、有的活泼潇洒、有的抒情性强、有的趋于哲理。艺术风格具体地反映在结构语言等各种因素之中，实际上就是内容与形式的完美统一所呈现出来的艺术特征，没有风格的作品只能是平淡无味、千篇一律的。艺术风格应该是独特的，不是一成不变的，但又具有相对的稳定性。它愈鲜明影响就愈大，对学员的吸引力就愈强。下面我们从色相、色性、明度和纯度等方面来分析一下不同的色彩风格。一是从色相上来把握色彩风格及特点，它包括各种色相所形成的色调风格。如政工类常采用红色调，因红色本身具有独特的内涵，可以使主题更加明确，形成端庄、严肃的特点；生物类常采用绿色调，因为绿色是生命的象征，它与生物有一种内在的联系，具有生机昂然、蓬勃向上、和谐舒适的特点。二是从色性上来把握色彩风格及特点，它有暖色调和冷色调风格的区别。如音乐类采用暖色调较多，因暖色本身它能激发和调动人的情绪，具有动感、热烈的特点；体育类采用冷色调风格较多，因为体育给人以竞争、激烈、疯狂之感，运用一些冷色来平衡人们的心理情绪，这种反向思维可以达到很好的效果。三是从明度上来把握色彩风格及特点，它包括亮色调和暗度色调等不同风格。如在医学类中采用亮色调风格较多，主要有白色、淡蓝色、淡绿色等色调风格，可以形成淡雅、洁净、明快的特点，适合于医学教学内容、环境气氛以及学员的心理需求；艺术类采用低明度色调风格较多，主要有深蓝色、黑赭色、黑色等色调风格，它们有一种虚拟的感觉，形成深沉、稳重、神秘等特点。四是从纯度上来把握色彩风格及特点，它有高纯度和低纯度色调风格的区别。如娱乐类常采用一些高纯度色调风格，因为高纯度色彩比较鲜艳夺目，能够使人达到心情愉快之感，所以它具有活泼、刺激强性等特点；哲学、理工类采用低纯度色调风格较多，低纯度色调它含有一定灰色成分，给人以平稳、含蓄的感觉，具有条理、秩序、深奥等特点。

上面我们所列举的一些界面色彩风格都具有相对性，因为色彩变化是微妙和神奇的，应该按教学内容的不同灵活地去运用。但还必须具有创新意识，创作出有自己特色的教学软件界面，来满足日益发展的多媒体教学需要。

四、多媒体教学软件界面色彩运用的常见问题

我们常常可以看到一些多媒体教学软件设计的范例，但许多软件界面并非都很理想。有些内容与形式不统一；有些不能充分准确地传达教学内容；有些形势感不强；有些不能集中和吸引学员的注意力等。这些问题的出现同色彩运用不当有很大关系。

第一界面设计没有完整的艺术构思，从用色上看，就是把握不住整体的色彩感觉，主要体现是没有色彩基调，随意性较强，色彩零乱和过多。一般在设计中要考虑色彩秩序和谐调，才能达到最佳境界，并非用色越多越好。为了解决这一问题需要我们对色彩的基本理论加以认识，理解色彩的独立表意功能。

第二存在着主体不突出层次混乱的问题。从主宾关系上看，就文字与背景之间的来分析，有时文字不醒目达不到良好的视觉效果。为了解决这一问题可采用色彩的各种对比等手段进行调整，达到主体突出、层次清晰的目的。

第三界面色彩之间缺少呼应。呼应就是相同或相似的色彩相互照应，不能使某一部分色彩感到孤立，这样更符合人的心理习惯，有呼应才能更加完美。

第四不考虑使用的设备条件和环境条件。不同的设备和环境对界面色彩运用的要求不同，这也是影响教学软件效果的客观因素，在设计中用色必须加以注意，有时含灰色不易过多，以避免一些不必要的麻烦。

当前，关于多媒体教学软件界面设计的参考资料和书籍较少，给设计工作带来了很多不便，但我们可以从其它渠道获取一些信息。如不同网站的各种网页、电子游戏、美术平面设计、电视广告和摄影作品，这些都具有一定的参考价值和借鉴作用。只有我们充分发挥自己的想象力，多观看、多研究、多总结,才能在理论与实践中求得发展，为搞好现代军事教育和提高教学质量作出自己努力。

作者姓名 杨玉声

本文转自：中小学教育资源站（http://www.edudown.net）原文链接：http://www.edudown.net/Article/xuexi/200607/6230_3.html

第五篇：网站界面设计心得

网站界面设计方法

网站界面设计方法

软件的整体风格和整体气氛表达要同企业形象相符合并应该很好的体现企业 CI 这方面比较经典的案例有：可口可乐个性鲜明的前卫软件 “Life Tast Good” 工整、全面、细致的通用电气公司软件 “We bring good thing to life GE 带来美好的生活）” 崇尚科技创新文化的 3M 公司软件 “Creat solut for busi industri and home” 刻意扮演一个数字电子娱乐之集大成者的角色，另外。要成为新时代梦想实现者的索尼软件；平易近人、亲情浓郁的通用汽车公司软件体现了 “ 以人为本 ” 企业定位和营销策略；服务全面、细致、方便，处处体现 “ 门庭若市 ” 服务理念的希尔顿大酒店软件。

包括硬件界面和软件界面，界面设计是人与机器之间传送和交换信息的媒介。计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。

研究包括：

硬件人机界面的设计风格、人文关怀等；软件人机界面的形式与标准、软件人机界面设计、Internet 网页界面设计、图标设计等；人机界面设计评价与可用性测试；新交互技术及展望，人机界面的定义、起源、发展、研究内容及发展趋势；人机界面设计中认知心理学、人机工程学、人机界面的艺术设计、色彩设计等；人机界面设计。介绍了多通道用户界面、下一代人机界面展望及附录。

关于软件界面设计 : 会看到很多软件设计很朴素，软件用户界面（Softwar User Interfac 指软件用于和用户交流的外观、部件和程序等等。如果你经常上网的话。看起来给人一种很舒服的感觉；有点软件很有创意，能给人带来意外的惊喜和视觉的冲击；而相当多的软件页面上充斥着怪异的字体，花哨的色彩和图片，给人网页制作粗劣的感觉。软件界面的设计，既要从外观上进行创意以到达吸引眼球的目的还要结合图形和版面设计的相关原理，从而使得软件设计变成了一门独特的艺术。通常的讲，企业软件用户界面的设计应遵循以下几个基本原则： ．用户导向（User orient 原则

要站在用户的观点和立场上来考虑设计软件。要作到这一点，设计网页首先要明确到底谁是使用者。必需要和用户来沟通，解他需求、目标、期望和偏好等。网页的设计者要清楚，用户之间差别很大，能力各有不同。比如有的用户可能会在视觉方面有欠缺（如色盲）对很多的颜色分辨不清；有的用户的听觉也会有障碍，对于软件的语音提示反映愚钝；而且相当一部分用户的计算机使用经验很初级，对于复杂一点的操作会感觉到很费力。另外，用户使用的计算机机器配置也是千差万别，包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。设计者如果忽视了这些差异，设计出的网页在不同的机器上显示就会造成混乱。． KISS Keep It Simpl And Stupid 原则 简洁和易于操作是网页设计的最重要的原则。终究，KISS 原则就是 “Keep It Simpl And Stupid” 缩写。软件建设进去是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作，堆集上很多复杂和花哨的图片。该原则一般的要求，网页的下载不要超越 10 秒钟（普通的拨号用户 56 Kbp 网速）尽量使用文本链接，而减少大幅图片和动画的使用；操作设计尽量简单，并且有明确的操作提示；软件所有的内容和服务都在显眼处向用户予以说明等。．布局控制

很多网页设计者重视不够，关于网页排版布局方面。网页排版设计的过于死板，甚至照抄他人。如果网页的布局凌乱，仅仅把大量的信息堆集在页面上，会干扰浏览者的阅读。一般在网页设计上所要遵循的原理有：

人一次性接受的信息量在 7 个比特左右为宜。总结一个公式为：一个人一次所接受的信息量为 7 ± 2 比特。这一原理被广泛应用于软件建设中，1 Miller 公式。根据心理学家 Georg A.Miller 研究标明。一般网页上面的栏目选择最佳在 5 9 个之间，如果软件所提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑，会让人感觉到信息太密集，看不过来，很累。例如 Aol.com 栏目设置： Main MyA ol Mail Peopl Search Shop Channel 和 Devic 共八个分类。Msn.com 栏目设置： MSN Home My MSN Hotmail Search Shop Monei 和 Peopl & Chat 共七项。然而很多国内的软件在栏目的设置远远超出这个区间。

不能超过 9 个栏目。但如果你内容实在多，2 分组处置。上面提到对于信息的分类。超出了 9 个，需要进行分组处置。如果，网页上提供几十篇文章的链接，需要每隔 7 篇加一个空行或平行线做以分组。如果你软件内容栏目超出 9 个，如微软公司的软件，共有 11 个栏目，超越了 9 个。为了不破坏 Miller 公式，设计时使用蓝黑两种颜色分开，具体可以访问 www.xiexiebang.com 4 ．视觉平衡

也要各种元素（如图形、文字、空白）都会有视觉作用。根据视觉原理，网页设计时。图形与一块文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，设计网页时需要以更多的文字来平衡一幅图片。另外，依照中国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个这个道理。例如，很多的文字是采用左对齐〈 Align=left 需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。一般情况下，每张网页都会设置一个页眉部分和一个页脚部分，页眉部分常放置一些 Banner 广告或导航条，而页脚局部通常放置联系方式和版权信息等，页眉和页脚在设计上也要注重视觉平衡。同时，也决不能低估空白的价值。如果你网页上所显示的信息非常密集，这样不但有利于读者阅读，甚至会引起读者反感，破坏该软件的形象。网页设计上，适当增加一些空白，精炼你网页，使得页面变的简洁。5 ．色彩的搭配和文字的可阅读性

不同的颜色对人的感觉有不同的影响，颜色是影响网页的重要因素。例如：红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，一种快活的颜色；黑颜色显得比较庄重，考虑到希望对浏览者产生什么影响，为网页设计选择合适的颜色（包括背景色、元素颜色、文字颜色、链节颜色等）可以参考报纸的编排方式将网页的内容分栏设计，为方便阅读软件上的信息。甚至两栏也要比一满页的视觉效果要好。另一种能够提高文字可读性的因素是所选择的字体，通用的字体（Arial Courier New Garamond Time New Roman 中文宋体）最易阅读，特殊字体用于标题效果较好，但是不适合正文。如果在整个页面使用一些特殊字体（如 Cloister Gothic Script Westminst 华文彩云，华文行楷）这样读者阅读起来感觉一定很糟糕。该类特殊字体如果在页面上大量使用，会使得阅读颇为费力，浏览者的眼睛很快就会疲劳，不得不转移到其他页面。6 ．和谐与一致性

使得设计良好的网页看起来应该是和谐的或者说，通过对软件的各种元素（颜色、字体、图形、空白等）使用一定的规格。软件的众多单独网页应该看起来像一个整体。软件设计上要保持一致性，这又是很重要的一点。一致的结构设计，可以让浏览者对软件的形象有深刻的记忆；一致的导航设计，可以让浏览者迅速而又有效的进入在软件中自己所需要的局部；一致的操作设计，可以让浏览者快速学会在整个软件的各种功能操作。破坏这一原则，会误导浏览者，并且让整个软件显的杂乱无章，给人留下不良的印象。当然，软件设计的一致性并不意味着刻板和一成不变，有的软件在不同栏目使用不同的风格，或者随着时间的推移不断的改版软件，会给浏览者带来新鲜的感觉。7 ．个性化 1 符合网络文化

要符合 Internet 网络文化的要求。首先，企业软件不同于传统的企业商务活动。网络最早是非正式性、非商业化的只是科研人员用来交流信息。其次，网络信息是只在计算机屏幕上显示而没有打印出来阅读，网络上的交流具有隐蔽性，谁也不知道对方的真实身份。另外，许多人在上网的时候是家中或网吧等一些比较休闲，比较随意的环境下。此时网络用户的使用环境所蕴涵的思维模式与坐在办公室里西装革履的时候大相径庭。因此，整个互联网的文化是一种休闲的非正式性的轻松活泼的文化。软件上使用幽默的网络语言，发明一种休闲的轻松愉快、非正式的氛围会使软件的访问量大增。2 塑造软件个性