《平面设计培训课件.pptx》由会员分享，可在线阅读，更多相关《平面设计培训课件.pptx（52页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、2:54 AM11 1平面设计简介平面设计简介1.1.平面设计平面设计及类型及类型2.2.平面设计的元素平面设计的元素3.3.平面设计的过程平面设计的过程4.4.平面设计的工具平面设计的工具2 2图像的基本概念图像的基本概念1.1.图像种类图像种类2.2.像素和分辨率像素和分辨率3.3.常用文件格式常用文件格式4.4.常见的颜色模式常见的颜色模式3 3色彩的配搭色彩的配搭1.1.十种基本的配色设计十种基本的配色设计2.2.六种配色理念六种配色理念第1页/共52页2:54 AM2 平面设计plane design/graphic design,以“视觉”作为沟通和表现的方式，透过多种方式来创造或
2、结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。从范围来讲用来印刷的都和平面设计有关，从功能来讲称之为视觉传达，即用视觉语言进行传递信息和表达观点。目前常见的平面设计项目，包括以下几类：网页设计、包装设计、DM广告设计、海报设计、平面媒体广告设计、书籍设计、刊物设计、VI设计等。第2页/共52页2:54 AM3p 平面设计的类型平面设计的类型1.字体设计第3页/共52页2:54 AM42.标志设计第4页/共52页2:54 AM53.书籍设计第5页/共52页2:54 AM64.包装设计第6页/共52页2:54 AM75.广告设计第7页/共52页2:54 AM86.企业形象设计第8页/
3、共52页2:54 AM97.网页设计第9页/共52页2:54 AM108.海报设计第10页/共52页2:54 AM11平面设计的元素平面设计的元素1.概念元素：所谓概念元素是那些不实际存在的，不可见的，但人们的意识又能感觉到的东西。例如我们看到尖角的图形，感到上面有点，物体的轮廓上有边缘线。概念元素包括：点、线、面。2.视觉元素：概念元素不在实际的设计中加以体现，它将是没有意义的。概念元素通常是通过视觉元素体现的，视觉元素包括图形的大小、形状、色彩等。3.关系元素：视觉元素在画面上如何组织、排列，是靠关系元素来决定的。包括：方向、位置、空间、重心等。4.实用元素：指设计所表达的含义、内容、设计
4、的目的及功能。第11页/共52页2:54 AM12 平面设计的过程是有计划有步骤的渐进式不断完善的过程，设计的成功与否很大程度上取决于理念是否准确，考虑是否完善。设计之美永无止境，完善取决于态度。1 1、调查 调查是了解事物的过程，设计需要的是有目的和完整的调查。背景、市场调查、行业调查（关于品牌、受众、产品）、关于定位、表现手法、调查是设计的开始和基础（背景知识）。2 2、内容 内容分为主题和具体内容两部分，这是设计师在进行设计前的基本材料。3 3、理念 构思立意是设计的第一步，在设计中思路比一切更重要。理念一向独立于设计之上。也许在你的视觉作品中传达出理念是最难的一件事。平面设计的过程平面
5、设计的过程第12页/共52页2:54 AM13 4、调动视觉元素 在设计中基本元素相当于你作品的构件，每一个元素都要有传递和加强传递信息的目的。在一个版面之中，构成元素可以根据类别来进行划分，如可以分为：标题、内文、背景、色调、主体图形、留白、视觉中心等等。平面设计版面就是把不同元素进行有机结合的过程。第13页/共52页2:54 AM145、选择表现手法 手法即是技巧，在视觉产品泛滥的今天要想把受众打动以并非易事，更多的视觉作品已被人们的眼睛自动的忽略掉了。在三大构成中很多种图形的处理和表现手法，如对比、类比、夸张、对称、主次、明暗、变异、重复、矛盾、放射、节奏、粗细、冷暖、面积等形式。另外还
6、有从图形处理的效果上又有手绘类效果，如油画、铅笔、水彩、版画、蜡笔、涂鸦还有其他的如摄影、老照片、等等。第14页/共52页2:54 AM156、平衡 平衡能带来视觉及心理的满足，设计师要解决画面当中力场的平衡，前后衔接的平衡，平衡与不平衡是相对的，以是否达到主题要求为标准。平衡分为对称平衡和不对称平衡，包括点、线、面、色、空间的平衡。7、出彩 记住，你要创造出视觉兴奋点来升华你的作品。8、关于风格 作为设计师，固定风格的形成意味着自我的僵死，但风格同时又是一个设计师性格、喜好、阅历、修养的反映，也是设计师成熟的标志，以为了解大同，才能独走边缘。9、制作 检查项目包括：图形、字体、内文、色彩、编
7、排、比例 要求：视觉的想象力和效果要赏心悦目，而更重要的是被受众理解！第15页/共52页2:54 AM16平面设计的工具平面设计的工具 平面设计的工具可划分为图像绘制和图像处理两个部分，下面简单介绍这方面一些常用软件：Adobe Photoshop这款美国Adobe公司的软件一直是图像处理领域的巨无霸,在出版印刷、广告设计、美术创意、图像编辑等领域得到了极为广泛的应用。第16页/共52页2:54 AM17Adobe Illustrator Adobe Illustrator是美国ADOBE(奥多比)公司推出的专业矢量绘图工具，是出版、多媒体和在线图像的工业标准矢量插画软件。Illustrato
8、r 不仅仅是一个艺术产品工具，其能适合大部分小型设计到大型的复杂项目。CorelDraw CorelDraw是Corel公司推出的集矢量图形设计、印刷排版、文字编辑处理和图形高品质输出于一体的平面设计软件，深受广大平面设计人员的喜爱，目前主要在广告制作、图书出版等方面得到广泛的应用，功能与其类似的软件有Illustrator、Freehand。第17页/共52页2:54 AM18CorelDraw Maya 第18页/共52页2:54 AM19Adobe Photoshop Maya 第19页/共52页2:54 AM20Freehand Maya 第20页/共52页2:54 AM21Adobe
9、 Illustrator Maya 第21页/共52页2:54 AM22Maya Maya 第22页/共52页2:54 AM23page maker Maya 第23页/共52页2:54 AM24Adobe Indesign PageMaker Freehand QuarkXPress Fireworks Flash第24页/共52页2:54 AM25 图像的基本概念图像的基本概念图像种类图像种类1.矢量图形（Vector）：矢量又称“向量”，矢量图形中的图形元素（点和线段）称为对象，每个对象都是单独的个体，它具有大小、方向、轮廓、颜色和屏幕位置等属性。矢量图形就是用数学的方法通过计算机语言来
10、绘制矩形等而成。第25页/共52页2:54 AM262.位图图像（Bitmap）：位图又称为点阵图、像素图或栅格图像，是由称作像素（栅格）的单个点组成。这些点可以进行不同的排列和染色以构成图样。第26页/共52页2:54 AM27 矢量图特点：能重现清晰的轮廓，线条非常光滑、且具有良好的缩放性；图形、文字编辑能力强；与位图相比，在显示和打印方面都快的多。但图形不真实生动，颜色不丰富，无法像照片一样真实地再现这个世界的景色。常用的矢量绘图软件：Illustrator、CorelDraw、FreeHand、AutoCAD、Flash等。位图特点：位图图像善于重现颜色的细微层次，能够制作出色彩和亮度
11、变化丰富的图像，可逼真地再现这个世界。文件庞大，不能随意缩放；打印和输出的精度是有限的；常用的位图软件：Photoshop、Photo Painter、Photo Impact、Paint Shop Pro、Painter等。第27页/共52页2:54 AM28像素与分辨率像素与分辨率 像素：像素是构成图像的最基本元素，它实际上一个个独立的小方格，每个像素都能记录它所在的位置和颜色信息。右图中每一个小方格就是一个像素点，它记载着图像的各种信息。第28页/共52页2:54 AM29 图像分辨率：是指组成一幅图像的像素密度的度量方法。同样的图，图像像素数目越多，图像的分辨率越高，看起来就越逼真。反
12、之，图像显得越粗糙。分辨率：单位长度内(通常是一英寸)像素点的数量多少。针对不同的输出要求对分辨率的大小也不一样，如常用的屏幕分辨率为72像素/英寸，而普通印刷的分辨率为300像素/英寸。第29页/共52页2:54 AM30一张72 ppi分辨率11英寸的图像（像素数为7272=5184）和一张尺寸同为11英寸但分辨率为300ppi的图像（像素数为300300=90000），在同样放大200%时，可以看到分辨率为300 ppi的明显比72ppi的清晰，如图所示。第30页/共52页2:54 AM31常用文件格式：常用文件格式：PSD：Photoshop存储的默认格式，支持PS处理的任何内容（如图
13、层、通道、色彩信息、文字等）、支持无损压缩。唯一能够支持全部图像色彩模式的格式。可合并层来减少图像大小。在压缩图像方面强于TIFF格式。在应用软件中After Effects和Corel Photo-paint支持。EPS（Encapsulated PostScript）：是一种通用的行业标准格式，应用于绘图、排版和印刷，最大优点是可以在软件中以低分辨率预览，将插入的文件进行编辑排版，而在打印或出胶片时则以高分辨率输出，做到工作效率与图像输出质量两不误。JPEG（Join Photographic Experts Group）：是最常用的一种图像格式，也是一种压缩（有损的）方法，用于图像压缩的
14、一种工业标准文件格式。支持RGB模式、索引模式、灰度模式和位图色彩模式，但不支持通道。第31页/共52页2:54 AM32GIF（Graphic Information Format）：是一种使用LZW（Lempel Ziv Welch）的无损压缩。常用于WEB上使用的图像，只能表达256级色彩。PNG（Portable Network Graphics）：是专门为Web创造的，将GIF和JPEG最好的特性结合起来。和GIF格式不同的是，PNG格式并不限于256色，可支持24位图像，通过保存一个Alpha 通道来定义透明区域，产生没有锯齿边缘的透明区域。支持灰度、索引颜色和RGB模式。TIFF
15、（Tagged Image File Format）：具有跨平台的兼容性。在排版上广泛的应用且是图像处理程序中所支持的最通用文件格式。保存剪贴路径、图层、Alpha和专色通道、注释及其他一些选项。最大优点是图像不受操作平台的限制。主要是为了便于应用软件之间进行图像数据交换。大多数扫描仪都输出TIFF格式的图像文件。第32页/共52页2:54 AM33 CDR：CorelDRAW专用的矢量图形格式。与其他软件、图形格式的交流不是很好，但有许多独特的性质，保存了CorelDRAW文件中的全部素材，使得CDR文件格式在很多行业中非常流行，应用非常广泛。AI：Adobe Illustrator采用的标
16、准矢量图形格式，用于记录不同的线条组成的图像文件，与PageMaker之间的兼容性非常好，也可兼容CorelDRAW、Flash等软件。常用于出版印刷行业，所保存的信息比WMF多。第33页/共52页2:54 AM34常见颜色模式常见颜色模式 配制颜色的方式。颜色模式用于确定图像中显示的颜色数量外，还影响通道数和图像的文件大小。不同的颜色模式，表示图像中像素点采用的不同颜色描述方法。灰度模式：灰度图可以表现从黑到白的整个系列灰色色调。可产生28=256级灰度（0表示纯白，256为纯黑），灰度图就是用这256级灰度值来表现图片内容的。RGB颜色：源于色光三原色，是一种发光屏幕的加色模式，所有其他颜
17、色都通过红、绿、蓝三种颜色叠加而形成。是PS默认的色彩模式。R（Red）红色、G（Green）绿色、B（Blue）蓝色，值分别为0255。将红、绿、蓝3种颜色的光混合起来产生颜色，称为加色法。加色法中，没有光线存在时的颜色是黑色（R、G、B值都为0）；所有的光都为最大 值（255）时的颜色是白色。第34页/共52页2:54 AM35 CMY模式 这种模式是通过吸收白光中的某些颜色，而反射其他的色光而表现颜色的，所以也称为减色法。RGB和CMY是互逆的。CMYK模式 CMYK模式除用来表现色彩的CMY三色以外，为了增强印刷效果的逼真度，增加了一种颜色黑色。青（Cyan）、洋红（Magenta）、
18、黄（Yellow）、黑（Black）。在Photoshop中，CMYK的图像是通过4个通道来体现的，它比相同幅面的RGB图像文件大33%，且正好是灰度图文件的4倍。印刷中使用的是减色法，因此决定了不能印刷RGB色,，因此在印刷时，常要进行RGB色到CMYK色的转换。第35页/共52页2:54 AM36第36页/共52页2:54 AM37第37页/共52页2:54 AM38第38页/共52页2:54 AM39第39页/共52页2:54 AM40第40页/共52页2:54 AM41第41页/共52页2:54 AM42第42页/共52页2:54 AM43第43页/共52页2:54 AM44第44页/
19、共52页2:54 AM45色彩的配搭色彩的配搭 在平面设计中，色彩永远是最重要的一环。一个颜色的效果是由多种因素来决定的：反射的光，周边搭配的色彩，或是观看者的欣赏角度。当我们距离一份平面设计作品较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是色彩。关于色彩的原理有许多，在此我不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。下面是一些配色的小技巧。第45页/共52页2:54 AM46十种基本的配色设计第46页/共52页2:54 AM47第47页/共52页2:54 AM48六种配色理念基本配色强烈 最有力的色彩组合是充满刺激的快感和支配的欲念，不管颜色是怎么组合，红色绝对是
20、少不了的。红色是最终力量来源强烈、大胆、极端。力量的色彩组合象征人类最激烈的感情：爱、恨、情、仇，表现情感的充分发泄。基本配色丰富 要表现色彩里的浓烈、富足感可藉由组合一个有力的色彩和它暗下来的补色。例如，深白兰地酒红色就是在红色中加了黑色，就像产自法国葡萄园里陈年纯美的葡萄酒，象征财富。白兰地酒红色和深森林绿如果和金色一起使用可表现富裕。这些深色、华丽的色彩用在各式各样的织料上，如皮革和波纹皱丝等等，可创造出戏剧性、难以忘怀的效果。这些色彩会给人一种财富和地位的感觉。第48页/共52页2:54 AM49 基本配色浪漫 粉红代表浪漫。粉红色是把数量不一的白色加在红色里面，造成一种明亮的红。象红
21、色一样，粉红色会引起人的兴趣与快感，但是比较柔和、宁静的方式进行。浪漫色彩设计，藉由使用粉红、淡紫和桃红（略带鲜艳的粉红色），会令人觉得 柔和、典雅。和其它明亮的粉彩配合起来，红色会让想起梦幻般的6月天和满满一束 夏日炎炎下娇柔的花朵。基本配色奔放 藉由使用象朱红色这种一般最令人熟知的色彩，或是它众多的明色和暗色中的一个，都能在一般设计和平面设计上展现活力与热忱。中央为红橙色的色彩组合最能轻易创造出有活力、充满温暖的感觉。这种色彩组合让人有青春、朝气、活泼、顽皮 的感觉，常常出现在广告中，展示精力充沛的个性与生活方式。把红橙和它的补色蓝绿色搭 配组合起来，就具有亲近、随和、活泼、主动的效果，每
22、当应用在织品、广告和包装上，都是非常有效。第49页/共52页2:54 AM50 基本配色土性 深色、鲜明的红橙色叫赤土色。我们常用它来组合、设计出鲜艳、温暖、充满活力与土地味的色 彩。这种色彩有种淡淡的温暖，就像经过琢磨、润 饰的铜器。和白色搭配起来，就会象散发出自然灿烂的光。土性的色彩有年轻人爱笑、爱闹的个性，令人联想到悠闲，舒适的生活。因为是类比设计的一部分，这种温馨、土味的色调会产生有趣的色彩组合。例如出现在美国西部的装潢设计。基本配色友善 配色设计要想表达友善之意时，常会使用到橙色。这种色彩组合，开放、随和，又有一切表现能量和动力的素质。能够创造出平等、有序气氛，却没有强势和支配的霸气。橙色和它邻近的几个色彩常应用在快餐厅，因为这类色彩会散发出食物品质好、价钱公道等诱人的讯息。橙色有耀眼、活力的特质，所以被选为在危险地区的国际安全色。橙色的救生筏和救生设备（例如救生衣等）可以让人轻易地在蓝色和灰色的大海里发现踪迹。第50页/共52页2:54 AM51Thank you!第51页/共52页2:54 AM52感谢您的观看。第52页/共52页