《平面设计与图形图像概述.pptx》由会员分享，可在线阅读，更多相关《平面设计与图形图像概述.pptx（52页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、平面设计与图形图像概述平面设计与图形图像概述第第1 1章章 平面设计与图形图像概述平面设计与图形图像概述 1.1 平面设计简介 1.2 图形图像的基本概念 1.3 图像色彩的基础 1.4 本章小结第1页/共52页 本章学习重点：本章学习重点：了解平面设计的基本概念和基础知识了解平面设计的基本概念和基础知识 了解图形、图像的的基本概念了解图形、图像的的基本概念 掌握图像色彩的基本知识掌握图像色彩的基本知识 第2页/共52页 平面设计最大特点是通过一些不同的基本平面设计最大特点是通过一些不同的基本图形，按照一定的规则和方法，在平面上组合图形，按照一定的规则和方法，在平面上组合成的图案。成的图案。平
2、面设计所表现的立体空间感，是通过图平面设计所表现的立体空间感，是通过图形、图像对人的视觉进行作用而形成的一种空形、图像对人的视觉进行作用而形成的一种空间幻想的形象。间幻想的形象。平面设计可以在最短暂的时间内为人们传递平面设计可以在最短暂的时间内为人们传递最时尚、最丰富、最前沿、最明晰的艺术性信最时尚、最丰富、最前沿、最明晰的艺术性信息。息。1.1平面设计简介 第3页/共52页1.1.平面设计的基本元素平面设计的基本元素文字文字图形图形色彩色彩第4页/共52页图图1-1 1-1 字体设计示意图之一字体设计示意图之一 第5页/共52页图图 1-2 1-2 字体设计示意图之二字体设计示意图之二 第6
3、页/共52页图图1-3 1-3 图形设计示意图图形设计示意图 第7页/共52页图图1-4 1-4 色彩设计示意图色彩设计示意图 第8页/共52页图图 1-5 1-5 综合设计示意图之一综合设计示意图之一 第9页/共52页图图1-6 1-6 综合设计示意图之二综合设计示意图之二 第10页/共52页2.平面设计中的表现形式 文字文字图形图形色彩色彩和谐、对比和谐、对比和谐、对比和谐、对比 、对称、对称、对称、对称 、平衡、平衡、平衡、平衡 比例、重心比例、重心比例、重心比例、重心 、节奏、节奏、节奏、节奏 、韵律、韵律、韵律、韵律第11页/共52页和谐和谐和谐和谐:和谐的平面设计是建立在统一和对比
4、基础上和谐的平面设计是建立在统一和对比基础上,给予人们的感觉和意识给予人们的感觉和意识是一种整体协调的关系。如图是一种整体协调的关系。如图1-7 1-7 对比：对比：对比：对比：又称为对照，为使人感觉鲜明强烈且富有统一感，而把质或量反差很大的两个元素成功搭配，使主体更加鲜明、作品更加活跃。如图又称为对照，为使人感觉鲜明强烈且富有统一感，而把质或量反差很大的两个元素成功搭配，使主体更加鲜明、作品更加活跃。如图1-81-8 对称：对称：对称：对称：以一个图形的中央为中心线，将图形分为左右或上下同等、同量的以一个图形的中央为中心线，将图形分为左右或上下同等、同量的一种形式。给人创造庄重沉稳、高贵大气
5、的信赖感。一种形式。给人创造庄重沉稳、高贵大气的信赖感。平衡：平衡：平衡：平衡：比例：比例：比例：比例：在平面设计中指的是根据图像的形量、大小、轻重、色彩等因素来在平面设计中指的是根据图像的形量、大小、轻重、色彩等因素来分布作用与视觉判断上的平衡。如图分布作用与视觉判断上的平衡。如图1-91-9 比例是平面设计中编排组合的重要因素，也是用来表现现代生活和比例是平面设计中编排组合的重要因素，也是用来表现现代生活和科技时代的抽像艺术形式科技时代的抽像艺术形式 。如图。如图1-101-10 重心：重心：重心：重心：节奏：节奏：节奏：节奏：韵律：韵律：韵律：韵律：画面的中心视点，就是视觉的重心点，画面
6、中图像各种丰富的变化画面的中心视点，就是视觉的重心点，画面中图像各种丰富的变化：如轮廓的变化，色彩的运用等都可能对视觉重心产生作用。：如轮廓的变化，色彩的运用等都可能对视觉重心产生作用。节奏是具有时间感的一种表现形式，在平面设计中通过同一要素连节奏是具有时间感的一种表现形式，在平面设计中通过同一要素连续重复产生的运动感，给人创造动态的美续重复产生的运动感，给人创造动态的美 。如图。如图1-111-11。在平面设计中单一的个体元素组合、有小变大产生无限的意境，从规律变化的形像、色彩等方面处理排列，使之产生音乐般的旋律感，成为韵律，如图1-12所示。第12页/共52页图图1-7 1-7 和谐表现形
7、式的图像和谐表现形式的图像 第13页/共52页图图1-8 1-8 对比表现形式的图像对比表现形式的图像 第14页/共52页图图1-9 1-9 平衡表现形式的图像平衡表现形式的图像 第15页/共52页图图1-101-10强调比例表现形式的图像强调比例表现形式的图像 第16页/共52页图图1-111-11强调节奏表现形式的图像强调节奏表现形式的图像 第17页/共52页图图1-121-12强调韵律表现形式的图像强调韵律表现形式的图像 第18页/共52页1.21.2图形图像的基本概念图形图像的基本概念图形图像的基本概念图形图像的基本概念 图形一般可用计算机软件绘制，是由点、线、面等元素组合而成的，又常
8、被称为矢量图形；图像则可由计算机输入设备捕捉的实际场景的画面，或以数字化形式存储的画面，又称为位图图像。两者都是数字化的文件，但在感觉器官的复杂度和意义上也是不同的，所传达的视觉效果也是不同的。第19页/共52页1.1.位图位图位图位图2.2.矢量图矢量图矢量图矢量图1.2.11.2.1图形图像的种类图形图像的种类图形图像的种类图形图像的种类 矢量图也叫向量图形，是用一组指令集来描述的。矢量图也叫向量图形，是用一组指令集来描述的。这些指令描述了构成一幅图画的所有直线、曲线、矩这些指令描述了构成一幅图画的所有直线、曲线、矩形、圆、圆弧等的位置、形状和大小。形、圆、圆弧等的位置、形状和大小。位图也
9、称点阵图像或像素图像，可用数码照相机位图也称点阵图像或像素图像，可用数码照相机或扫描仪等设备获取。位图图像是由一个个像素点组或扫描仪等设备获取。位图图像是由一个个像素点组成的，一个像素可用一个或多个内存位来存储，是由成的，一个像素可用一个或多个内存位来存储，是由描述图像的各个像素点的明暗强度与颜色的位数集合描述图像的各个像素点的明暗强度与颜色的位数集合而成。而成。第20页/共52页图图1-13 1-13 位图图像放大后的效果显示位图图像放大后的效果显示 第21页/共52页1.2.21.2.2图像的大小、分辨率和像素图像的大小、分辨率和像素图像的大小、分辨率和像素图像的大小、分辨率和像素1 1像
10、素（像素（PixelPixel）像素是图像显示的基本单位。被视为图像的最小的像素是图像显示的基本单位。被视为图像的最小的完整采样，是有颜色的小方块。而图像就是有若干个小完整采样，是有颜色的小方块。而图像就是有若干个小方块组成的。他们有各自的颜色和位置，因此小方块越方块组成的。他们有各自的颜色和位置，因此小方块越多，也就是像素越多，那么图像也就越清晰，但图像的多，也就是像素越多，那么图像也就越清晰，但图像的大小也就越大。大小也就越大。第22页/共52页2 2分辨率（分辨率（ResolutionResolution）分辨率指图像文件中单位面积内像素点的多少；或分辨率指图像文件中单位面积内像素点的多
11、少；或者说所包含的细节和信息量，也可指输入、输出或者显者说所包含的细节和信息量，也可指输入、输出或者显示设备能够产生的清晰度等级。通常可以分为以下几种示设备能够产生的清晰度等级。通常可以分为以下几种不同的分辨率：不同的分辨率：第23页/共52页（1 1）屏幕分辨率：屏幕分辨率：指在特定显示方式指在特定显示方式下，显示器能提供的分下，显示器能提供的分辨率，以水平和垂直的辨率，以水平和垂直的像素来表示。像素来表示。图图1-14 1-14 屏幕分辨率的设置图示屏幕分辨率的设置图示第24页/共52页（2 2）图像分辨率：图像分辨率：指构成一幅图像所用的像素点数，以水平和垂直的指构成一幅图像所用的像素点
12、数，以水平和垂直的像素点表示，图像分辨率以每英寸含多少个像素来计算像素点表示，图像分辨率以每英寸含多少个像素来计算的，通常用的，通常用ppi(ppi(像素像素/英寸英寸)为单位。为单位。低分辨率的图像低分辨率的图像 高分辨率的图像高分辨率的图像 图图1-15 1-15 不同分辨率的图像显示效果不同分辨率的图像显示效果第25页/共52页 例如一幅例如一幅A4A4大小的大小的RGBRGB彩色图像，若分辨率彩色图像，若分辨率为为300ppi300ppi，则文件的大小为，则文件的大小为20MB20MB以上。若分辨率以上。若分辨率为为72ppi72ppi，则文件的的大小为，则文件的的大小为2MB2MB左
13、右，如图左右，如图1-161-16、1-171-17所示。所示。图图1-16“1-16“图像大小图像大小”设置对话框设置对话框第26页/共52页图图1-17“1-17“图像大小图像大小”设置对话框设置对话框 第27页/共52页（3 3）扫描仪分辨率：）扫描仪分辨率：指在扫描前所设置的扫描仪的解析极限，其单位与指在扫描前所设置的扫描仪的解析极限，其单位与打印机的相同打印机的相同dpidpi。（4 4）打印机分辨率：）打印机分辨率：指喷墨或者激光打印机每英寸所产生的墨点数目。指喷墨或者激光打印机每英寸所产生的墨点数目。第28页/共52页1.2.31.2.3常用的图像文件格式常用的图像文件格式常用的
14、图像文件格式常用的图像文件格式 为了适应不同应用的需要，图形或图像可以以多为了适应不同应用的需要，图形或图像可以以多种文件格式存储，不同的图形或图像文件格式具有不种文件格式存储，不同的图形或图像文件格式具有不同的存储特性，不同格式图形或图像之间也可以通过同的存储特性，不同格式图形或图像之间也可以通过一些工具软件来互相转换。以下介绍一些比较常用的一些工具软件来互相转换。以下介绍一些比较常用的图形、图像文件格式。图形、图像文件格式。第29页/共52页1 1PSDPSD（*.PSD*.PSD）格式）格式 PSD PSD格式是格式是格式是格式是PhotoshopPhotoshop特有的、非压缩的图像文
15、件格式，是唯一支持所有特有的、非压缩的图像文件格式，是唯一支持所有特有的、非压缩的图像文件格式，是唯一支持所有特有的、非压缩的图像文件格式，是唯一支持所有的图像模式。的图像模式。的图像模式。的图像模式。2.JPEG2.JPEG（*.JPG*.JPG）格式）格式JPGJPG格式是图像最常用的一种有损压缩的图像格式之一，也是一种支持格式是图像最常用的一种有损压缩的图像格式之一，也是一种支持格式是图像最常用的一种有损压缩的图像格式之一，也是一种支持格式是图像最常用的一种有损压缩的图像格式之一，也是一种支持24bit24bit真彩色的，静态图像的文件格式。真彩色的，静态图像的文件格式。真彩色的，静态图
16、像的文件格式。真彩色的，静态图像的文件格式。3 3GIFGIF（*.GIF*.GIF）格式）格式 GIF GIF格式的英文原意是格式的英文原意是格式的英文原意是格式的英文原意是“图像互换格式图像互换格式图像互换格式图像互换格式”,”,是使用是使用是使用是使用LZWLZW压缩方式产生容量小压缩方式产生容量小压缩方式产生容量小压缩方式产生容量小且无损压缩的一种图像文件格式，它使用且无损压缩的一种图像文件格式，它使用且无损压缩的一种图像文件格式，它使用且无损压缩的一种图像文件格式，它使用8 8位的图像颜色，并能够保留锐化细位的图像颜色，并能够保留锐化细位的图像颜色，并能够保留锐化细位的图像颜色，并能
17、够保留锐化细节。节。节。节。4 4BMPBMP（*.BMP*.BMP）格式）格式BMPBMP格式是格式是WindowsWindows标准的位图式的图像文件格式。标准的位图式的图像文件格式。第30页/共52页5.TIF5.TIF（*.TIF*.TIF）格式）格式6.PNG6.PNG（*.PNG*.PNG）格式）格式 TIF TIF格式是一种与平台无关、与应用程序无关、与图像本身无关的图像文件格式是一种与平台无关、与应用程序无关、与图像本身无关的图像文件格式是一种与平台无关、与应用程序无关、与图像本身无关的图像文件格式是一种与平台无关、与应用程序无关、与图像本身无关的图像文件格式。格式。格式。格式
18、。是是Netscape Netscape 公司开发出来的一种图像格式，是公司开发出来的一种图像格式，是Portable Network GraphicsPortable Network Graphics的缩的缩写，中文译为：写，中文译为：“便携式网络图像便携式网络图像”。7.PDF7.PDF（*.PDF*.PDF）格式）格式 PDF PDF格式是格式是AdobeAdobe公司开发的比较灵活的、适用于不同平台和软件的一种文公司开发的比较灵活的、适用于不同平台和软件的一种文件格式。件格式。8.EPS8.EPS（*.EPS*.EPS）格式）格式 是压缩的是压缩的Post ScriptPost Scr
19、ipt格式的变体之一。用于在应用程序间传递格式的变体之一。用于在应用程序间传递Post ScriptPost Script语言语言图片信息，在排版软件中以低分辨率预览，以高分辨率打印输出。图片信息，在排版软件中以低分辨率预览，以高分辨率打印输出。第31页/共52页1.31.3图像色彩的基础图像色彩的基础图像色彩的基础图像色彩的基础 色彩是一个丰富的概念，不论在生活中还是工作色彩是一个丰富的概念，不论在生活中还是工作中都充当了重要的角色。平时我们可以看到各种各样中都充当了重要的角色。平时我们可以看到各种各样丰富多边的色彩丰富多边的色彩城市的色彩、企业的色彩、个人城市的色彩、企业的色彩、个人的色彩
20、等等，无论哪一种色彩，都能够体现出事物的的色彩等等，无论哪一种色彩，都能够体现出事物的特色和风格来，左右观赏者对物体或事物的印象。因特色和风格来，左右观赏者对物体或事物的印象。因为有了色彩，才让生活丰富且美丽。为有了色彩，才让生活丰富且美丽。第32页/共52页1.3.11.3.1色彩的形成色彩的形成色彩的形成色彩的形成 物体本身是没有什么颜色的，没有光就没有色。光是一切视觉艺术所存在的前提条件。由于各种物体对光谱中的各个不同部分有不同的吸收和反射，才产生绚丽缤纷的颜色。而色彩的产生需要主客观的结合，就是除了光和客观存在以外，眼睛就是感受色彩的生物物质的主体和条件。而眼睛作为色彩的“接收”系统，
21、在色彩中起到十分重要的作用。那么，光、物体、和眼睛就成为色彩形成的三个不可缺少的因素。第33页/共52页色彩色彩无色无色彩系彩系有色有色彩系彩系明明度度色色相相纯纯度度明度是指色明度是指色彩的明暗程度彩的明暗程度色相是指色相是指色彩的相貌色彩的相貌纯度是指色彩的纯度是指色彩的鲜艳度、饱和度。鲜艳度、饱和度。1.3.21.3.2色彩的分类色彩的分类色彩的分类色彩的分类色彩的主要类别 色色彩彩的的三三要要素素 第34页/共52页图图 1-18 1-18 色相的应用色相的应用第35页/共52页图图 1-19 1-19 明度的应用明度的应用第36页/共52页图图 1-20 1-20 纯度的应用纯度的应
22、用第37页/共52页1.3.41.3.4色彩的表现技法简介色彩的表现技法简介色彩的表现技法简介色彩的表现技法简介色彩的语言丰富而美丽，它可以包装人类的视色彩的语言丰富而美丽，它可以包装人类的视觉，感知人类的心灵。其中色彩的构成及其表现技觉，感知人类的心灵。其中色彩的构成及其表现技法也是妙趣横生的，构成可以通过色彩的一些原理法也是妙趣横生的，构成可以通过色彩的一些原理和形式美的法则来实现色彩的各种表现技法。根据和形式美的法则来实现色彩的各种表现技法。根据人类对色彩的视觉、生理、心理效应，来进行多方人类对色彩的视觉、生理、心理效应，来进行多方面和多形式的组合。通过色彩的基本表现技法来了面和多形式的
23、组合。通过色彩的基本表现技法来了解一些色彩构成的主要内容。解一些色彩构成的主要内容。第38页/共52页1.1.色彩的对比色彩的对比（1）色彩的色相对比：不同颜色并置，在比较中呈现色相差异，称为色相对比，如图 1-21 所示。图图1-21 1-21 色环色环第39页/共52页1.1.色彩的对比色彩的对比（2）色彩的明度对比：每一种颜色都有自己的明度特征。当它们进行对比时，会有明显明暗深浅的差异，这就是色彩的明度对比。（3）色彩的纯度对比：因色彩纯度的差异而形成的色彩鲜浊度对比称纯度对比。图图1-22 1-22 高纯度的对比高纯度的对比图图1-23 1-23 低纯度的弱对比低纯度的弱对比第40页/
24、共52页（4）色彩的面积对比：是各种色彩在数量上所占用的比例对比，是数量的大与小，面积的的多和少之间的对比关系。图图 1-24 1-24 面积对比的应用面积对比的应用第41页/共52页（5）色彩的形状对比：“形之不存，色将焉附”，色彩也可以通过形状来呈现出不同的特色，不同的形状的色彩，对视觉最有影响的就是聚集和分散的效果。2 2色彩的调和色彩的调和色彩能使人产生联想和感情，并可以唤起人们的情感。色彩的调和：“调”是调整、调理、调节、安排等意思；“和”为和一、和谐、和平、融洽等意思。（1）类似调和）类似调和秩序产生和谐秩序产生和谐类似调和强调色彩要素中的一致性，追求色彩关系的统一感，类似调和包括
25、同一调和与近似调和。第42页/共52页色彩的同一调和：是指在色相、明度、纯度三要素中，某种要素完全相同，而变化其他要素。单元同一调和单元同一调和双元同一调和双元同一调和同一色相调和同色相、同明度调和同一明度调和同色相、同纯度调和同一纯度调和同明度、同纯度调和表表1-1 色彩的同一调和表色彩的同一调和表第43页/共52页色彩的近似调和：是指在色相、明度、纯度三要素中某种要素近似，变化其他的要素的调和方式。图图1-25 1-25 色彩的近似调和示意图色彩的近似调和示意图第44页/共52页图图1-26 1-26 孟赛尔立体图的不同调和方法孟赛尔立体图的不同调和方法第45页/共52页（2）对比调和）对
26、比调和和谐来自对比：是强调组合而变化的和谐的色彩关系，和谐来自对比：是强调组合而变化的和谐的色彩关系，通过各种不同方式的组合来实现和谐的色彩关系。让对比的调和更加和谐。通过各种不同方式的组合来实现和谐的色彩关系。让对比的调和更加和谐。主要是根据伊登的色彩理论分为：二色调和、三色调和、四色调和和五色主要是根据伊登的色彩理论分为：二色调和、三色调和、四色调和和五色以上的调和。以上的调和。1234二色调和：是通过色环中两个相对的颜色（互补色）组合而调和形成的色彩组合如图1-27所示。三色调和：是色环中构成等腰三角形或等边三角形的三个颜色来组合调和的组合。如图1-28所示。四色调和：是色环中构成正方形
27、、长方形的四个颜色来组合的调和色彩组合。如图1-29所示。五色以上的调和：是通过色环构成五边形、六边形等五个颜色以上的调和色彩组合。如图1-29所示。第46页/共52页图图1-27 1-27 二色调和的应用二色调和的应用 第47页/共52页图图1-28 1-28 图图1-291-29第48页/共52页如图如图1-30 1-30 五色以上调和的应用五色以上调和的应用第49页/共52页3 3色彩的采集和重构色彩的采集和重构 色彩的采集重构是通过形式美法则和一些设计的需求，对自然的色彩和人工的色彩，以及一切可以借鉴的素材中的色彩进行借用和采纳，进行视觉平面上的再创作，把这些信息进行归纳和取舍而组合成
28、的新型的图形。色彩的采集和重构加强了抽象的训练，感悟色彩的真正的秩序感，使得视觉的色彩审美形成。第50页/共52页本章主要介绍了平面设计的基础知识、图形和图像本章主要介绍了平面设计的基础知识、图形和图像的基础知识、图像色彩的基础知识，这三部分内容是学的基础知识、图像色彩的基础知识，这三部分内容是学习图像处理的必备的基础知识，是学好本书应该掌握理习图像处理的必备的基础知识，是学好本书应该掌握理论基础。论基础。平面设计的基础知识可以使学习者了解基本的设计平面设计的基础知识可以使学习者了解基本的设计元素与它们的主要表现形式；图形和图像的基础知识介元素与它们的主要表现形式；图形和图像的基础知识介绍了图形、图像文件的种类、格式和特点；图像色彩的绍了图形、图像文件的种类、格式和特点；图像色彩的基础知识是完成图像色彩处理的必需了解基础知识。基础知识是完成图像色彩处理的必需了解基础知识。1.4 1.4 本章小结本章小结本章小结本章小结本章的知识点较多，基本概念和很多术语对初学者本章的知识点较多，基本概念和很多术语对初学者来说会有一定难度，在学习过程中可以对重要的基本概来说会有一定难度，在学习过程中可以对重要的基本概念作好笔记，通过以后的章节的学习和实验逐步加深对念作好笔记，通过以后的章节的学习和实验逐步加深对这些知识的理解。这些知识的理解。第51页/共52页