平面设计美学基础课件

第3章多媒体技术MULTIMEDIATECHNOLOGY第3章多媒体技术MULTIMEDIATECHNOLOGY1第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拍摄数码照片第3章美学基础3.1美学基本概念3.3.2美学基本概念3.13.1.1什么是美学●

通过绘画、色彩和版面展现自然美感的学科。美学设计三要素美学运用的目的自古以来，“爱美之心人皆有之”。这种心态刺激了美学的发展，也构成了美学发展最基本的条件。随着社会的发展，美学已经从“直觉”、“爱好”甚至“偏好”的原始形态中走了出来，演变成具有共性的审美标准、符合科学的视觉规律、大多数人能够接受的现代学科，通过学习美学，读者可以制作出更加完美、更加具有竞争性的多媒体产品。美学基本概念3.13.1.1什么是美学●通过绘画、色彩3美学的作用3.1.2●

产生视觉效应通过色彩运用、布局和绘画渲染，使产品具有舒适的色调、醒目的标题、鲜明的个性，以此刺激视觉神经，具有“眼球效应”。美学应符合：生理习惯——人们固有的阅读习惯、聆听习惯、书写习惯等。心理习惯——阅读的心态、操作的感觉、对产品的感受、接受的程度等。●

内容表达形象化美学应用程度产品价值●

增加产品价值美学的作用3.1.2●产生视觉效应通过色彩运用、布局和绘画4美学的表现手段3.1.3美学的基础。通过手工绘制、电脑绘制和图像处理，使线条、色块具有了美学的意义，从而构成了图画、图案、文字以及形象化的图形。●

绘画●

色彩构成美学的精华。色彩历来是人们最为敏感的部分，研究两个以上的色彩关系、精确到位的色彩组合、良好的色彩搭配是色彩构成的主要内容。●

版面构成美学的逻辑规则。主要研究若干对象之间的位置关系。随着人们对平面构成的深入研究，已经把平面构成归纳为对版面上的“点”、“线”、“面”现象的研究。美学的表现手段3.1.3美学的基础。通过手工绘制、电脑绘制和5平面构图3.23.2.1构图规则●

艺术性与装饰性■艺术性——追求感觉、时尚与个性■装饰性——追求效果、夸张、比喻艺术性装饰性平面构图3.23.2.1构图规则●艺术性与装饰性■艺6整体性与协调性●协调性作品■整体性——追求表现形式和内容的整体性■协调性——强调版式、内容的协调统一整体性作品整体性作品整体性与协调性●协调性作品■整体性——追求表现形式和内7点●■点——局部效果、线、面的构图规则突出主题点●■点——局部效果、线、面的构图规则突出主题8视线集中CAMERA点——局部效果■、线、面的构图规则●点视线集中CAMERA点——局部效果■、线、面的构图规则●9线●■空间分隔线——分隔效果有形分隔无形分隔点、、面的构图规则线●■空间分隔线——分隔效果有形分隔无形分隔点、10面●点、线、的构图规则■面——整体效果整体协调占据空间面●点、线、的构图规则■面——整体效果整体协调占11■重复——产生整齐与规则的效果■交错——为避免呆板重复，追求变化交错效果重复与交错重复效果IMAGESDESIGNIMAGES重复效果●重复效果■重复——产生整齐与规则的效果交错效果重复与交错重复效12■对称——产生平衡、整齐的效果■均衡——造成稳定、庄重的感觉对称与均衡均衡效果半对称全对称●■对称——产生平衡、整齐的效果对称与均衡均衡效果半对13■对比——强调大小、明暗、直曲的差异性■调和——强调两个以上元素具有近似性对比效果对比与调和●调和-图形近似性■对比——强调大小、明暗、直曲的差异性对比效果对比与调14■对比——强调大小、明暗、直曲的差异性■调和——强调两个以上元素具有近似性对比与调和调和-色调近似性●调和-色调近似性■对比——强调大小、明暗、直曲的差异性对比与调和调和-15构图应用3.2.2(1)根据用途确定界面类型●自学类型的界面(文字多，菜单详尽)●演示类型的界面(图片多，菜单精炼)●演示类型的界面(突出演示对象，可采用悬挂式菜单，不占空间)●

多媒体软件界面设计规范(2)利用构图原则设计界面●自学类型的界面(各对象交错变化)构图应用3.2.2(1)根据用途确定界面类型●自学类型的16●

一般形式(1)标题(2)内容(3)动画(4)图标网页构图●●

特色形式(1)引入线、面构图概念(2)图像、动画尺寸适度(3)色彩明亮、柔和，避免使用互补色(4)符合阅读习惯●一般形式(1)标题网页构图●●特色形式(1)引入线17自然界的太阳是标准发光体,而光实际上是一种按波长辐射的电磁能.光的辐射波谱0.005nm0.01nm5nm350nm750nm0.4nm10kmγ射线x射线紫外线可见光红外线无线电波

紫紫蓝蓝蓝绿绿绿黄黄

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

RGB电脑彩色RedBlueGreen■

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

。越接近标准色，纯度越高。对于同一色调的彩色光，饱和度越深颜色越鲜明或说越纯。

例如，当红色加进白光之后，冲淡为粉红色，其基本色调还是红色，但饱和度降低了

。(1)色调或色相色彩三要素3.3.3色度、亮度和饱和度(2)21色彩三要素的关系3.3.3●明度——色彩的明暗程度，亦称“亮度”。明度对纯度产生影响。明度降低，纯度也随之降低，反之亦然。自然光中纯度最高的颜色黑、白、灰没有纯度●色相——颜色的相貌，用于区别颜色的种类。色相只和波长有关，当某颜色的明度、纯度变化时，其波长不会变，即：色相不变。●纯度——色彩的饱和程度，亦称“鲜艳度”、“纯净度”。纯度不够时，色相区分不明显，明度也受到影响。色彩三要素的关系3.3.3●明度——色彩的明暗程度，亦22颜色的关系3.3.4灰度相邻色互补色对比色冷色暖色颜色的关系3.3.4灰度相邻色互补色对比色冷色暖色23颜色搭配要点3.3.5●

双色●三色边框●三色阴影●三色渐变●三色法提高醒目程度颜色搭配颜色搭配颜色搭配颜色搭配要点3.3.5●双色●三色边框●三色阴影●三24●

使用颜色条和中性色装饰颜色关系COLORS颜色关系COLORS颜色关系COLORS颜色关系COLORS前景、背景搭配要点颜色关系COLORS颜色关系COLORS颜色关系COLORS正确颜色关系COLORS颜色关系COLORS颜色关系COLORS欠佳●

前景与背景不能使用相邻色●●使用颜色条和中性色装饰颜色关系颜色关系颜色关系颜色关系前25色彩的象征意义3.3.6●色彩可引起人们的某种联想，这源于经验、经历和学习。●

红●橙●

黄●

绿●

蓝●

紫○

黑●

白●

灰太阳、旗帜、火、血柑桔、秋叶、灯光光线、迎春花、香蕉森林、草原、青山天空、海洋葡萄、丁香花夜晚、无灯光的房间雪景、纸张乌云、路面、静物热情、奔放、喜庆、幸福、活力、危险金秋、欢喜、丰收、温暖、嫉妒、警告光明、快活、希望、帝王、古罗马高贵色和平、生意盎然、新鲜、可行理智、平静、忧郁、深远、西方名门血统高贵、庄重、昔日最高等级、古希腊国王严肃、刚直、恐怖纯洁、神圣、光明平凡、朴素、默默无闻、谦逊颜色直接联想象征意义色彩的象征意义3.3.6●色彩可引起人们的某种联想，这源于26多种数字信息的美学基础3.43.4.1图像美学●

要点1——图像色调●正常色调具有真实感，常用做反映现实生活●单色调老旧、单一，常用做背景或刻意表现某一主题多种数字信息的美学基础3.43.4.1图像美学●要点127图像清晰度●

颜色数量、分辨率与清晰度的关系清晰度28216224232颜色数量96dpi300dpi224彩色300dpi28彩色96dpi要点2——●图像清晰度●颜色数量、分辨率清晰度2821628图像选材规则(1)根据构图进行拍照或选材。(2)选择色彩丰富、轮廓清晰的图片。居高临下(3)用于背景的图片要充满画面，用于装饰的图片要拍摄全景。用于装饰用于背景要点3——●图像选材规则(1)根据构图进行拍照或选材。(2)选择色彩29动画美学3.4.2●

画面布局——留出动画主体的运动空间。●

动画调度——镜头推移、纵深运动、平面移动的顺序和方式。●动态视觉规律——慢动流畅、快动引起注意。●动画时间掌握——符合自然规律，适度夸张。●造型设计、动作设计——鲜明个性，善恶分明，适度夸张。动画美学3.4.2●画面布局——留出动画主体的运动空间30声音美学3.4.3●

影响声音美感的因素1)清晰度——录制水平、载体材质、采样频率、采样位数。2)噪声——录制本底噪声、介质附加噪声。3)音色——混响时间、声源特质、MIDI、WAV、MP3。4)旋律——作曲、演奏等音乐本身的属性。噪声增加混响时间正常音色表现Stop●

声音运用1)采用一个以上声源的场合，采用交叉或者响度区分的方法。2)语音采用单声道，乐曲采用立体声。3)适当添加声音效果，弥补不足。例如混响时间、音调高低。声音美学3.4.3●影响声音美感的因素噪声增加混响时间正常313.5拍摄数码照片3.5.1●

拍摄数码照片是获取多媒体素材最简捷的方法构图有新意构图均衡■摄影构图注意的问题(1)画面布局(错落有致)(2)前景与背景的关系(讲求纵深感)(3)光与影的关系(突出立体感)(4)画面留有加工余地拍摄技巧3.5拍摄数码照片3.5.1●拍摄数码照片是获取多媒体素32●●

光圈2.845.68111622快门1/s光圈B

81530601252505001000

感光指数为常数时的关系2.845.68111622摄影速度与光圈●

光圈与速度的关系(1)速度↑曝光量↓(2)光圈↑曝光量↑●

胶卷(负片)的感光度60°——感光速度慢，颗粒小，影像清晰，适于光照条件非常好的场合100°——感光速度中等，颗粒中，影像较清晰，适于白天400°——感光速度快，颗粒较粗，影像一般，适于傍晚、黎明、室内1000°——感光速度极快，颗粒粗，影像一般，适于高速运动物体的摄影●●光圈快门1/s光圈B815306033自然光+辅助光人像摄影用光●反射光反射光反光伞反光伞反光伞反射光反光板有源光柔光灯箱日光直射光自然光+辅助光人像摄影用光●反射光反射光反光伞反光伞反光34数码照片的后期处理●■色饱和调整■色调调整■构图调整数码照片的后期处理●■色饱和调整■色调调整■构图调整353.5.2●

连接计算机的方式USB接口数码照片的传送(1)直接连接

●驱动程序

●使用编辑传送软件(2)使用读卡机

●驱动程序

●使用资源管理器读卡机驱动程序●

照片文件格式●GIF256Colors●JPG(压缩格式)●BMP(少见)●TIF(专业)3.5.2●连接计算机的方式USB接口数码照片的传送(136No.1强调构图No.2突出纵深感No.3日落光线数码照片观摩3.5.3No.1强调构图No.2突出纵深感No.3日落光37No.4强调景