平面设计美学基础PPT件

《平面设计美学基础PPT件》由会员分享，可在线阅读，更多相关《平面设计美学基础PPT件（42页珍藏版）》请在装配图网上搜索。

1、第3章MULTIMEDIA TECHNOLOGY第第 3 章章美美 学学 基基 础础3.1 美学基本概念美学基本概念 3.1.1 什么是美学什么是美学 3.1.2 美学的作用美学的作用 3.1.3 美学的表现手段美学的表现手段3.2 平面构图平面构图 3.2.1 构图规则构图规则 3.2.2 构图应用构图应用3.3 色彩构成与视觉效果色彩构成与视觉效果 3.3.1 色彩构成概念色彩构成概念 3.3.2 三原色三原色 3.3.3 色彩三要素色彩三要素 3.3.4 颜色的关系颜色的关系 3.3.5 颜色搭配要点颜色搭配要点 3.3.6 色彩的象征意义色彩的象征意义3.4 多种数字信息的美学基础多种

2、数字信息的美学基础 3.4.1 图像美学图像美学 3.4.2 动画美学动画美学 3.4.3 声音美学声音美学3.5 拍摄数码照片拍摄数码照片2美学基本概念美学基本概念3.13.1.1 什么是美学什么是美学 通过绘画、色彩和版面展现自然美感的学科。通过绘画、色彩和版面展现自然美感的学科。美学设计三要素美学设计三要素美学运用的目的美学运用的目的自古以来，自古以来，“爱美之心人皆有之爱美之心人皆有之”。这种心态刺激了美学的发。这种心态刺激了美学的发展，也构成了美学发展最基本的条件。随着社会的发展，美展，也构成了美学发展最基本的条件。随着社会的发展，美学已经从学已经从“直觉直觉”、“爱好爱好”甚至甚至

3、“偏好偏好”的原始形态中走了出的原始形态中走了出来，来，演变成演变成具有共性具有共性的审美标准、符合科学的的审美标准、符合科学的视觉规律视觉规律、大多数、大多数人能够接受的现代学科，通过学习美学，读者可以制作出更人能够接受的现代学科，通过学习美学，读者可以制作出更加完美、更加具有竞争性的多媒体产品加完美、更加具有竞争性的多媒体产品 。3美学的作用美学的作用3.1.2 产生视觉效应产生视觉效应通过色彩运用、布局和绘画渲染，使产品具有舒适的色调、醒目的标通过色彩运用、布局和绘画渲染，使产品具有舒适的色调、醒目的标题、鲜明的个性，以此刺激视觉神经，具有题、鲜明的个性，以此刺激视觉神经，具有“眼球效应

4、眼球效应” 。美学应符合：美学应符合：生理习惯生理习惯人们固有的人们固有的阅读习惯、聆听习惯、书阅读习惯、聆听习惯、书写习惯等。写习惯等。心理习惯心理习惯阅读的心态、阅读的心态、操作的感觉、对产品的感操作的感觉、对产品的感受、接受的程度等。受、接受的程度等。 内容表达形象化内容表达形象化美学应用程度美学应用程度产品价值产品价值 增加产品价值增加产品价值4美学的表现手段美学的表现手段3.1.3美学的基础。通过手工绘制、电脑绘制和图像处理，使线条、色块具美学的基础。通过手工绘制、电脑绘制和图像处理，使线条、色块具有了美学的意义，从而构成了图画、图案、文字以及形象化的图形。有了美学的意义，从而构成了

5、图画、图案、文字以及形象化的图形。 绘画绘画 色彩构成色彩构成美学的精华。色彩历来是人们最为敏感的部分，研究两个以上的色彩美学的精华。色彩历来是人们最为敏感的部分，研究两个以上的色彩关系、精确到位的色彩组合、良好的色彩搭配是色彩构成的主要内容。关系、精确到位的色彩组合、良好的色彩搭配是色彩构成的主要内容。 版面构成版面构成美学的逻辑规则。主要研究若干对象之间的位置关系。随着人们对平美学的逻辑规则。主要研究若干对象之间的位置关系。随着人们对平面构成的深入研究，已经把平面构成归纳为对版面上的面构成的深入研究，已经把平面构成归纳为对版面上的“点点”、“线线”、“面面”现象的研究。现象的研究。5平面构

6、图平面构图3.23.2.1 构图规则构图规则 艺术性与装饰性艺术性与装饰性 艺术性艺术性 追求感觉、时尚与个性追求感觉、时尚与个性 装饰性装饰性 追求效果、夸张、比喻追求效果、夸张、比喻艺术性艺术性装饰性装饰性6整体性与协调性整体性与协调性协调性作品协调性作品 整体性整体性 追求表现形式和内容的整体性追求表现形式和内容的整体性 协调性协调性 强调版式、内容的协调统一强调版式、内容的协调统一整体性作品整体性作品整体性作品整体性作品7点点点点 局部效果局部效果、线、面的构图规则、线、面的构图规则突出主题突出主题8视线集中视线集中CAMERA点点 局部效果局部效果、线、面的构图规则、线、面的构图规则

7、 点点9线线空间分隔空间分隔线线 分隔效果分隔效果有形分隔有形分隔无形分隔无形分隔点、点、 、面的构图规则、面的构图规则10面面 点、线、点、线、 的构图规则的构图规则面面 整体效果整体效果整体协调整体协调占据空间占据空间11 重复重复 产生整齐与规则的效果产生整齐与规则的效果 交错交错 为避免呆板重复，追求变化为避免呆板重复，追求变化交错效果交错效果重复与交错重复与交错重复效果重复效果IMAGESDESIGN IMAGES重复效果重复效果12 对称对称 产生平衡、整齐的效果产生平衡、整齐的效果 均衡均衡 造成稳定、庄重的感觉造成稳定、庄重的感觉对称与均衡对称与均衡均衡效果均衡效果半对称半对称

8、全对称全对称13 对比对比 强调大小、明暗、直曲的差异性强调大小、明暗、直曲的差异性 调和调和 强调两个以上元素具有近似性强调两个以上元素具有近似性对比效果对比效果对比与调和对比与调和调和调和-图形近似性图形近似性14 对比对比 强调大小、明暗、直曲的差异性强调大小、明暗、直曲的差异性 调和调和 强调两个以上元素具有近似性强调两个以上元素具有近似性对比与调和对比与调和调和调和-色调近似性色调近似性调和调和-色调近似性色调近似性15构图应用构图应用3.2.2(1) 根据用途确定界面类型根据用途确定界面类型 自学类型的界面自学类型的界面 (文字多，菜单详尽文字多，菜单详尽) 演示类型的界面演示类型

9、的界面 (图片多，菜单精炼图片多，菜单精炼) 演示类型的界面演示类型的界面 (突出演示对象，可采用突出演示对象，可采用 悬挂式菜单，不占空间悬挂式菜单，不占空间) 多媒体软件界面设计规范多媒体软件界面设计规范(2) 利用构图原则设计界面利用构图原则设计界面 自学类型的界面自学类型的界面 (各对象交错变化各对象交错变化)16 一般形式一般形式(1) 标题标题(2) 内容内容(3) 动画动画(4) 图标图标网页构图网页构图 特色形式特色形式(1) 引入线、面构图概念引入线、面构图概念(2) 图像、动画尺寸适度图像、动画尺寸适度(3) 色彩明亮、柔和，色彩明亮、柔和， 避免使用互补色避免使用互补色(

10、4) 符合阅读习惯符合阅读习惯17 自然界的太阳是标准发光体自然界的太阳是标准发光体, ,而光实际上是一种按波长辐射的电磁能而光实际上是一种按波长辐射的电磁能. . 光的辐射波谱光的辐射波谱0.005nm 0.01nm 5nm 350nm 750nm 0.4nm 10km射线射线 x 射线射线 紫外线紫外线 可见光可见光 红外线红外线 无线电波无线电波 紫紫 紫蓝紫蓝 蓝蓝 蓝绿蓝绿 绿绿 绿黄绿黄 黄黄 橙橙 橙红橙红 红红 350 400 500 600 700 750 波长波长nm太阳发射的可见光是由各种色光组合而成的白光，白光可分解为红、橙、太阳发射的可见光是由各种色光组合而成的白光，

11、白光可分解为红、橙、黄、绿、蓝、紫六个标准色光谱。黄、绿、蓝、紫六个标准色光谱。色彩构成与视觉效果色彩构成与视觉效果3.33.3.1 色彩构成概念色彩构成概念18色彩构成与视觉效果色彩构成与视觉效果3.33.3.1 色彩构成概念色彩构成概念 构成构成 是指两个或两个以上的元素组合在一起，形成新的元素。是指两个或两个以上的元素组合在一起，形成新的元素。 色彩构成色彩构成 为了某种目的，把两个或两个以上的色彩按照一定为了某种目的，把两个或两个以上的色彩按照一定 的原则进行组合和搭配，以此形成新的色彩关系。的原则进行组合和搭配，以此形成新的色彩关系。-在自然界中，物体本身没有颜色，在自然界中，物体本

12、身没有颜色，人们之所以能看到物体的颜色，人们之所以能看到物体的颜色，是由于物体不同程度地吸收和反是由于物体不同程度地吸收和反射了某些波长的光线所致。射了某些波长的光线所致。3.3.2 三原色三原色19三原色种类三原色种类 RGB 电脑彩色电脑彩色RedBlueGreen RYB 颜料颜料彩色彩色RedYellowBlue颜色合成颜色合成0 255 灰阶灰阶0 255 灰阶灰阶0 255 灰阶灰阶20(1)色调或色相色调或色相 人眼看到一种或多种波长的光时所产生的色彩感觉。人眼看到一种或多种波长的光时所产生的色彩感觉。 某一物体的色调，是指该物体在日光照射下所反射的各光谱成分作用于人某一物体的色

13、调，是指该物体在日光照射下所反射的各光谱成分作用于人眼的综合效果。眼的综合效果。色彩三要素色彩三要素3.3.3色度、亮度和饱和度色度、亮度和饱和度(2)亮度或明度亮度或明度 光波的振幅代表光的能量光波的振幅代表光的能量,称为亮度或明度，振幅的差别给人以明暗的区别。称为亮度或明度，振幅的差别给人以明暗的区别。(3)饱和度或纯度饱和度或纯度 色彩纯粹的程度，即色彩的纯度，即掺入白光的程度色彩纯粹的程度，即色彩的纯度，即掺入白光的程度 。越接近标准色，纯。越接近标准色，纯度越高。对于同一色调的彩色光，饱和度越深颜色越鲜明或说越纯。度越高。对于同一色调的彩色光，饱和度越深颜色越鲜明或说越纯。例如，当红

14、色加进白光之后，冲淡为粉红色，其基本色调还是红色，但饱例如，当红色加进白光之后，冲淡为粉红色，其基本色调还是红色，但饱和度降低了和度降低了 。21色彩三要素的关系色彩三要素的关系3.3.3 明度明度 色彩的明暗程度，亦称色彩的明暗程度，亦称“亮度亮度”。 明度对纯度产生影响。明度降低，明度对纯度产生影响。明度降低， 纯度也随之降低，反之亦然。纯度也随之降低，反之亦然。自然光中纯度最高的颜色自然光中纯度最高的颜色黑、白、灰没有纯度黑、白、灰没有纯度 色相色相 颜色的相貌，用于区别颜色的颜色的相貌，用于区别颜色的 种类。色相只和波长有关，当种类。色相只和波长有关，当 某颜色的明度、纯度变化时，某颜

15、色的明度、纯度变化时， 其波长不会变，即：色相不变。其波长不会变，即：色相不变。 纯度纯度 色彩的饱和程度，亦称色彩的饱和程度，亦称“鲜艳度鲜艳度”、 “纯净度纯净度”。纯度不够时，色相区分。纯度不够时，色相区分 不明显，明度也受到影响。不明显，明度也受到影响。22颜色的关系颜色的关系3.3.4灰度灰度相邻色相邻色互补色互补色对比色对比色冷色冷色暖色暖色23颜色搭配要点颜色搭配要点3.3.5 双色双色 三色边框三色边框 三色阴影三色阴影 三色渐变三色渐变 三色法提高醒目程度三色法提高醒目程度24 使用颜色条和中性色装饰使用颜色条和中性色装饰颜色关系颜色关系COLORS颜色关系颜色关系COLOR

16、S颜色关系颜色关系COLORS颜色关系颜色关系COLORS前景、背景搭配要点前景、背景搭配要点颜色关系颜色关系COLORS颜色关系颜色关系COLORS颜色关系颜色关系COLORS正确正确颜色关系颜色关系COLORS颜色关系颜色关系COLORS颜色关系颜色关系COLORS欠佳欠佳 前景与背景不能使用相邻色前景与背景不能使用相邻色25色彩的象征意义色彩的象征意义3.3.6 色彩可引起人们的某种联想，这源于经验、经历和学习。色彩可引起人们的某种联想，这源于经验、经历和学习。 红红 橙橙 黄黄 绿绿 蓝蓝 紫紫 黑黑 白白 灰灰太阳、旗帜、火、血太阳、旗帜、火、血柑桔、秋叶、灯光柑桔、秋叶、灯光光线、

17、迎春花、香蕉光线、迎春花、香蕉森林、草原、青山森林、草原、青山天空、海洋天空、海洋葡萄、丁香花葡萄、丁香花夜晚、无灯光的房间夜晚、无灯光的房间雪景、纸张雪景、纸张乌云、路面、静物乌云、路面、静物热情、奔放、喜庆、幸福、活力、危险热情、奔放、喜庆、幸福、活力、危险金秋、欢喜、丰收、温暖、嫉妒、警告金秋、欢喜、丰收、温暖、嫉妒、警告光明、快活、希望、帝王、古罗马高贵色光明、快活、希望、帝王、古罗马高贵色和平、生意盎然、新鲜、可行和平、生意盎然、新鲜、可行理智、平静、忧郁、深远、西方名门血统理智、平静、忧郁、深远、西方名门血统高贵、庄重、昔日最高等级、古希腊国王高贵、庄重、昔日最高等级、古希腊国王严

18、肃、刚直、恐怖严肃、刚直、恐怖纯洁、神圣、光明纯洁、神圣、光明平凡、朴素、默默无闻、谦逊平凡、朴素、默默无闻、谦逊颜色颜色 直接联想直接联想 象征意义象征意义26多种数字信息的美学基础多种数字信息的美学基础3.43.4.1 图像美学图像美学 要点要点1 图像色调图像色调 正常色调正常色调 具有真实感，常用做反映具有真实感，常用做反映 现实生活现实生活 单色调单色调 老旧、单一，常用做背景老旧、单一，常用做背景 或刻意表现某一主题或刻意表现某一主题27图像清晰度图像清晰度 颜色数量、分辨率颜色数量、分辨率 与清晰度的关系与清晰度的关系清晰度清晰度28 216 224 232颜色数量颜色数量96d

19、pi300dpi224彩色彩色300dpi28彩色彩色96dpi要点要点2 28图像选材规则图像选材规则(1) 根据构图进行拍照或选材。根据构图进行拍照或选材。(2) 选择色彩丰富、轮廓清晰的图片。选择色彩丰富、轮廓清晰的图片。(3) 用于背景的图片要充满画面，用于背景的图片要充满画面， 用于装饰的图片要拍摄全景。用于装饰的图片要拍摄全景。用于装饰用于装饰用于背景用于背景要点要点3 29动画美学动画美学3.4.2 画面布局画面布局 留出动画主体的运动空间。留出动画主体的运动空间。 动画调度动画调度 镜头推移、纵深运动、平面移动的顺序和方式。镜头推移、纵深运动、平面移动的顺序和方式。 动态视觉规

20、律动态视觉规律 慢动流畅、快动引起注意。慢动流畅、快动引起注意。 动画时间掌握动画时间掌握 符合自然规律，适度夸张。符合自然规律，适度夸张。 造型设计、动作设计造型设计、动作设计 鲜明个性，善恶分明，适度夸张。鲜明个性，善恶分明，适度夸张。30声音美学声音美学3.4.3 影响声音美感的因素影响声音美感的因素 1) 清晰度清晰度 录制水平、载体材质、采样频率、采样位数。录制水平、载体材质、采样频率、采样位数。 2) 噪声噪声 录制本底噪声、介质附加噪声。录制本底噪声、介质附加噪声。 3) 音色音色 混响时间、声源特质、混响时间、声源特质、MIDI、WAV、MP3。 4) 旋律旋律 作曲、演奏等音

21、乐本身的属性。作曲、演奏等音乐本身的属性。噪声噪声增加混响时间增加混响时间正常正常音色表现音色表现 声音运用声音运用 1) 采用一个以上声源的场合，采用交叉或者响度区分的方法。采用一个以上声源的场合，采用交叉或者响度区分的方法。 2) 语音采用单声道，乐曲采用立体声。语音采用单声道，乐曲采用立体声。 3) 适当添加声音效果，弥补不足。例如混响时间、音调高低。适当添加声音效果，弥补不足。例如混响时间、音调高低。3132快门快门 1/s光圈光圈B B 8 15 30 60 125 250 500 1000 8 15 30 60 125 250 500 1000 2.82.84 45.65.68 8

22、111116162222333435 3637No.4 强调景强调景深深No.5 云层光线云层光线383940第第3章章 美学基础美学基础小结小结3.1 美学基本概念美学基本概念 3.1.1 什么是美学什么是美学 3.1.2 美学的作用美学的作用 3.1.3 美学的表现手段美学的表现手段3.2 平面构图平面构图 3.2.1 构图规则构图规则 3.2.2 构图应用构图应用3.3 色彩构成与视觉效果色彩构成与视觉效果 3.3.1 色彩构成概念色彩构成概念 3.3.2 三原色三原色 3.3.3 色彩三要素色彩三要素 3.3.4 颜色的关系颜色的关系 3.3.5 颜色搭配要点颜色搭配要点 3.3.6

23、色彩的象征意义色彩的象征意义3.4 多种数字信息的美学基础多种数字信息的美学基础 3.4.1 图像美学图像美学 3.4.2 动画美学动画美学 3.4.3 声音美学声音美学3.5 拍摄数码照片拍摄数码照片41思考题思考题3.1 美学设计的三要素是什么？美学设计的三要素是什么？3.2 美学的三个作用是什么？美学的三个作用是什么？3.3 点、线、面的构图规则分别具有什么特点？点、线、面的构图规则分别具有什么特点？3.4 在色料三原色中，哪种颜色关系是对比色？在色料三原色中，哪种颜色关系是对比色？3.5 电脑三原色是哪三种颜色？电脑三原色是哪三种颜色？3.6 什么是色彩三要素？什么是色彩三要素？3.7 如何使标题更为突出？如何使标题更为突出？3.8 根据颜色搭配要点，用根据颜色搭配要点，用Word制作彩色文本。制作彩色文本。3.9 使用画图工具或使用画图工具或Word，设计一个具有装饰性的作品。，设计一个具有装饰性的作品。3.10 设计一个点构图方式的作品。设计一个点构图方式的作品。3.11 设计一个互为翻转形态的对称性作品。设计一个互为翻转形态的对称性作品。 42