平面设计综合实训.ppt

1、第1章 美术设计基础,形式设计基础 构图构成要素,放置因素的位置是首要的布局方式 无论图幅为何种形态（正方、长方、其他任意形），通常放置主体因素的位置都处于图幅长宽的1/3左右处（即黄金分割比例11.618），这是人们长期形成的美的比例习惯，是一种比例美，能给予画面和谐匀称、次序明朗的视觉感受。,面积大小在构成中的作用,利用在面积对比上的反差来进行构成的主次安排也是常见的运用手法，以该种手法进行构成安排的作品通常具备现代、简捷大气的特征。,层次感在构成中的作用,层次感是以因素呈现的灰度层次多少来体现的，越是细腻丰富的物品其层次感就越强。相对层次感较弱的其他因素，主体物的重要性就更加显著了！层次

2、丰富多变的因素好似音阶丰富的旋律，相对单一、缺乏对比层次的音阶就趋近于噪音，其主次优劣就十分明显了。,特殊化在构成中的作用,通过主体物与其他因素在特质上的对比，强化主体的突出性、特殊点，拉开与其他因素的对比差别、来达到突出主题、强化目标的作用，夸张、意识创意、肌理对比、虚实对比等手法都是把主体因素特殊化、在构成中突出主题的手法，该手法即使在位置不明显、面积不够大、层次不够丰富的情况下，一样能牢固地抓住受众的目光，运用特殊化的方式表现的作品，不仅能在视觉上产生一定的对比反差，也能从意识上给于人不可磨灭的印象。,构图构成要点,一幅优秀的构成作品应该具备如下条件：1、具备明显的主体视觉点；2、具备流

3、畅清晰的视觉流程线；3、整体对比协调、均衡统一。 合理运用位置、面积、层次感、特质安排的手法即可达到主观表现主体视觉点的作用；视觉流程线是形式整体设计的一个关键，它指引观者由主及次地视线流动，以达到使观者相对长期地注视画面、心情愉悦地赏析画面，在视觉舒适的条件下记忆画面、吸收信息的作用。画面整体协调要求表现手法相对一致，视觉构成平衡、视觉流程连贯、不跳跃。具备了这三个要素，构图构成的基本架构也就达成了。,常见的构成形式,重复构成形式 重复是指在同一设计中，相同的形象以某种规律多次出现。该种形式采用了构成骨骼、形状、大小、色彩、方向、肌理等类型的一致构成手法，视觉上可获得井然有序的静态韵律感和次

4、序感，与其他形式有机地结合在一起使用，发挥其统一规律的一面，同时也可借相对的形式破掉其整齐僵硬的不利之处。,近似构成形式 近似是指在形状、颜色、大小、肌理等方面具有相似之处的特征，一般采用基本特征之间的相加或相减来求得近似的状态，它比重复构成更为自由轻松，两者在图案感强的包装设计中多见。,渐变构成形式 渐变是遵循某种规律，在形状、色彩、位置、方向、虚实等方面进行渐次变化排列的构成形式，是一种有顺序、有节奏、有韵律的变化，产生一种柔和、动感而微妙的视觉情绪。,发射构成形式 发射是以一点或多点为中心向周围发射、扩散的构成形式，具有较强的运动感及节奏感，其组织可以是有规律地聚集或自然地散布直线放射状

5、或旋转式表现，视觉引导性强、视觉流程明确流畅。,空间构成形式 在平面的视觉平台上运用疏密、重叠、大小、虚实、矛盾、色彩变化等手法营造空间立体感，产生奇妙的视觉感受，给受众以完全与众不同的吸引力。,特异构成形式 特异是指有意识地将构成主体做反次序的构成，打破原来具备的重复、近似、渐变、发射等构成规律，形成视觉上的突兀感，加强对比反差和生动活泼的视觉效果。其特异的类型包括：形状、大小、色彩、方向、位置、肌理等。,密集构成形式 基本形在构成中自由散布、疏密得当，经过组织，最密集或最疏稀点成为整个视觉焦点。整体带有鲜明的节奏感与韵律感，视觉流程自然、对比匀衡。密集构成中需要注意的几个问题是：邻近因素的

6、一致性要尽量减少，不要制造画面哪怕是一个局部的雷同与单一（大小、方向），形态上的平行、顶边顶角等破坏视觉自然性的手法也要注意分析，密集构成的自然美感来自于多加对比、精心安排，并非随便放置即可的。,对比构成形式 对比是构成的基本，所有的构成形式都离不开对比的作用，形状、大小、色彩、肌理、位置、重心、空间、虚实等方面都是对比构成的发挥范畴，需要注意的是对比并不是越多越好，突出一个重点，相互衬托为上，如果处处对比，反而主次不明、混乱不堪。,肌理构成形式 肌理是一种自然的有机形态，往往是偶然的创造或发现，其具备其他人为的构成所不具备的神秘感和不可思议的美感，拥有新鲜的、强质感的感染力，在现代的设计中，

7、其构成特质成为了不可多得的设计因素。,色彩构成要素,色彩调和基础 所有丰富的色彩均是来源于“红、黄、蓝”三原色，原色的再次混合色为间色，橙色是红色与黄色的等比混合间色；紫色是红色与蓝色的混合间色；绿色是黄色与蓝色的混合间色。间色是纯度最高的调和色，在间色的基础上进行色彩的再次调和，所调配出的色彩就称为复色。色彩按色环所示经过间色与复色的调和，所居的位置不同，其相对的色彩调和的对象就不同。,同类色调和 我们以色环中的红色为例，在红色系家族中，我们能历数出来的色彩有：大红、朱红、橙红、桃红、粉红、紫红、土红等。在每一个单一的红色中按明度与纯度来区分，又可分出一系列的色彩，以紫红为例就分为：浅紫红、

8、深紫红、各层次灰紫红，色系内部的区分搭配所产生的色彩调和方式即称为同类色调和，其表现的优势因为是相同色系内的调和，因此相对协调统一，适合比较含蓄高雅的成人化色彩表现，不足在于相对单一、整体丰富性较弱。,邻近色调和 如果说同类色为一个家族，离家族最近的另一个家族就是邻居了。以红色为例，在色环上我们可以发现红色的“邻居”是橙色家族与紫色家族，但是邻近色调和只限于两个临近的色系，即是红色系与橙色系或红色系与紫色系，如此两个邻近色系调配所产生的色彩调和方式即是“邻近色调和”，其表现优势为比同类色调和更为丰富、色彩运用范围更广，并且因为邻近，色相上比较接近，色调显得比较统一协调。,对比色调和 三类邻近的

9、色系调和在一起，例如：橙色、红色、紫色系的整体调和即是。其优势为：相对邻近色调和的色彩范围更大、更丰富，且因色相临近，整体有对比又协调；该调和应该注意的是因为色系的增多，在面积与纯度上应该有所区分，否则会因面积与纯度的接近而花乱。,补色调和 在色环中距离最远的两个色系（180度）调和在一起为补色调和。距离最远的两个色系共性最少，互为补缺，在色环中这类状况的三对基本补色为：红与绿、黄与紫、蓝与橙。我们可以做一个补色实验：定睛观看红色色块30秒，然后移目到白墙或白纸上，会看到一个相同形状大小的绿灰色残影，此为视觉生理补色，是生理上对长期注视红色色块的协调补充。大家也可以用黄紫补色、蓝橙补色为例实验

10、一下。,补色调和较之前的三种调和难度更大，因为要把差距最大的两个色系美观地调和在一起是很难协调的，在色彩面积安排和色彩纯度安排就显得十分重要了！“万绿丛中一点红”就是面积的对比在补色调和中的作用，在面积的安排上拉开反差，运用一个色系控制全局，使色调整体调和，小面积的补色点缀活泼、明快，色彩之间相互映衬，格外醒目！纯度安排上降低补色中一个色系或整个的色彩纯度，在一定的面积反差下，整个色调高雅清爽而不失丰富，很多现代感强、时尚豪华的设计语言在运用了补色调和的手法后，其视觉效果更甚于同类色、邻近色与对比色调和！,调子的分类与概念 高调 如果我们在白色与黑色之间排列出八个灰度渐变，靠近白色区域的亮灰色

11、带所构成的色调调子称为“高调”，高调中又分为“高长调”、“高中调”、“高短调”三个类型：高长调的主色调为高明度，五度差以上的对比，感觉是积极、强烈，明快而刺激；高中调的主色调为高明度，三至五度差的对比，感觉活泼明快、自然协调；高短调的主色调为高明度，三度差以内的对比，感觉柔和幽雅、明亮朦胧。,中调 整体色调以四至七格的中间灰度为主构成的调子称为“中调”，中调同样具备“中长调”、“中中调”、“中短调”这三个类型：中长调的主色调为中明度，五度差以上的对比，感觉是强力度、有分量的；中中调的主色调为中明度，三至五度差的对比，感觉含蓄丰富；中短调的主色调为中明度，三度差以内的对比，感觉模糊平板而朴素。,

12、低调 整体色调靠近黑色的暗灰色带为主构成的调子称为“低调”，低调同样具备“低长调”、“低中调”、“低短调”这三个类型：低长调的主色调为低明度，五度差以上的对比，感觉是低沉晦暗又具爆发力的；低中调的主色调为低明度，三至五度差的对比，感觉苦恼沉闷、寂寞；低短调的主色调为低明度，三度差以内的对比，感觉忧郁死寂、浑暗不清。,最长调 以黑白两色构成，明度对比最强烈，感觉醒目生硬、明晰简单。,色彩规律在设计中的运用 如何运用色彩贴切地表现概念、传递信息，首先设计者要理解和强化自我的感知能力，从对生理的感知升华到对心理的感知，分析针对性强的色彩调和方式与色相种类、应该具备的调子特征，从而正确地运用色彩规律、

13、准确地表现对象，让商家需要传递的讯息达到其预定的感染目的！在感知能力的训练中，首先要训练生理感觉表达的准确到位。,心理色彩 从生理感知的基础上进一步深化心理上的情绪感受，把色彩调和与调子的运用作为表现感知的工具，脱离生硬的概念训练，把知识点运用到实际设计中、感知中。在行业中色彩作为一种设计语言是对产品的诠释，在烘托氛围上起到了灵魂性的作用，小到一张CD的封面、大到整个企业的形象，色彩的准确运用是引导大众认知的关键之一，如果引导者对他所推崇的事物没有深刻的感知与情感，其设计艺术的感染力就会大打折扣！因此，感性地运用色彩规律、提高自我对色彩的情绪化运用是每一个设计者成功运用色彩的关键。,线型要素

14、在构成中，设计因素的外部线形轮廓、整体形式走向、负空间的丰富与否是比较重要的一种设计语言，通过对线形形式的设计表现与平面构成与色彩构成的综合运用，是丰富与强大设计语言的关键。例如一块红色的色块，具备一个放射状的直线轮廓一定在视觉上强过圆润的弧形轮廓效果，线的轮廓特征所起到的心理作用，作为一种设计语言，是其他任何一种因素都无法取代的！下面我们来了解线的特征，从而掌握它的运用方法与范围。,直线与曲线是线的两大种类，直线中的垂直线具有直接、单纯、明快清晰的特色，给人以崇高刚毅的个性特征；水平线宁静、端庄、安定平和，给人以安宁平静的感受；斜线灵活、轻松，运动感强，给人不稳定的感受；曲线中的几何曲线理性

15、、流畅而幽雅、自由曲线灵巧而活泼、徒手线随线形的质感不同（毛笔、钢笔、蜡笔等）所表达的性格特征也不同。线的起伏频率、线的轻重虚实无不是其设计能力的体现，善于运用线型特质，是一个优秀的平面设计者有力的能力要点！,意识设计基础 与形式设计相对应，意识设计给予消费者思考的空间，具备强化设计内涵、深化物质特征，赋予受众较为深刻的印象，从而达到比形式设计更为深入人心的社会效应。 意识设计的思维起源于我们真实的生活，然而却又超出生活、夸张了生活，给人真实而奇妙的感受。正是因为如此，它的运用因素是我们所熟知的，容易引起我们的共鸣，就真实物质而展开的各类创意就更易使我们产生亲切而神奇的感受。,寻求创意点 创意

16、点是意识设计的关键，在商业宣传中商品的特性是靠它们的特殊点来与众多同类商品进行区别、竞争的。突出产品与众不同的优势，是市场对设计创意的要求。找到了设计关键，所运用的设计手法即是实现的途径。分析物质的特性，可以帮助我们找到设计关键。首先，一个物质给予我们的感知认识是通过了哪些方面呢？外部形态、质感、主要功能、大小轻重、结构，甚至其所能发出的声音、所具备的特殊的味道、所处的地域文化背景、历史状况等，通过围绕该物品的特质分析，我们不难找到它与其他物质进行区别的很多要点。,常见设计手法,打散重组 破坏掉因素原有的形象惯式，再重新进行安排组合，在视觉上给予受众一个全新的认知状态，在形式上具有了新颖突破的

17、感受、在意识上也可以借助组合的手法赋予设计新的思维。,夸张 针对产品的述求点，对其进行形象、功能等特征上的夸张，强化述求目的，在形式与意识上达到完美的结合效果。,添加 在需要推介的因素上添加其他概念的因素，从而形成特殊的视觉感受，同时通过添加因素的特征表现信息传递的思维，直观、准确地说明设计需要达到的目的，给予观众一个主观的接受信息的途径。,置换 把需要推介的物品的某一个关键的因素替换为一个新的相关因素（形态、作用、质感等某个特质相对应的概念），形成一个新的视觉状态，达到发人深省、思考接受讯息的目的。,对比与类比 在设计中此类手法是常见的，运用了文学中的修辞手法，具体、直观地运用到了商业宣传中

18、，既发挥了文学手法的含蓄性、又体现了视觉设计的直接性，不失为一种良好引用文学手法的设计工具！,常见设计风格,典雅唯美类 此类设计多运用于中高档商品的消费群，突出一种凌驾于平凡的高层次状态，或是女性化的市场述求。其中类比、对比的手法较多，形式感与意识设计的完美结合，常在此类风格中交相辉映。在高档化妆品、地产和汽车类广告中常常见到该类型的设计。,生活寓意类 此类设计多走寻常百姓化的路线，亲切而贴近生活，并多参与进传统的文化信息，更易于感染大部分的受众。一些日常生活用品的商业推介以及社会性强的公益类宣传多运用此法。,幽默恢谐类 此类设计常运用积极乐观的手法给予观众愉悦的感受，或是婉而一乐，或是开怀大

19、笑，在一种轻松活跃的气氛当中传递了市场或社会的信息，使受众乐于接受。该类设计风格多在儿童类商品与生活日用品类的宣传中出现。,现代时尚类 此类设计区别于高雅唯美类的关键在于年青化与简洁化，通常多见于年轻的消费阶层，形式感强、设计手法新颖大胆，常常突破设计惯式，但有的设计含有比较颓废的精神情绪。然而此类风格仍旧是以对比强烈、积极活泼的氛围为主，成为现代设计中涉及面广、感染力强的新型设计风格。,第2章 广告类平面设计实例,CI企业识别系统,如果说标志的具体设计表现是标志设计的灵魂，那标志作业的缜密化就是标志设计的骨肉。标志作业的缜密化包括： 1.标志细部的缜密化； 2.标志形态的数值化：一是方格化，

20、如图所示，对标志细部通过方格化俗称九宫格的形式调整、确定标志元素之间的大小、位置等等；二是比例尺寸标志法；三是圆弧角度标志法。,。,3.标志形态的多样化：线条粗细的变化；外轮廓的变化；彩色与黑白的变化，如黑白图所示；各种点、线、面的变化（如空心体网纹、点成面、线成面等）；对应不同媒体的形态变更；缩小或放大形态的变化，如彩图所示。,最后我们要对标志的标准色罗列出来，以便标志在印刷、广告及网络等设计中的运用不至于弄错标志的颜色，如图所示。,知识要点 1）企业标志：可分为企业自身的标志和商品标志。 企业标志特点：识别性、系统性、统一性、形象性、时代性。 2）企业标准字：是将企业名称、企业商标名称略称

21、、活动主题、广告语等进行整体组合而成的字体。 3）企业标准色：是指企业通过色彩的视知觉传达，设定反映企业独特的精神理念、组织机构、营运内容、市场营销与风格面貌的状态的色彩。 4）辅助图形：是企业识别系统中的辅助性视觉要素，它包括企业造型、象征图案和版面编排等三个方面的设计。,知识要点 1）公司名片和信封、信签和工牌是所属VI设计中事务用品类，事务用品类的主要设计要素一般包括：企业标志、企业名称（全称或略称）、标志字、标准字、标准色彩、企业造型、象征图形、企业署名、公司地址、电话、电报、电传、电子邮件信箱、邮政编码、企业标语口号、营运内容、事务用品名称（如“请柬”、“同书”）、图形、文字、构图、

22、肌理、制作工艺等。 2）在设计事务用品类时，保持其最主要的标志、标志字、标准字、标准色彩、辅助图形等企业基本视觉要素的灵活运用和布局，是设计用品的关键所在。,名片与信封信签工牌,车身外观CI设计,知识要点 1）CI交通运输工具类主要包括：营业用工具：如服务用的轿车、吉普车、客货两用车、展销车、移动店铺、汽船等。 运输用工具：如大巴、中巴、大小型货车、厢式货柜车、工具车、平板车、脚踏车、 货运船、客运船、游艇、飞机等。 作业用工具：如起重机车、推土车、升降机、曳拉车、拖车头、公共用清扫车、垃圾车、救护车、消防车、电视转播车等。 2）主要设计要素：企业标志、品牌标志、标准字体、企业造形、象征图案及

23、其组合方式，位置比例尺寸、制作工艺等。,2 商业宣传的设计制作,知识要点 1）产品海报的设计必须强化整体的视觉效果，在色彩和布局上大胆，在认识客户需求和产品定位的基础上充分表现其精神内涵，使产品的优质信息迅速、全面、深入有效的传达给消费者。 2）在设计时构思占绝对主导地位，有了良好的设计思维，才根据思维和客户要求的信息去挑选合适的图片资料进行编辑，达到事半功倍的效果。 3）对于喷绘的制作，原始大小下的分辨率设置为150200dpi就能很好的满足其制作需求了。在制作过程中，需要根据具体情况进行细部灵活的调整设计，对于文字的编辑最好在矢量插图软件中进行，以达到清晰的目的。,报纸广告的设计制作,知识

24、要点 1）报纸广告的设计要简洁、自然，有时经常给人以幽默感，报纸广告很多时候是一系列的设计，在设计时要保持每版的延续性或统一性，常常保持一样的形式，利用不同的插图和颜色以及文案在报纸上分期刊登，使读者有种耳目一新，又有连续性的感觉，吸引读者关注每期的该产品的报纸广告。很好的达到广告宣传的作用。 2）报纸广告很多时候有很多的文本，对于一般的特殊字体可以在图像处理软件中设计制作完成，对于大段的排版，必须在矢量图形软件中进行编辑，便于影印。,CD包装与碟面设计,知识要点 1）CD包装及碟面设计注意其尺寸大小，在设计前，注意留3mm的出血线，便于印刷。 2）外包装和内碟面设计必须统一，颜色和形式都结合

25、的很紧密，以公司CI为主体，对其外部设计进行衍生。 3) CD包装及碟面设计也属于CI 设计的包装类设计，包装类设计其包装形式分为：单件设计、成套设计、组合设计、组装设计等。其构成要素有企业署名（标志、标准字体、标准色、企业造型、象征图形等）、图形（摄影、插图等）、文字（使用说明、质量保证等）、材质（纸、塑料、金属、布、皮等）、结构、制作工艺等。,宣传册版式设计,知识要点 1）宣传册的版式设计最重要的一点是创意，而创意必须依托与客户沟通、明确了解客户需求的基础上来设计的。通过了解、思考、分析，利用创造性的平面设计语言充分表现其内容，传达出独特的企业精神。才能成为一项优秀的设计作品。 2）在设计

26、制作时，首先应注重设计的规范化，“辅助线”和“标尺”运用，预留“出血线”。在具体的设计过程中，一是保持整体设计风格的统一和协调；二是色彩和各个设计元素之间的穿插搭配；三是注重字体的大小变化及与画面对比；四是插图及图片资料的和谐利用；五是整体版式布局的规整和变化。,第3章 网络类平面设计实例,1 购物网站首页的设计制作 、,了解一下网站的常见版式。如图所示。,网站的top部分就是我们通常所说的网站的头部，它一般由网站的logo、标准字、banner和导航栏等部分组成。 导航栏是top部分主要组成部分之一，它的作用是引导浏览者达到不同的页面。所以导航栏一定要醒目。设计导航栏时应优先考虑横向导航栏，

27、因为在800600分辨率下页面的高度最多显示435px，如果栏目过多纵向排列栏目就会导致在第一屏下显示不全，而横向导航栏则不会受这个因素的限制。,站点的建立,小知识：JPEG格式的图象支持24bit颜色并可保留照片和连续调图像在亮度和色相的广泛细微的多种变化，并且这是一种被大多数浏览器支持的格式。GIF格式的图象使用8bit颜色，在保留锐化细节的同时可以有效地压缩实地的颜色。该格式支持透明背景，你也可以使用GIF格式创建动画。PNG-8格式使用8bit颜色，和GIF格式相同，在保留锐化细节的同时可有效压缩实地的颜色。PNG-24支持24bit颜色和JPEG格式相似，其在保留照片和连续调图象在亮

28、度和色相上的广泛细微的多种变化。 一般来说像照片这种连续调图象应使用JPEG这样的压缩格式，具有实地的颜色、清晰的边缘、细致的细节或透明的背景等应当使用GIF压缩格式。因为PNG格式不能被所有的浏览器支持，所以我们尽量避免使用此种格式。,2 Flash banner的设计及制作,小知识：帧频的含义是一秒钟播放动画的帧数。Flash动画的帧频取决于电脑的内存大小和CPU的处理速度，也就是说如果我们把帧频设得很高，但电脑的内存和CPU处理速度达不到要求的话就会出现跳帧现象。反之如果把帧频设得很低也会影响动画播放的流畅。Flash默认的帧频为12，如果想动画播放的更流畅建议把帧频设置为24。,3公路

29、动画效果的制作,小知识：可借助对齐面板来对5个影片剪辑进行对齐，方法是将要进行对齐的元素全部选中，然后选择菜单修改-对齐，根据需要再选择对齐方式，或者使用快捷键Ctrl+K打开对齐面板，点击相应的按钮来进行对齐。,5.logo和文字动画效果的制作及在页面中插入swf文件,小知识：1.在页面中插入的flash是导出的swf格式的文件，而不是fla源文件。 2.有的时候我们需要插入的swf文件是透明的，也就是可以透过Flash可以看到下面的图像，设置背景透明的方法是选中插入的swf文件，点击属性栏的参数按钮在弹出的参数窗口输入参数为wmode、值为transparent。如图所示。,购物网站首页l

30、eft部分的制作,小知识： 样式a:link、a:visited、a:hover、a:active分别代表着文本链接时、浏览后、鼠标经过、激活时的样式。把步骤29中的文字加上链接，在浏览器中预览时我们就可以看到当鼠标经过有链接的文本时，文本的颜色会变成橘红色。,第4章 其他平面设计实例,书籍装帧设计,书籍装帧设计是指书籍的整体设计。它包括的内容很多，其中封面、扉页和插图设计是其中的三大主体设计要素，而封面设计是书籍装帧设计重中之重，它通过艺术形象设计的形式来反映书籍的内容。在现今发达的商业与文化氛围中，好的封面设计可以良好的反映书的内容并烘托主题，进一步刺激消费者的购买欲。 和其他平面设计门类一样，版式、色彩和文字是封面设计的三要素。设计者应当根据书的不同性质、用途和读者对象，把这三者有机地结合起来，以独特的艺术感染力表现出书籍的丰富内涵。成功的设计应具有感情，如政治性读物设计应该是严肃的；科技性读物设计应该是严谨的；少儿性