《平面设计美学基础》教学课件

1、第3章多媒体技术MULTIMEDIA TECHNOLOGY第1页，共42页。第 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 多种数字信息的美学基础 3.4.1 图像美学 3.4.2 动画美学 3.4.3 声音美学3.5 拍摄数码照片2第2页，共42页。美学基本概念3.13.1.1 什么

2、是美学 通过绘画、色彩和版面展现自然美感的学科。美学设计三要素美学运用的目的自古以来，“爱美之心人皆有之”。这种心态刺激了美学的发展，也构成了美学发展最基本的条件。随着社会的发展，美学已经从“直觉”、“爱好”甚至“偏好”的原始形态中走了出来，演变成具有共性的审美标准、符合科学的视觉规律、大多数人能够接受的现代学科，通过学习美学，读者可以制作出更加完美、更加具有竞争性的多媒体产品 。3第3页，共42页。美学的作用3.1.2 产生视觉效应通过色彩运用、布局和绘画渲染，使产品具有舒适的色调、醒目的标题、鲜明的个性，以此刺激视觉神经，具有“眼球效应” 。美学应符合：生理习惯人们固有的阅读习惯、聆听习惯

3、、书写习惯等。心理习惯阅读的心态、操作的感觉、对产品的感受、接受的程度等。 内容表达形象化美学应用程度产品价值 增加产品价值4第4页，共42页。美学的表现手段3.1.3美学的基础。通过手工绘制、电脑绘制和图像处理，使线条、色块具有了美学的意义，从而构成了图画、图案、文字以及形象化的图形。 绘画 色彩构成美学的精华。色彩历来是人们最为敏感的部分，研究两个以上的色彩关系、精确到位的色彩组合、良好的色彩搭配是色彩构成的主要内容。 版面构成美学的逻辑规则。主要研究若干对象之间的位置关系。随着人们对平面构成的深入研究，已经把平面构成归纳为对版面上的“点”、“线”、“面”现象的研究。5第5页，共42页。平

4、面构图3.23.2.1 构图规则 艺术性与装饰性 艺术性 追求感觉、时尚与个性 装饰性 追求效果、夸张、比喻艺术性装饰性6第6页，共42页。整体性与协调性协调性作品 整体性 追求表现形式和内容的整体性 协调性 强调版式、内容的协调统一整体性作品整体性作品7第7页，共42页。点点 局部效果、线、面的构图规则突出主题8第8页，共42页。视线集中CAMERA点 局部效果、线、面的构图规则点9第9页，共42页。线空间分隔线 分隔效果有形分隔无形分隔点、 、面的构图规则10第10页，共42页。面点、线、 的构图规则面 整体效果整体协调占据空间11第11页，共42页。 重复 产生整齐与规则的效果 交错 为

5、避免呆板重复，追求变化交错效果重复与交错重复效果IMAGESDESIGN IMAGES重复效果重复效果12第12页，共42页。 对称 产生平衡、整齐的效果 均衡 造成稳定、庄重的感觉对称与均衡均衡效果半对称全对称13第13页，共42页。 对比 强调大小、明暗、直曲的差异性 调和 强调两个以上元素具有近似性对比效果对比与调和调和-图形近似性14第14页，共42页。 对比 强调大小、明暗、直曲的差异性 调和 强调两个以上元素具有近似性对比与调和调和-色调近似性调和-色调近似性15第15页，共42页。构图应用3.2.2(1) 根据用途确定界面类型 自学类型的界面 (文字多，菜单详尽) 演示类型的界面

6、 (图片多，菜单精炼) 演示类型的界面 (突出演示对象，可采用 悬挂式菜单，不占空间) 多媒体软件界面设计规范(2) 利用构图原则设计界面 自学类型的界面 (各对象交错变化)16第16页，共42页。 一般形式(1) 标题(2) 内容(3) 动画(4) 图标网页构图 特色形式(1) 引入线、面构图概念(2) 图像、动画尺寸适度(3) 色彩明亮、柔和， 避免使用互补色(4) 符合阅读习惯17第17页，共42页。 自然界的太阳是标准发光体,而光实际上是一种按波长辐射的电磁能. 光的辐射波谱0.005nm 0.01nm 5nm 350nm 750nm 0.4nm 10km射线 x 射线 紫外线 可见光

7、 红外线 无线电波 紫 紫蓝 蓝 蓝绿 绿 绿黄 黄 橙 橙红 红 350 400 500 600 700 750 波长nm太阳发射的可见光是由各种色光组合而成的白光，白光可分解为红、橙、黄、绿、蓝、紫六个标准色光谱。色彩构成与视觉效果3.33.3.1 色彩构成概念18第18页，共42页。色彩构成与视觉效果3.33.3.1 色彩构成概念 构成 是指两个或两个以上的元素组合在一起，形成新的元素。 色彩构成 为了某种目的，把两个或两个以上的色彩按照一定 的原则进行组合和搭配，以此形成新的色彩关系。在自然界中，物体本身没有颜色，人们之所以能看到物体的颜色，是由于物体不同程度地吸收和反射了某些波长的光

8、线所致。3.3.2 三原色19第19页，共42页。三原色种类 RGB 电脑彩色RedBlueGreen RYB 颜料彩色RedYellowBlue颜色合成0 255 灰阶0 255 灰阶0 255 灰阶20第20页，共42页。(1)色调或色相 人眼看到一种或多种波长的光时所产生的色彩感觉。 某一物体的色调，是指该物体在日光照射下所反射的各光谱成分作用于人眼的综合效果。色彩三要素3.3.3色度、亮度和饱和度(2)亮度或明度 光波的振幅代表光的能量,称为亮度或明度，振幅的差别给人以明暗的区别。(3)饱和度或纯度 色彩纯粹的程度，即色彩的纯度，即掺入白光的程度 。越接近标准色，纯度越高。对于同一色调

9、的彩色光，饱和度越深颜色越鲜明或说越纯。例如，当红色加进白光之后，冲淡为粉红色，其基本色调还是红色，但饱和度降低了 。21第21页，共42页。色彩三要素的关系3.3.3 明度 色彩的明暗程度，亦称“亮度”。 明度对纯度产生影响。明度降低， 纯度也随之降低，反之亦然。自然光中纯度最高的颜色黑、白、灰没有纯度 色相 颜色的相貌，用于区别颜色的 种类。色相只和波长有关，当 某颜色的明度、纯度变化时， 其波长不会变，即：色相不变。 纯度 色彩的饱和程度，亦称“鲜艳度”、 “纯净度”。纯度不够时，色相区分 不明显，明度也受到影响。22第22页，共42页。颜色的关系3.3.4灰度相邻色互补色对比色冷色暖色

10、23第23页，共42页。颜色搭配要点3.3.5 双色 三色边框 三色阴影 三色渐变 三色法提高醒目程度颜色搭配颜色搭配颜色搭配24第24页，共42页。 使用颜色条和中性色装饰颜色关系COLORS颜色关系COLORS颜色关系COLORS颜色关系COLORS前景、背景搭配要点颜色关系COLORS颜色关系COLORS颜色关系COLORS正确颜色关系COLORS颜色关系COLORS颜色关系COLORS欠佳 前景与背景不能使用相邻色25第25页，共42页。色彩的象征意义3.3.6 色彩可引起人们的某种联想，这源于经验、经历和学习。 红 橙 黄 绿 蓝 紫 黑 白 灰太阳、旗帜、火、血柑桔、秋叶、灯光光线

11、、迎春花、香蕉森林、草原、青山天空、海洋葡萄、丁香花夜晚、无灯光的房间雪景、纸张乌云、路面、静物热情、奔放、喜庆、幸福、活力、危险金秋、欢喜、丰收、温暖、嫉妒、警告光明、快活、希望、帝王、古罗马高贵色和平、生意盎然、新鲜、可行理智、平静、忧郁、深远、西方名门血统高贵、庄重、昔日最高等级、古希腊国王严肃、刚直、恐怖纯洁、神圣、光明平凡、朴素、默默无闻、谦逊颜色 直接联想 象征意义26第26页，共42页。多种数字信息的美学基础3.43.4.1 图像美学 要点1 图像色调 正常色调 具有真实感，常用做反映 现实生活 单色调 老旧、单一，常用做背景 或刻意表现某一主题27第27页，共42页。图像清晰度

12、 颜色数量、分辨率 与清晰度的关系清晰度28 216 224 232颜色数量96dpi300dpi224彩色300dpi28彩色96dpi要点2 28第28页，共42页。图像选材规则(1) 根据构图进行拍照或选材。(2) 选择色彩丰富、轮廓清晰的图片。居高临下(3) 用于背景的图片要充满画面， 用于装饰的图片要拍摄全景。用于装饰用于背景要点3 29第29页，共42页。动画美学3.4.2 画面布局 留出动画主体的运动空间。 动画调度 镜头推移、纵深运动、平面移动的顺序和方式。 动态视觉规律 慢动流畅、快动引起注意。 动画时间掌握 符合自然规律，适度夸张。 造型设计、动作设计 鲜明个性，善恶分明，

13、适度夸张。30第30页，共42页。声音美学3.4.3 影响声音美感的因素 1) 清晰度 录制水平、载体材质、采样频率、采样位数。 2) 噪声 录制本底噪声、介质附加噪声。 3) 音色 混响时间、声源特质、MIDI、WAV、MP3。 4) 旋律 作曲、演奏等音乐本身的属性。噪声增加混响时间正常音色表现Stop 声音运用 1) 采用一个以上声源的场合，采用交叉或者响度区分的方法。 2) 语音采用单声道，乐曲采用立体声。 3) 适当添加声音效果，弥补不足。例如混响时间、音调高低。31第31页，共42页。3.5 拍摄数码照片3.5.1 拍摄数码照片是获取多媒体素材最简捷的方法构图有新意构图均衡 摄影构

14、图注意的问题 (1) 画面布局 (错落有致) (2) 前景与背景的关系 (讲求纵深感) (3) 光与影的关系 (突出立体感) (4) 画面留有加工余地拍摄技巧32第32页，共42页。 光圈 2.8 4 5.6 8 11 16 22快门 1/s光圈B 8 15 30 60 125 250 500 1000 感光指数为常数时的关系2.845.68111622摄影速度与光圈 光圈与速度的关系 (1) 速度 曝光量 (2) 光圈 曝光量 胶卷 (负片) 的感光度 60 感光速度慢，颗粒小，影像清晰，适于光照条件非常好的场合 100 感光速度中等，颗粒中，影像较清晰，适于白天 400 感光速度快，颗粒较

15、粗，影像一般，适于傍晚、黎明、室内1000 感光速度极快，颗粒粗，影像一般，适于高速运动物体的摄影33第33页，共42页。自然光 + 辅助光人像摄影用光反射光反射光反光伞反光伞反光伞反射光反光板有源光柔光灯箱日光直射光34第34页，共42页。数码照片的后期处理 色饱和调整 色调调整 构图调整35第35页，共42页。3.5.2 连接计算机的方式USB 接口数码照片的传送(1) 直接连接 驱动程序 使用编辑传送软件(2) 使用读卡机 驱动程序 使用资源管理器读卡机驱动程序 照片文件格式 GIF 256 Colors JPG (压缩格式) BMP (少见) TIF (专业)36第36页，共42页。N

16、o.1 强调构图No.2 突出纵深感No.3 日落光线数码照片观摩3.5.337第37页，共42页。No.4 强调景深No.5 云层光线数码照片观摩38第38页，共42页。No.7 突出细节数码照片观摩No.6 构图39第39页，共42页。No.8 构图No.9 掌握时机数码照片观摩40第40页，共42页。第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 多种数字信息的美学基础 3.4.1 图像美学 3.4.2 动画美学 3.4.3