1、第第2章章 多媒体课件美学基础多媒体课件美学基础 本章主要介绍多媒体课件需要具备的美学基础,本章主要介绍多媒体课件需要具备的美学基础,包括美学的概念、表现手段以及在课件中的作用,包括美学的概念、表现手段以及在课件中的作用,并从美学的角度简要介绍多媒体课件制作中需要遵并从美学的角度简要介绍多媒体课件制作中需要遵循的基本规则和应注意的问题。详细介绍课件平面循的基本规则和应注意的问题。详细介绍课件平面构成法则和色彩空间构成方法,强调平面构成和色构成法则和色彩空间构成方法,强调平面构成和色彩构成在课件中的作用。彩构成在课件中的作用。2022-5-102 艺术可以以情动人,以情感人,用形象体现本质。多媒
2、体课件不同于一般的多媒体艺术作品,它是教育性、科学性、艺术性的完整体现。多媒体课件通过科学与艺术的结合,使教育更有成效。多媒体课件必须突出艺术效果,把美学的基本理论贯穿于教学设计的全过程,达到“寓教于乐”的效果,激发学生的学习兴趣和求知欲,调动学生的学习主动性和积极性。第第2章章 多媒体课件设计基础多媒体课件设计基础2022-5-103 所谓美学是研究人与现实审美关系的学问,是研究美、美感、美的创造及美育规律的一门科学。美学既不同于一般的艺术,也不单纯是日常的美化活动,它是人类审美实践和艺术实践发展到一定历史阶段的产物,是对人类审美实践和艺术实践的概括。 2.1 美学基本概念美学基本概念 2.
3、1.1 什么是美学什么是美学 2022-5-1041 1物化教学情境,丰富审美感知物化教学情境,丰富审美感知 教学过程中的审美活动是以学生的直接审美感知开始的,并在教学全过程中不断丰富和深化。优秀的多媒体课件画面可以有效地发挥出物化教学情境的作用,潜移默化地激发与培养学生的审美情趣与审美能力。2.1.2 美学在课件中的作用美学在课件中的作用 1.1 美学基本概念美学基本概念 2022-5-1052 2愉悦情感,陶冶情操愉悦情感,陶冶情操 美学本身具有愉悦情感的功能,在课件画面中出现符合审美需求的画面会对学生的心理产生愉悦的情感效应,使之视觉上、心理上得到满足,主动接受知识信息。在学习过程中情感
4、得到升华,美学情感得到满足,达到陶冶情操的目的。 2.1.2 美学在课件中的作用美学在课件中的作用 1.1 美学基本概念美学基本概念 2022-5-1063 3人机交互,引人入胜人机交互,引人入胜 计算机形象逼真的交互界面和友好的交互环境设计,反映美学在多媒体课件设计中,能自然引导各种交互现象,扮演与学生友好合作、平等竞争的环境。以游戏教学课件为例,学生可以很轻松的在游戏环境中愉快地完成学习任务,这种把教学渗透在游戏中,能产生一种生动与轻松的学习氛围,激发学习者兴趣,促使学习者自发、自愿地进行学习,使学生在不知不觉中进入学习状态。2.1.2 美学在课件中的作用美学在课件中的作用 1.1 美学基
5、本概念美学基本概念 2022-5-107 美学有3种艺术表现手段,即绘画、平面构成和色彩构成。这里所谓构成,是指两个或两个以上的元素组合在一起,形成新的元素。 绘画是美学的基础。通过手工绘制、计算机绘制和图像处理,使线条、色块具有了美学的意义,从而构成了图画、图案、文字以及形象化的图形。 平面构成又叫“版面构成”,是美学的逻辑规则,它主要研究若干对象之间的位置。随着人们对平面构成的深入研究,已经把平面构成归纳为对版面上的“点”、“线”、“面”现象的研究。 色彩构成是美学的精华。它的主要内容是研究两个以上的色彩关系、精确到位的色彩组合和良好的色彩搭配。 2.1 美学基本概念美学基本概念 2.1.
6、3 美学的表现手段美学的表现手段2022-5-1081 1和谐和谐 从视觉形式上看,和谐指的是形态的有机组合,孤立存在的形态、线条、色彩等视觉因素必须和其他因素在相互对比中达到统一才能构成和谐。和谐的美体现在整体协调下的对比和强调这种对比关系之中。音乐中音调的和弦,建筑中各部分的比例相称,文学中结构的统一都体现了和谐的属性和特征。 2.2 课件的平面构成课件的平面构成 2.2.1 平面构成法则平面构成法则 2022-5-109 在平面构成中和谐的形式美需具备下列条件: 有两个以上视觉因素; 这些因素既相互对比,又是统一体中的局部; 形态之间既有差别又有较强的共性。根据和谐的形式美法则,在形状的
7、协调上需要注意界面上图文混排时,图像和文字块的形状要保持协调。此外,如果一个界面上有多个图像,则图像的形状和大小也要协调,其中只有一个图像起主导作用,形成视觉的中心和引力。 2.2 课件的平面构成课件的平面构成 2.2.1 平面构成法则平面构成法则 2022-5-10102 2对比与统一对比与统一 对比又称对照,把反差很大的两个视觉要素成功地排列在一起,虽然使人感受到鲜明强烈的感触而仍具有统一感的现象称为对比,它能使主题更加鲜明,视觉效果更加活跃。对比关系主要通过视觉形象色调的明暗、冷暖,色彩的饱和与不饱和,色相的迥异,形状的大小、粗细、长短、曲直、高矮、凹凸、宽窄、厚薄,方向的垂直、水平、倾
8、斜,数量的多少,排列的疏密,位置的上下、左右、高低、远近,形态的虚实、黑白、轻重、动静、隐现、软硬、干湿等多方面的对立因素来达到的。 2.2 课件的平面构成课件的平面构成 2.2.1 平面构成法则平面构成法则 2022-5-10112022-5-10123 3对称对称 对称是人类、动物和许多植物以及人造物存在的结构方式,这种左右对称、上下对称及中心对称体现了形态组合、形态结构的整体性、协调性与完美性,符合人类自身的欣赏及审美要求,因而也是一种美的形式。例如,人体的构成关系、动物形体的构成关系、飞机的造型关系、一些花卉的结构关系等都体现出了自然形态和人造形态对称的形式特征和结构特征。所以,对称的
9、形态在视觉上有自然、安定、均匀、协调、整齐、典雅、庄重和完美的朴素美感,符合人们的视觉习惯。 2.2 课件的平面构成课件的平面构成 2.2.1 平面构成法则平面构成法则 2022-5-1013平面构图中的对称可分为点对称和轴对称。2022-5-10144 4均衡均衡 均衡是诸多形态在二维空间组合时量的对比关系和位置的疏密对比关系。均衡在平面构成中强调的是形态在组合关系中的“动”的因素和趋向于打破平衡的形式特征。如同在衡器上两端承受的重量由一个支点支持,当双方获得力学上的平衡状态时,称为平衡一样,均衡是形态不规则、无序和动态感在视觉上的统一,是根据形象的大小、轻重、色彩及其他视觉要素的分布作用于
10、视觉判断的平衡。 2.2 课件的平面构成课件的平面构成 2.2.1 平面构成法则平面构成法则 2022-5-10155 5比例比例 比例指一种事物在整体中所占的分量,是物体的局部与局部、局部与整体在体积、长度等因素上的数量对比关系。比例是一个精确的数学概念,而在平面构成中,比例关系反映的是形态之间在大小和面积上的量的对比关系,一种形态之间量与量的视觉构成关系,如等比数列、黄金分割比、形态的渐变等。 2.2 课件的平面构成课件的平面构成 2.2.1 平面构成法则平面构成法则 2022-5-1016黄金分割比1 1.618 2022-5-10176 6节奏与韵律节奏与韵律 节奏本是指音乐中音响节拍
11、轻重缓急的变化和重复,这个具有时间感的用语在构成设计上是指以同一视觉要素连续重复时所产生的运动感。 韵律指的是诗歌中的声韵和节律。在诗歌中音的高低、轻重、长短的组合,匀称的间歇和停顿等。在视觉艺术中借用韵律指的是形态、色彩等视觉因素有明显规律的和谐组合,如形态的重复、渐变、面积对比及秩序化构成关系都具有韵律形式的特征。 2.2 课件的平面构成课件的平面构成 2.2.1 多媒体课件的特点多媒体课件的特点2022-5-1018 平面构成的韵律形式通常需要具备:多个形态,面积对比、形态多次重复和渐变。2022-5-10197 7联想与意境联想与意境 平面构图的画面通过视觉传达而产生联想,达到某种意境
12、。联想是思维的延伸,它由一种事物延伸到另外一种事物上。例如图形的色彩:红色使人感到温暖、热情、喜庆等;绿色则使人联想到大自然、生命、春天,从而使人产生平静感、生机感、春意等。各种视觉形象及其要素都会产生不同的联想与意境,由此而产生的图形的象征意义作为一种视觉语义的表达方法被广泛地运用在平面设计构图中。 2.2 课件的平面构成课件的平面构成 2.2.1 多媒体课件的特点多媒体课件的特点2022-5-1020 多媒体课件与学习者交流的介质是界面,界面提供显示信息和控制功能。一个多媒体课件如果在设计制作过程中引入了构图规则,那么它的操作界面和演示画面将更符合美学要求,更人性化。因此,界面是衡量多媒体
13、产品质量好坏的主要指标之一。 在开发多媒体课件的过程中,多媒体课件不仅具备教学功能,还应给人一种美的、和谐的享受。界面的设计应充分运用构图规则。在各种构图规则中,最常使用的是点、线、面的构图规则。设计课件界面时,在保证应用功能的前提下,尽量运用这些构图规则。 2.2 课件的平面构成课件的平面构成 2.2.2 平面构成在课件上的应用平面构成在课件上的应用 2022-5-10211 1对比均衡对比均衡 一般而言,多媒体课件的媒介包括标题、文字内容、图像、动画、图标、同步声音等。通过这些媒介,多媒体课件提供教学信息显示、交互操作、检索等内容。 2.2 课件的平面构成课件的平面构成 2.2.2 平面构
14、成在课件上的应用平面构成在课件上的应用 2022-5-10222.2.多样统一多样统一 多样统一是多媒体课件合理构图的基本条件,多样避免了单调,统一则避免了杂乱。体现在版面编排设计中,如果光有图或文字,则版面显得单调;如果把标题、文字段落、照片、图画等进行穿插组合,版面就会显得多样而生动;同时,如果图文的排列按照一种标准的栅格分割,版面就会显得统一。 2.2 课件的平面构成课件的平面构成 2.2.2 平面构成在课件上的应用平面构成在课件上的应用 2022-5-1023 色彩是自然美、生活美、艺术美的重要组成部分,是艺术设计中科学规律最强的一门学科。色彩设计是指遵循科学与艺术的内在逻辑,对色彩进
15、行富有鲜明创见性及理想化的组合过程,是理性与感性相结合的创造过程。俗话说“远看色彩近看花”,因此色彩起着先声夺人的作用。 色彩不能脱离形体、空间、位置、面积等因素而单独存在,因此色彩与平面构成不可分离。界面的色彩构成最有规律和充满感性,因此能产生一种氛围和情绪,引导学习者的阅读。色彩还具有造型性,通过色彩对比,能突出主体,强调要传达的信息,并形成界面的风格。 2.3 课件的色彩构成课件的色彩构成 2.3.1 色彩构成概念色彩构成概念 2022-5-1024 色彩构成是根据不同目的而进行的色彩搭配,是把两个或两个以上的色彩按照一定的原则进行组合和搭配,以此形成新的色彩关系。色彩构成包含很多内容,
16、例如色彩作用、色调、形式美感、色彩混合、色彩知觉等。作为多媒体课件是否具有吸引力,除了内容外,课件画面设计是否漂亮,色彩搭配起着非常重要的作用。作为课件的设计者和制作者,必须具有较高的色彩方面的素养,掌握色彩方面的美学知识,并创造性地应用于课件设计中。 2.3 课件的色彩构成课件的色彩构成 2.3.1 色彩构成概念色彩构成概念 2022-5-10251 1色相色相 色相指的是色彩的相貌和特征,具体表现为各种色彩,也称为“色度”。自然界中色彩的种类很多,色相是指色彩的种类和名称。在可见光谱中,人的视觉能够感受到红、橙、黄、绿、青、蓝、紫这些不同特征的色彩,这些可以相互区别的色彩就形成了色相的概念
17、。正是由于色彩具有这种具体相貌的特征,人们才得以感受到五彩缤纷的客观世界。 2.3 课件的色彩构成课件的色彩构成 2.3.2 色彩三要素色彩三要素 2022-5-1026图所示为6色相环和24色相环。 蓝 绿 青 红 黄 紫 橙 2022-5-10272 2明度明度 明度指的是颜色的明暗或深浅程度。颜色有深浅、明暗的变化。比如,深黄、中黄、淡黄、柠檬黄等黄颜色在明度上就不一样,紫红、深红、玫瑰红、大红、朱红、橘红等红颜色在亮度上也不尽相同。这些颜色在明暗、深浅上的不同变化,也就是色彩的明度变化。 2.3 课件的色彩构成课件的色彩构成 2.3.2 色彩三要素色彩三要素 2022-5-1028 无
18、彩色系中,最高明度为白,最低明度为黑,二者之间的系列为灰色。在色彩设计理论中,明度应用标准被定为11级,其中黑为0级,白为10级,19级为灰度,如图所示。2022-5-10293 3纯度纯度 纯度是指色彩的纯净度,指色彩中其他杂色所占成分的多少,又称为饱和度。纯度高指色彩鲜明,反之则灰。不同原色相的颜色明度不等,纯度也不等。一种颜色,当加入白色时,它的明度提高,纯度降低;加入黑色时,明度降低,纯度也降低。自然色中红色纯度最高,其次是黄色,而绿色只有红色的一半。自然色中大部分是非高纯度色,(含灰量)有了纯度变化,色彩才显得极其丰富。改变色彩纯度有3种方法:加中性灰,加互补色,加其他色。无彩色没有
19、色相,即纯度为零。 2.3 课件的色彩构成课件的色彩构成 2.3.2 色彩三要素色彩三要素 2022-5-1030 红 黄 白 黑 绿 蓝 色彩的纯度变化系列是通过一个水平的直线纯度色阶来表示的,它表示一种色彩从它的最高纯度色到最低纯度之间的中性灰之间鲜艳与混浊的等级变化,如图所示。2022-5-1031 色彩空间又称色彩模型,是一种以概念和数字来科学地描述色彩的方法。在多媒体课件制作中有好几种色彩模型,每种色彩模型都通过不同的方法来描述颜色。同时,色彩模型决定了位图中像素的颜色的种类。 2.3 课件的色彩构成课件的色彩构成 2.3.3 色彩空间色彩空间 2022-5-10321RGB色彩模型
20、 由红、绿、蓝三原色或基本颜色组成,又叫做加色模式,因为每叠加一次具有一定红、绿、蓝亮度的颜色,其总亮度都有所增加,红、绿、蓝三色相加为白色,如图所示。所有扫描仪、显示器、投影设备都依赖于这种色彩模式,是屏幕显示的最佳模式。RGB指的是Red(红)、Green(绿)和Blue(蓝)。 2.3 课件的色彩构成课件的色彩构成 2.3.3 色彩空间色彩空间 2022-5-10332022-5-10342CMYK色彩模型 由青色、品红色、黄色和黑色组成,是四色印刷所使用的颜色模式,又叫减色模式。这是由于我们肉眼所看物体的颜色是白光照射到物体上,物体吸收一部分颜色后的反射光,如图所示。 2.3 课件的色
21、彩构成课件的色彩构成 2.3.3 色彩空间色彩空间 2022-5-1035CMYK指的是Cyan(青)、Magenta(品红色)、Yellow(黄色)和Black(黑色)。 2022-5-10363索引色彩模型 在实际使用中,一幅图像的色彩往往少于256种,无须以RGB或CMYK色彩模式等占用较多内存空间的模式来处理。因此程序就开发出了索引色彩模型,这种模式下,图像中的像素颜色可用一个字节即8位色彩表示,也就是最多可以包含256种颜色。这种模式一般用于多媒体或网页的图像,GIF格式的图片就是索引色彩模式。采用这种模式的图像大量应用于互联网,以提高网络图像的传输速率。 2.3 课件的色彩构成课件
22、的色彩构成 2.3.3 色彩空间色彩空间 2022-5-10374灰度模型 这种模式下,图像中的像素颜色可用256个不同灰度值表示,也就是只有黑、白构成的颜色模式。如果要将彩色图像转换为双色调模式图像,必须先转换为灰度模式图像。 2.3 课件的色彩构成课件的色彩构成 2.3.3 色彩空间色彩空间 2022-5-1038 色彩的视觉心理要素包括色彩的冷暖、进退、轻重、厚薄和动静,它是人的心理活动影响色彩感觉的结果。 色彩心理是指色彩对人的眼睛及心理的作用,即色彩的属性对比、刺激作用和造成的心理印象、象征意义及情感影响等。 2.3 课件的色彩构成课件的色彩构成 2.3.4 色彩的视觉心理色彩的视觉
23、心理 2022-5-10392022-5-10401色的冷暖感色的冷暖感 色彩的冷暖感觉是由视觉经验引起的心理作用,从而在观念中把色彩分为冷色和暖色。从色相环上看,由品色到黄色的范围会使人感到温暖,主要包括品红、红、橙、黄等色相,称为暖色,如红旗、消防车、玫瑰等。由蓝绿到蓝紫范围的色会使人感到寒冷,主要包括蓝绿、群青、普蓝、蓝紫等色相,称为冷色,如苍天、大海的印象。而黄绿、紫等色相属于不冷不暖的中性色,如香蕉、霞光、草地等。 2.3 课件的色彩构成课件的色彩构成 2.3.4 色彩的视觉心理色彩的视觉心理 2022-5-10412色的轻重感色的轻重感 将相等重量而色彩不同的黑、白的物体置于我们的
24、左右手中,我们会感觉白色物体轻,黑色物体重。这一实验表明不同的色彩,看上去会使人感到轻重有别。色的轻重感主要取决于色彩的明度,明度高的色感轻,明度低的色感重。在相等明度条件下,冷色一般比暖色感觉略轻。色彩构图中上轻下重较为符合人的视觉习惯。在设计界面时注意轻色通常用于上部,重色用于下部。如果界面上部为重色时,在下部的边缘部位应呼应重色范围,可以达到平衡构图的目的。 2.3 课件的色彩构成课件的色彩构成 2.3.4 色彩的视觉心理色彩的视觉心理 2022-5-10423色彩的强弱感色彩的强弱感 色彩的强弱感也称为色彩的华丽、质朴感或色彩的鲜浊感。它主要是由色彩的纯度和明度决定的。一般来说,纯度高
25、而明度适中的色彩感觉华丽,纯度低和明度过高或过低的色彩感觉质朴,如黄色的光感最强,能给人以光明、辉煌的印象;蓝色的亮度偏低,如果与一些重色相配合,产生宁静、沉思、抑郁、神秘的感觉;紫色在理想的对比中,如与黑色、金色对比并适当提高其亮度,具有尊贵、高雅、优美的气度。冷紫与冷色搭配又具有伤痛、忧郁、苦涩的感觉。 2.3 课件的色彩构成课件的色彩构成 2.3.4 色彩的视觉心理色彩的视觉心理 2022-5-10431色彩基调色彩基调 根据色彩心理,我们知道色彩基调可分为红、橙、黄、绿、蓝、紫、黑、白、灰等组成的冷暖色调、中性调和灰彩色调。此外,根据色调的饱和度不同,又可分为淡彩和亮彩色调。亮彩是指一
26、些明度高、饱和度高、透亮的原色或间色,它们的特点是色彩艳丽、色调明亮,少有过渡渐变,容易引起注目,有突出感,如常见的粉红、鲜橙、中黄、明黄、翠绿、青绿、天蓝等。在界面设计中常作为醒目标志色,具有强烈的视觉效果,但如果大面积应用,则容易产生炫目感。 2.3 课件的色彩构成课件的色彩构成 2.3.5 色彩的对比与调和色彩的对比与调和 2022-5-10442色彩对比色彩对比 色彩对比是两种以上色相位于同一界面上产生的相互影响和感觉。主色调确定后,必须考虑其他色彩与主色的关系、要表现的内容及效果等,这样才能增强其表现力。根据色彩的3个基本属性,色彩对比可分为色相对比、明度对比和饱和度对比3类。 2.
27、3 课件的色彩构成课件的色彩构成 2.3.5 色彩的对比与调和色彩的对比与调和 2022-5-10453色彩调和色彩调和 色彩调和是指将有差别、有对比效果的色彩经过调整与组合,形成和谐统一的整体效果的过程。色彩调和并不是要将色彩变得同一,而是可以使有明显差别的色彩变得协调而统一,给人以不带尖锐刺激的和谐与美感的色彩感受。 2.3 课件的色彩构成课件的色彩构成 2.3.5 色彩的对比与调和色彩的对比与调和 2022-5-10461突出主题突出主题 多媒体课件界面传递的信息内容与传递方式应该是相互统一的,这是设计作品成功的必要条件。多媒体课件界面中不同的内容需要有不同的色彩来表现。利用不同色彩自身
28、的表现力、情感效应以及审美心理感受,可以使多媒体课件的内容与形式有机地结合起来,以色彩的内在力量来烘托主题、突出主题。 2.3 课件的色彩构成课件的色彩构成 2.3.6 色彩在多媒体课件中的作用色彩在多媒体课件中的作用 2022-5-10472视觉区域划分视觉区域划分 多媒体课件的首要功能是传递教学信息,色彩正是创造有序的视觉信息流程的重要元素。利用不同色彩进行视觉区域划分,是视觉传达设计中的常用手法,在多媒体课件制作中有不同的主次部分,即信息分布及顺序排列的问题。利用色彩分布,可以将不同类型的信息分类排布,并利用各种色彩带给人的不同心理效果,很好地区分出主次顺序,从而形成有序视觉流程。 2.
29、3 课件的色彩构成课件的色彩构成 2.3.6 色彩在多媒体课件中的作用色彩在多媒体课件中的作用 2022-5-10483满足学习者特征满足学习者特征 在多媒体课件设计中,用彩色可以表达一定的学习内容和适合于一定的学习者,不同的教学内容、不同的学习者由于年龄以及学习动机情感、知识结构和文化背景不同,采用的配色方案也不同。想要制作一个受学习者喜欢的多媒体课件作品不是一件容易的事。课件设计者如何利用色彩的力量,设计出符合教学目的,真实悦目的界面,并引起学生的关注,是迈向成功的第一步。 2.3 课件的色彩构成课件的色彩构成 2.3.6 色彩在多媒体课件中的作用色彩在多媒体课件中的作用 2022-5-10494增强艺术性增强艺术性 色彩设计应用于多媒体课件设计中,给课件作品带来了鲜活的生命力。色彩既是视觉信息传达的方式,又是艺术设计的语言。色彩设计对界面设计作品的艺术品位起着举足轻重的作用,不仅在视觉上,而且在心理作用和象征作用中都可以得到充分的体现。以色彩的科学知识为基础,进而从美学的角度去探讨色彩设计的表现形式,可以大大增强多媒体课件设计作品的艺术性,创造出更富审美情趣的作品。 2.3 课件的色彩构成课件的色彩构成 2.3.6 色彩在多媒体课件中的作用色彩在多媒体课件中的作用