网站美工设计基础第2章

1、网站美工设计基础网站美工设计基础 主讲：李宋明本章侧重介绍平面构成的基础知识、基本技能和构本章侧重介绍平面构成的基础知识、基本技能和构成方法，了解平面构成和网页设计的关系和基本设计成方法，了解平面构成和网页设计的关系和基本设计思想，提高学习者掌握平面构成基础知识及创意等相思想，提高学习者掌握平面构成基础知识及创意等相关内容。在完成基础知识教学任务的同时，着重提高关内容。在完成基础知识教学任务的同时，着重提高学习者对平面构成与网页设计的认识和理解，加强对学习者对平面构成与网页设计的认识和理解，加强对学习者实际动手能力的培养。学习者实际动手能力的培养。学习目标：第第2 2章章 平面构成平面构成 掌

2、握：基本形在平面设计中的各种排列及其审美法掌握：基本形在平面设计中的各种排列及其审美法 则，并能较灵活地运用于网页设计。则，并能较灵活地运用于网页设计。 理解：平面设计的门类、元素和形象。理解：平面设计的门类、元素和形象。 了解：形式美的基本法则。了解：形式美的基本法则。学习要求：所谓构成是现代造型设计的一种概念用语，它的所谓构成是现代造型设计的一种概念用语，它的基本含义是将相同或者不同形态的两个以上的单元基本含义是将相同或者不同形态的两个以上的单元（包括不同的材料）经过重新组合后形成一个新的单（包括不同的材料）经过重新组合后形成一个新的单元，并赋予其视觉化的力学的观念特征，从而元，并赋予其视

3、觉化的力学的观念特征，从而“造成造成”新的视觉形象。新的视觉形象。构成包括平面构成、立体构成和色彩构成三大类构成包括平面构成、立体构成和色彩构成三大类型。型。什么是构成？所谓平面，是指与立体的差别，它的主要任务是所谓平面，是指与立体的差别，它的主要任务是解决长、宽两度空间的造型问题。解决长、宽两度空间的造型问题。所谓构成，是指所谓构成，是指“组装组装”的意思，就是把在平面的意思，就是把在平面设计中所需要的各种要素，按照美的法则，像机器零设计中所需要的各种要素，按照美的法则，像机器零件那样，进行件那样，进行“组装组装”后，完成一个新的、符合设计后，完成一个新的、符合设计意图的造型。意图的造型。什

4、么是平面构成？“平面构成平面构成”，顾名思义，主要是探讨研究利用平，顾名思义，主要是探讨研究利用平面要素的不同特征，在只有两度空间的视觉范围之内，面要素的不同特征，在只有两度空间的视觉范围之内，用轮廓线来划分形象与背景即用轮廓线来划分形象与背景即“图图”与与“底底”之间的之间的界限，搭配构建，从而获得平面图形审美价值的原理、界限，搭配构建，从而获得平面图形审美价值的原理、规律、法则和技法的学说；它通过分解、组合成变化规律、法则和技法的学说；它通过分解、组合成变化无尽的图形，构成理想形态的组合形式，创造出能启无尽的图形，构成理想形态的组合形式，创造出能启发人们去品味、去思考、去探究的视觉形象，表

5、现人发人们去品味、去思考、去探究的视觉形象，表现人们心中的艺术创想。们心中的艺术创想。什么是平面构成？在长期的艺术实践中，人们已经将形态分解成各在长期的艺术实践中，人们已经将形态分解成各种要素，并已非常系统地研究这些要素与要素之间的种要素，并已非常系统地研究这些要素与要素之间的相互关系，逐渐形成了平面构成形式美的基本法则。相互关系，逐渐形成了平面构成形式美的基本法则。关于形式美的法则，目前还没有一个非常权威的关于形式美的法则，目前还没有一个非常权威的定义，一方面，作为审美主体的人，由于所处的社会定义，一方面，作为审美主体的人，由于所处的社会地位、经济状况、文化素养、生活习俗和价值观念等地位、经

6、济状况、文化素养、生活习俗和价值观念等条件因素的差异，会有各自不同的审美追求；另一方条件因素的差异，会有各自不同的审美追求；另一方面，即使是同一个人，当他生存的环境发生质的变化面，即使是同一个人，当他生存的环境发生质的变化时，对客观事物的审美价值取向会有相应的改变。时，对客观事物的审美价值取向会有相应的改变。2.1 2.1 平面设计形式美的基本法则平面设计形式美的基本法则人们常说的各种比例、均衡、节奏和秩序等形人们常说的各种比例、均衡、节奏和秩序等形式规律和形式美，是通过人的劳动过程和技术实践式规律和形式美，是通过人的劳动过程和技术实践去把握、发现、展开和理解的。它并非精神、观念去把握、发现、

7、展开和理解的。它并非精神、观念的产物，而是人类社会实践所形成、所建立的感性的产物，而是人类社会实践所形成、所建立的感性中的结构，感性中的理性。中的结构，感性中的理性。 在有节奏的渐变构成中，渐变的发展按照一定在有节奏的渐变构成中，渐变的发展按照一定的增、减量来进行，这就是比例关系。正确的比例的增、减量来进行，这就是比例关系。正确的比例关系，不仅在视觉习惯上感到舒服，其功能也必定关系，不仅在视觉习惯上感到舒服，其功能也必定是平衡稳定的。经过长期的实践，人们总结出以下是平衡稳定的。经过长期的实践，人们总结出以下较为经典的比例关系。较为经典的比例关系。 1. 1. 常用的渐变构成比例常用的渐变构成比

8、例 （1）黄金比或称黄金分割律）黄金比或称黄金分割律黄金比是设计中应用较广的一种比例。其矩形比黄金比是设计中应用较广的一种比例。其矩形比的长与宽为：的长与宽为：1：0.618。如日常生活中的邮票、纸币。如日常生活中的邮票、纸币和明信片等大多采用这种规格。和明信片等大多采用这种规格。（2）斐波那契数列（）斐波那契数列（1，1，2，3，5，8，13，21）这是一个近似黄金比的数列，也就是将黄金矩形这是一个近似黄金比的数列，也就是将黄金矩形的比值运用到连续排列的线群上所得出的间隔构成。的比值运用到连续排列的线群上所得出的间隔构成。相邻两个斐波那契数的比值是随序号的增加而逐渐趋相邻两个斐波那契数的比值

9、是随序号的增加而逐渐趋于黄金分割比的，即于黄金分割比的，即f(n)/f(n-1)-0.618。 （1）对称）对称 对称是指点、线、面在上下或左右，有相同的部分对称是指点、线、面在上下或左右，有相同的部分出现所构成的图形，它是表现平衡的完美形态，是人们出现所构成的图形，它是表现平衡的完美形态，是人们生活中最为常见和习惯的一种构成形态。如很多植物的生活中最为常见和习惯的一种构成形态。如很多植物的叶片，昆虫、动物的形体，人体的外形构造等。叶片，昆虫、动物的形体，人体的外形构造等。 2. 32. 3种常见的构成形式种常见的构成形式对称给人的感觉是有秩序，呈现一种和谐静穆的美。对称的形态在视觉上有自然、

10、安定、均匀、协调、整齐、典雅、庄重的朴素美感，很符合人们的视觉习惯。所以在人们的生活中，经常会用到对称图形。例如过节时点的红灯笼，各种各样的标志照片, 我国的国徽，一些徽章等等。图图21 中华人民共和国国徽中华人民共和国国徽图图22 哈萨克斯坦共和国国徽哈萨克斯坦共和国国徽与不对称美相比，设计师们好像更加青睐传统的对称美。尤其在平面设计中，这种对称的图形，总是能够让设计师们能够更加稳定不出错的运用。在商业标志设计中，对称美的运用也是非常多的，虽然有时候对称结构会显得稍微有一些沉闷，但是当你能够熟练的使用创新，那么这种所谓的沉闷也就消失踪影了。对称的图形用在标志设计上，会比较优雅、稳定、可靠、更

11、有和谐美。（2）平衡）平衡平面设计中的平衡并不是指立体物之间的力学平衡。平面设计中的平衡并不是指立体物之间的力学平衡。平面设计中的平衡是根据图形的形状、大小、色彩和明平面设计中的平衡是根据图形的形状、大小、色彩和明暗的感觉分布以及材料的不同质感等来判断的视觉平衡。暗的感觉分布以及材料的不同质感等来判断的视觉平衡。在平面设计中通常以中轴线、中心线、中心点、画面构在平面设计中通常以中轴线、中心线、中心点、画面构成元素力的方向、物体的重心等因素来保持平衡关系。成元素力的方向、物体的重心等因素来保持平衡关系。同时，平衡又是动态的体现，如动物的运动、鸟类的飞同时，平衡又是动态的体现，如动物的运动、鸟类的

12、飞翔、水的流动等等，而人体的运动，更能充分体现平衡翔、水的流动等等，而人体的运动，更能充分体现平衡的无穷魅力。的无穷魅力。 图图23 骏马奔跑骏马奔跑图图24 雄鹰展翅翱翔雄鹰展翅翱翔力的平衡可分为下方三种情况：第一种：第一种：当两个事物相同时，力的重心位于两个事物中间位置，形成了绝对的平衡关系。我们也称这种绝对的平衡关系为对称。如下图中，采用了对称的形式，使画面达到了绝对的平衡关系，给人一种安定平和的形式美感。第二种：第二种：当两个事物量感达到平衡时，形象上可有所差别。例如下图汽车广告中，位于汽车左右的字母，虽然形象上不同，但却给人相同的重量feel。这样处理的画面，不仅具有了变化性同时又使

13、保持了平衡性。第三种：第三种：当两个事物量感不同时，可调节力的重心使之达到平衡。例如下图作品中，浅灰色较纯黄色会给人量轻的feel，所以画面在处理时，使灰色的面积大于黄色的面积，从而使画面取得了平衡。（3）对比）对比对比是指将两个存有明显差别的物体并置在一起时，二对比是指将两个存有明显差别的物体并置在一起时，二者既有较大的差别又能够统一起来的对照关系。对比具有鲜者既有较大的差别又能够统一起来的对照关系。对比具有鲜明的主体性，能很好的吸引人们的注意力。设计应用中常用明的主体性，能很好的吸引人们的注意力。设计应用中常用的对比有：色彩三要素方面的对比，冷暖色调的对比，形状的对比有：色彩三要素方面的对

14、比，冷暖色调的对比，形状大小、完整的对比，线条的粗细、长短、垂直、倾斜、水平、大小、完整的对比，线条的粗细、长短、垂直、倾斜、水平、方向、动态、不同线形的对比，面积的形状、大小的对比等。方向、动态、不同线形的对比，面积的形状、大小的对比等。另外还有虚实、疏密、动静、轻重等方面的对比。对比效果另外还有虚实、疏密、动静、轻重等方面的对比。对比效果大多应用于容易吸引人们注意力的设计中，如招贴画、橱窗大多应用于容易吸引人们注意力的设计中，如招贴画、橱窗设计、展览设计等方面，如图设计、展览设计等方面，如图2527所示。所示。 图图25 招贴画招贴画图图26 橱窗设计橱窗设计 设计是指在做某项工作之前，根

15、据一定的目的要设计是指在做某项工作之前，根据一定的目的要求，按照不同的门类进行分工，为最终达成的目标预求，按照不同的门类进行分工，为最终达成的目标预先制定实施预案。设计是具有功能设置、材料选择、先制定实施预案。设计是具有功能设置、材料选择、工艺指标、造价预算、审美形式、艺术风格和精神内工艺指标、造价预算、审美形式、艺术风格和精神内涵等各种因素综合的创造载体。凡是有目的的平面造涵等各种因素综合的创造载体。凡是有目的的平面造型活动都属于平面设计范畴，都是一种创造。平面造型活动都属于平面设计范畴，都是一种创造。平面造型设计从总体上可分为以下几大类：型设计从总体上可分为以下几大类：2.2 2.2 平面

16、设计的门类、元素和形象平面设计的门类、元素和形象2.2.1 2.2.1 平面设计的门类平面设计的门类 1. 装饰设计装饰设计装饰设计包括图案、装潢、装帧、壁画、绘画、装饰设计包括图案、装潢、装帧、壁画、绘画、染织设计等，如图染织设计等，如图28和和29所示。所示。 图图28 书籍装帧设计书籍装帧设计图图29 壁画设计壁画设计 2. 机能设计机能设计机能设计包括家具设计、陶瓷设计、服装设计和机能设计包括家具设计、陶瓷设计、服装设计和工业造型等，如图工业造型等，如图210和和211所示。所示。图图210 服装设计服装设计图图211 工业造型设计工业造型设计 3. 环境设计环境设计环境设计包括建筑设

17、计、园林设计、室内设计和环境设计包括建筑设计、园林设计、室内设计和城市规划设计等，如图城市规划设计等，如图212214所示。所示。图图212 建筑设计建筑设计图图213 园林设计园林设计图图214 室内设计室内设计 4. 视觉传媒设计视觉传媒设计视觉传媒设计包括海报设计、广告设计和多媒体视觉传媒设计包括海报设计、广告设计和多媒体视频设计等，如图视频设计等，如图215和和216所示。所示。图图215 海报设计海报设计图图216 广告设计广告设计 1. 设计元素的分类设计元素的分类设计是一种视觉语言，视觉语言体现在设计中便设计是一种视觉语言，视觉语言体现在设计中便转变为设计元素。设计元素一般分为以

18、下转变为设计元素。设计元素一般分为以下4类：类：（1）概念元素）概念元素我们把那些在平面设计中只能感觉但实际并不存我们把那些在平面设计中只能感觉但实际并不存在的东西统称为概念元素。平面设计中的概念元素一在的东西统称为概念元素。平面设计中的概念元素一般包括点、线、面等元素，如图般包括点、线、面等元素，如图217所示。所示。2.2.2 2.2.2 平面设计的元素平面设计的元素图图217 平面设计中的概念元素平面设计中的概念元素 （2）视觉元素）视觉元素平面设计中可以展示的元素称为视觉元素。它包括平面设计中可以展示的元素称为视觉元素。它包括可视形象的大小、形状、色彩、肌理等。点、线、面可视形象的大小

19、、形状、色彩、肌理等。点、线、面既是概念元素同时又可称为视觉元素。既是概念元素同时又可称为视觉元素。（3）关系元素）关系元素关系元素是研究视觉元素在画面中如何组织、排列关系元素是研究视觉元素在画面中如何组织、排列的元素，一般包括：方向、位置、重心、空间等关系。的元素，一般包括：方向、位置、重心、空间等关系。（4）使用元素）使用元素使用元素主要指的是设计所表达的涵义、内容、设使用元素主要指的是设计所表达的涵义、内容、设计的目的和功能。计的目的和功能。 2. 平面设计的元素平面设计的元素点、线、面或形点、线、面或形点、线、面是平面设计构成因素中最基本的元素。点、线、面是平面设计构成因素中最基本的元

20、素。（1）点的形象）点的形象点具有吸引注意力、集中视线的功能。点的连接点具有吸引注意力、集中视线的功能。点的连接能产生线的感觉，点的聚集能产生面的效果，大小不能产生线的感觉，点的聚集能产生面的效果，大小不同的点可以产生纵深感，将几个点联系起来看，则有同的点可以产生纵深感，将几个点联系起来看，则有虚面的感觉。如图虚面的感觉。如图218和和219所示。所示。图图218 适当距离会产生形象感适当距离会产生形象感图图219 三维立体空间感三维立体空间感 （2）线的形象）线的形象 平面设计中的线不仅有长短，而且有粗细、方平面设计中的线不仅有长短，而且有粗细、方向、性格和种类之分。线的种类很多，从大的类型

21、上向、性格和种类之分。线的种类很多，从大的类型上可分为直线和曲线。可分为直线和曲线。直线：包括直线、折线、垂直线、水平线和斜直线：包括直线、折线、垂直线、水平线和斜线等。如图线等。如图220和和221所示。所示。曲线：主要指弧线、双曲线、抛物线和波浪线曲线：主要指弧线、双曲线、抛物线和波浪线等。如图等。如图222和和223所示。所示。 图图220 斜线斜线图图221 折线折线图图222 弧线弧线图图223 自由流畅的曲线自由流畅的曲线 线的表现力非常丰富：粗线有力；细线活泼；曲线的表现力非常丰富：粗线有力；细线活泼；曲线自由流畅、水平线宁静、豁达；斜线有方向、运线自由流畅、水平线宁静、豁达；斜

22、线有方向、运动、速度之感；垂直线有庄重、上升之态。如图动、速度之感；垂直线有庄重、上升之态。如图224和和225所示。所示。图图224 斜线有方向感斜线有方向感图图225 活泼、自由的细线活泼、自由的细线 （3）面的形象）面的形象 面具有长度、宽度，无厚度，是体的表面。因面具有长度、宽度，无厚度，是体的表面。因为受线的界定，它有相对的形状，如几何形、有机形为受线的界定，它有相对的形状，如几何形、有机形和偶然形等。在表现上，面还可以分为两大类，一类和偶然形等。在表现上，面还可以分为两大类，一类是可以真实看到的有明确形状的形象是可以真实看到的有明确形状的形象实面；另一实面；另一类是虽不能具体界定但

23、却可以感觉到的形象类是虽不能具体界定但却可以感觉到的形象虚面。虚面。面由点、线有序排列而形成。如图面由点、线有序排列而形成。如图226和和227所所示。示。图图226 偶然形偶然形图图227 实面实面 1. 形的分类形的分类（1）几何形）几何形视觉上有理性的，一般依赖相应的视觉上有理性的，一般依赖相应的工具制作，简洁明快、具有抽象意味的理念形态，是工具制作，简洁明快、具有抽象意味的理念形态，是现代化大工业催生的产物，引领了工业化生产时代的现代化大工业催生的产物，引领了工业化生产时代的审美时尚。审美时尚。2.2.3 2.2.3 平面设计的形象平面设计的形象 （2）有机形）有机形是指有机体的存在形

24、态。例如有是指有机体的存在形态。例如有机体的动物、生物的细胞等，其特点是圆滑的、曲机体的动物、生物的细胞等，其特点是圆滑的、曲线的，有生命的韵律。如图线的，有生命的韵律。如图228和和229所示。所示。 图图228 有机形（一）有机形（一）图图229 有机形（二）有机形（二） （3）偶然形）偶然形是指靠人工很难重复的、偶然形成是指靠人工很难重复的、偶然形成的形态。如流淌的河水、漫天的云霞、临风的枯木、的形态。如流淌的河水、漫天的云霞、临风的枯木、击碎的岩石等等。如图击碎的岩石等等。如图230和和231所示。所示。图图230 泼墨形成的不可复制的偶然形泼墨形成的不可复制的偶然形图图231 云层分

25、布形成的偶然形云层分布形成的偶然形 （4）人造形）人造形指人类为满足物质和精神上的需求指人类为满足物质和精神上的需求而人为创造的形态。如建筑、交通工具和纺织品等。而人为创造的形态。如建筑、交通工具和纺织品等。 （5）自然形）自然形指没有经过人为加工的、大指没有经过人为加工的、大自然中固有的可见形态。自然中固有的可见形态。 2. 平面构成中的基本形平面构成中的基本形 在平面构成中，由一组相同或相反的形组成单位在平面构成中，由一组相同或相反的形组成单位的形态，每一单位称为基本形。基本形是平面设计中的形态，每一单位称为基本形。基本形是平面设计中最小的设计形态单位。根据一定的构成法则，运用基最小的设计

26、形态单位。根据一定的构成法则，运用基本形便可设计出所需的趋于完美的构成效果。如图本形便可设计出所需的趋于完美的构成效果。如图232和和233所示。所示。图图232 由相同形组成的基本形由相同形组成的基本形的重复排列的重复排列图图233 有不同形组成的基本形有不同形组成的基本形 的渐变构成的渐变构成 3. 组形组形 在构成过程中，由于需要，将基本形重新组合便形在构成过程中，由于需要，将基本形重新组合便形成了形与形之间的组合关系。组形的关系主要有以下几种：成了形与形之间的组合关系。组形的关系主要有以下几种：（1）分离）分离形与形之间不接触，有一定的距离。形与形之间不接触，有一定的距离。（2）接触）

27、接触形与形之间的边缘刚好相切。形与形之间的边缘刚好相切。（3）覆叠）覆叠形与形之间呈现的是覆盖关系，因此产生形与形之间呈现的是覆盖关系，因此产生上下、前后的空间关系。上下、前后的空间关系。（4）透叠）透叠形与形的搭叠部分呈透明状态，产生出新形与形的搭叠部分呈透明状态，产生出新的形，但不产生上下、前后的空间关系。的形，但不产生上下、前后的空间关系。 在同一设计中，相同的形象出现两次以上时称为在同一设计中，相同的形象出现两次以上时称为重复。所谓相同，在重复的构成中主要是指形状的相重复。所谓相同，在重复的构成中主要是指形状的相同。重复是平面设计中比较常用的手法，借助形象的同。重复是平面设计中比较常用

28、的手法，借助形象的反复出现，强化对形象的印象，用以加强人们的视觉反复出现，强化对形象的印象，用以加强人们的视觉感受，形成相应的节奏规律，使画面同一。如图感受，形成相应的节奏规律，使画面同一。如图234和和235所示。所示。2.3 2.3 重复重复图图234 重复（一）重复（一）图图235 重复（二）重复（二） 一般来说，用来重复的形状可以称作一般来说，用来重复的形状可以称作“基本形基本形”。以一个基本形为单位，在设计中反复出现，这种设计以一个基本形为单位，在设计中反复出现，这种设计便称作重复设计。在重复设计中，基本形不宜复杂，便称作重复设计。在重复设计中，基本形不宜复杂，宜简约。如过于复杂，不

29、仅不利于组合，而且容易使宜简约。如过于复杂，不仅不利于组合，而且容易使画面散乱不整，这点应特别注意。因此，画面散乱不整，这点应特别注意。因此，“基本形基本形”大多选用简约的几何形。如图大多选用简约的几何形。如图236所示。所示。基本形的重复基本形的重复是指使用同一基本形在构成设是指使用同一基本形在构成设计中构成画面。计中构成画面。2.3.1 2.3.1 基本形及基本形的重复基本形及基本形的重复图图236 基本形基本形图图237 重复骨骼基本形的构成重复骨骼基本形的构成 在构成中如果骨格的每一单位形象和面积均相在构成中如果骨格的每一单位形象和面积均相等时，这就是一个重复骨格。重复骨格是规律骨格等

30、时，这就是一个重复骨格。重复骨格是规律骨格的一种，也是平面设计中最简单的一种设计。如图的一种，也是平面设计中最简单的一种设计。如图237所示。所示。2.3.2 2.3.2 重复骨格基本形的构成重复骨格基本形的构成 重复骨格基本形的构成，是将前面讲过的重复骨重复骨格基本形的构成，是将前面讲过的重复骨格保持不变，把重复的基本形作一定的局部变化，即格保持不变，把重复的基本形作一定的局部变化，即整体的统一，各基本形可以不完全一样，但构成的大整体的统一，各基本形可以不完全一样，但构成的大体效果相同。如图体效果相同。如图238和和239所示。所示。2.3.3 2.3.3 重复骨格近似基本形的构成重复骨格近

31、似基本形的构成图图239 重复骨骼近似基本形构成（二）重复骨骼近似基本形构成（二）图图238 重复骨骼近似基本形构成（一）重复骨骼近似基本形构成（一） 重复骨格构成是表现重复美的一种主要形式，在重复骨格构成是表现重复美的一种主要形式，在现实生活中应用非常广泛。实际设计时，主要根据实现实生活中应用非常广泛。实际设计时，主要根据实际构成图形的需要，常常几种构成方法结合使用，突际构成图形的需要，常常几种构成方法结合使用，突出重复格位的骨架作用。出重复格位的骨架作用。2.3.4 2.3.4 重复骨格构成的应用重复骨格构成的应用 群化，是基本形重复构成的一种特殊表现形式。群化，是基本形重复构成的一种特殊

32、表现形式。它不同于一般的重复构成，可以在上、下或左、右连它不同于一般的重复构成，可以在上、下或左、右连续发展，而且具有独立的存在性质，可以单独构成图续发展，而且具有独立的存在性质，可以单独构成图样。因此，它可以作为标志、符号等设计的一种构成样。因此，它可以作为标志、符号等设计的一种构成方式去把握。方式去把握。2.3.5 2.3.5 重复基本形的群化构成重复基本形的群化构成 群化构成的基本要领有如下几点：群化构成的基本要领有如下几点：（1）群化构成的基本形要求简洁、醒目，形象粗壮）群化构成的基本形要求简洁、醒目，形象粗壮有力效果为好，避免琐碎细小、带尖角之类的造型，有力效果为好，避免琐碎细小、带

33、尖角之类的造型，因此，基本形的数量不宜太多。因此，基本形的数量不宜太多。 （2）基本形的群化构成要紧凑、严密，相互之间可）基本形的群化构成要紧凑、严密，相互之间可交叠或透叠，避免松散。交叠或透叠，避免松散。 （3）构成群化图形应完整、美观，要注意外形的整）构成群化图形应完整、美观，要注意外形的整体效果，把握平衡和稳定关系。体效果，把握平衡和稳定关系。重复不是一个元素的简单复制，而是按照一定的规律，在画面中产生连续的变化。 渐变，也可称为渐移，是指以类似的基本形或骨渐变，也可称为渐移，是指以类似的基本形或骨格，循序渐进地、有秩序、有节奏地逐步变化，呈现格，循序渐进地、有秩序、有节奏地逐步变化，呈

34、现出一种阶段性的、调和的秩序，是我们日常生活中经出一种阶段性的、调和的秩序，是我们日常生活中经常能见到的一种自然现象。常能见到的一种自然现象。渐变是一种规律性很强的设计样式，能产生强烈渐变是一种规律性很强的设计样式，能产生强烈的视觉透视感和空间感，其变化程度在设计中非常重的视觉透视感和空间感，其变化程度在设计中非常重要，不适当的变化，很容易失去渐变特有的规律性的要，不适当的变化，很容易失去渐变特有的规律性的效果。如图效果。如图240和和241所示。所示。2.4 2.4 渐变渐变图图241 渐变（二）渐变（二）图图240 渐变（一）渐变（一） 由一个基本形渐变到另一个基本形，基本形可以由一个基本

35、形渐变到另一个基本形，基本形可以由完整渐变到相对残缺，也可以由简单渐变到复杂，由完整渐变到相对残缺，也可以由简单渐变到复杂，由具象渐变到抽象。由具象渐变到抽象。2.4.1 2.4.1 形状的渐变形状的渐变基本形在平面上做方向的渐变。如图基本形在平面上做方向的渐变。如图242和和243所示。所示。2.4.2 2.4.2 方向的渐变方向的渐变图图242 方向的渐变（一）方向的渐变（一）图图243 方向的渐变（二）方向的渐变（二） 基本形在做位置渐变时需要骨架，在规定的骨架基本形在做位置渐变时需要骨架，在规定的骨架内作基本形位置的渐变，而超出骨架的部分会被切内作基本形位置的渐变，而超出骨架的部分会被

36、切掉。掉。2.4.3 2.4.3 位置的渐变位置的渐变 基本形由小到大或由大到小的渐次排列，能产生基本形由小到大或由大到小的渐次排列，能产生远近的纵深感和空间幻觉。远近的纵深感和空间幻觉。2.4.4 2.4.4 大小的渐变大小的渐变 在色彩表现中，利用色相、明度、纯度都可以做在色彩表现中，利用色相、明度、纯度都可以做出渐变的效果，并会产生丰富的美感画面。出渐变的效果，并会产生丰富的美感画面。2.4.5 2.4.5 色彩的渐变色彩的渐变 骨格的渐变约定了基本形在形状、大小和方向上骨格的渐变约定了基本形在形状、大小和方向上的变化。划分骨格的线可以是水平、垂直、斜线、直的变化。划分骨格的线可以是水平

37、、垂直、斜线、直线、曲线等各种不同的渐变线形。渐变骨格的精心设线、曲线等各种不同的渐变线形。渐变骨格的精心设计，能重复显示出渐变的韵律美。计，能重复显示出渐变的韵律美。2.4.6 2.4.6 骨格的渐变骨格的渐变 发射是自然界中的一种常见的形态，它是围绕一发射是自然界中的一种常见的形态，它是围绕一个中心，向外发射所呈现的视觉形象。发射具有方向个中心，向外发射所呈现的视觉形象。发射具有方向性的规律，其中心是最重要的焦点，所有形象均向中性的规律，其中心是最重要的焦点，所有形象均向中心集中，这种构成具有一种渐变的效果，有时可造成心集中，这种构成具有一种渐变的效果，有时可造成闪光的动感或产生爆炸性的感

38、觉，有较强的韵律感和闪光的动感或产生爆炸性的感觉，有较强的韵律感和强烈的视觉效果。其骨格形式，是一种重复的特殊表强烈的视觉效果。其骨格形式，是一种重复的特殊表现，在设计中是较为广泛的一种表现形式。现，在设计中是较为广泛的一种表现形式。2.5 2.5 发射发射 发射骨格的构成要素为：发射骨格的构成要素为：（1）发射点，即发射中心，所有发射的骨格线都集）发射点，即发射中心，所有发射的骨格线都集中在此点上。发射点在画面中，有可见的，也有不可中在此点上。发射点在画面中，有可见的，也有不可见的。见的。 （2）发射线具有方向性。根据发射的不同方向，在）发射线具有方向性。根据发射的不同方向，在构成时形式上又

39、各有不同的表现。构成时形式上又各有不同的表现。 中心点发射构成是一种中心点在中央部位，发射中心点发射构成是一种中心点在中央部位，发射线由外向内或由内向外发射的一种构成形式，在发射线由外向内或由内向外发射的一种构成形式，在发射骨格中是应用较多的一种形式，分别称为骨格中是应用较多的一种形式，分别称为“离心式离心式”和和“向心式向心式”发射。其骨格线可以是直线、弧线、曲发射。其骨格线可以是直线、弧线、曲线等。线等。如图如图244和和245所示。所示。2.5.1 2.5.1 中心点发射中心点发射图图245 中心点发射（二）中心点发射（二）图图244 中心点发射（一）中心点发射（一） 同心式发射构成是指

40、发射点从一点开始逐渐扩展，同心式发射构成是指发射点从一点开始逐渐扩展，如同心圆层层环绕发射形成的重复性，也是发射构成如同心圆层层环绕发射形成的重复性，也是发射构成的一种形式。由于主要发射线都集中在一起，格式变的一种形式。由于主要发射线都集中在一起，格式变动有较大的局限性，因此，在构成时可结合多种因素动有较大的局限性，因此，在构成时可结合多种因素进行设计。进行设计。2.5.2 2.5.2 同心式发射同心式发射 移心式发射构成是指发射点根据图形的需要，按移心式发射构成是指发射点根据图形的需要，按照一定的动势，有秩序地渐次移动位置，形成有规则照一定的动势，有秩序地渐次移动位置，形成有规则的变化。这种

41、发射构成能表现出较强的空间感并具有的变化。这种发射构成能表现出较强的空间感并具有曲面的效果。如图曲面的效果。如图246和和247所示。所示。2.5.2 2.5.2 移心式发射移心式发射图图247 移心式发射（二）移心式发射（二）图图246 移心式发射（一）移心式发射（一）渐变与发射都具有强烈的空间感。两者之间有着密切联系，但又有本质上的不同。渐变强调有秩序的递增或递减，发射则强调发射点。 骨格是设计中基本形排列的位置依据。骨格网有骨格是设计中基本形排列的位置依据。骨格网有助于我们在排列基本形时作为坐标的参考，是联络基助于我们在排列基本形时作为坐标的参考，是联络基本形之间关系的桥梁和纽带，使基本

42、形成为有规律、本形之间关系的桥梁和纽带，使基本形成为有规律、有秩序的构成。有时，骨格也可以成为形象的一部分，有秩序的构成。有时，骨格也可以成为形象的一部分，它的变化会直接影响到整体构成布局的变化。骨格分它的变化会直接影响到整体构成布局的变化。骨格分为规律性骨格、非规律性骨格、作用性骨格和非作用为规律性骨格、非规律性骨格、作用性骨格和非作用性骨格。性骨格。2.6 2.6 骨格骨格 一般规律性骨格有精确严谨的骨格线，并有规律一般规律性骨格有精确严谨的骨格线，并有规律的数字关系，基本形有规律的按骨格线排列，构图具的数字关系，基本形有规律的按骨格线排列，构图具有强烈的秩序感。规律性骨格主要有重复、渐变

43、、发有强烈的秩序感。规律性骨格主要有重复、渐变、发射等骨格。如图射等骨格。如图248和和249所示。所示。2.6.1 2.6.1 规律性骨格规律性骨格图图249 渐变构成渐变构成图图248 发射构成发射构成 一般非规律性骨格没有精确严谨的骨格线，所以一般非规律性骨格没有精确严谨的骨格线，所以排列比较自由。排列比较自由。2.6.2 2.6.2 非规律性骨格非规律性骨格 作用性骨格是用来界定基本形彼此之间准确空间作用性骨格是用来界定基本形彼此之间准确空间位置的骨架。基本形可以在骨格单位内自由改变方向、位置的骨架。基本形可以在骨格单位内自由改变方向、位置、正负，甚至越出骨格线，使基本形彼此联合，位置

44、、正负，甚至越出骨格线，使基本形彼此联合，在整体构图中灵活取舍，产生丰富的变化组合。如图在整体构图中灵活取舍，产生丰富的变化组合。如图250和和251所示。所示。2.6.3 2.6.3 作用性骨格作用性骨格图图251 作用性骨格（二）作用性骨格（二）图图250 作用性骨格（一）作用性骨格（一） 非作用性骨格是概念性的，其骨格线有利于基本非作用性骨格是概念性的，其骨格线有利于基本形的有序排列，但一般不会影响到它们的形状，也不形的有序排列，但一般不会影响到它们的形状，也不会将空间分隔成独立的骨格单位。会将空间分隔成独立的骨格单位。2.6.4 2.6.4 非作用性骨格非作用性骨格 可见骨格是指骨格线

45、和基本形明显地表现在构图可见骨格是指骨格线和基本形明显地表现在构图中，有明确的空间划分。如图中，有明确的空间划分。如图252和和253所示。所示。2.6.5 2.6.5 可见骨格可见骨格图图252 可见骨格（一）可见骨格（一）图图253 可见骨格（二）可见骨格（二） 不可见骨格是指骨格线只是在概念中存在，是作不可见骨格是指骨格线只是在概念中存在，是作为基本形排列的依据和结果骨架，在构图中不一定画为基本形排列的依据和结果骨架，在构图中不一定画出来。如图出来。如图254和和255所示。所示。2.6.6 2.6.6 不可见骨格不可见骨格图图255 不可见骨格（二）不可见骨格（二）图图254 不可见骨

46、格（一）不可见骨格（一） 重复的骨格是指每一单位的形状和面积均完全相重复的骨格是指每一单位的形状和面积均完全相等，是规律骨格的一种，也是最简单的一种。等，是规律骨格的一种，也是最简单的一种。2.6.7 2.6.7 重复的骨格重复的骨格 当构成要素在有序的排列中有意违反秩序，使少当构成要素在有序的排列中有意违反秩序，使少数几个要素凸现出来，增强视觉冲击力，形成视觉焦数几个要素凸现出来，增强视觉冲击力，形成视觉焦点，以打破规律性，形成生动活泼的视觉效果时，称点，以打破规律性，形成生动活泼的视觉效果时，称为特异。为特异。2.7 2.7 特异特异 在重复和近似基本形的构成中，出现一小部分特在重复和近似

47、基本形的构成中，出现一小部分特异的形状，使其和整体形成差异对比，是画面上的视异的形状，使其和整体形成差异对比，是画面上的视觉焦点。如图觉焦点。如图256和和257所示。所示。2.7.1 2.7.1 形状特异形状特异图图257 形状特异（二）形状特异（二）图图256 形状特异（一）形状特异（一） 在同类色彩的构成中，加进某些对比成分，以打在同类色彩的构成中，加进某些对比成分，以打破单调。如图破单调。如图258所示。所示。2.7.2 2.7.2 色彩特异色彩特异图图258 色彩特异色彩特异 在相同的基本形构成中，对基本形的大小作一些在相同的基本形构成中，对基本形的大小作一些适度的特异对比变化。如图

48、适度的特异对比变化。如图259所示。所示。2.7.3 2.7.3 大小特异大小特异图图259 大小特异大小特异 在基本形方向统一的基础上，适当改变少部分基在基本形方向统一的基础上，适当改变少部分基本形的方向，使之产生特异变化。如图本形的方向，使之产生特异变化。如图260所示。所示。2.7.4 2.7.4 方向特异方向特异图图260 方向特异方向特异 在相同的肌理质感中，适当穿插不同的肌理效果，在相同的肌理质感中，适当穿插不同的肌理效果，达到肌理特异。达到肌理特异。2.7.5 2.7.5 肌理特异肌理特异 对比，是人们对于事物识别的一种主要方法。对比，是人们对于事物识别的一种主要方法。“对比、变

49、化对比、变化”与与“调和、统一调和、统一”，二者是同一问题，二者是同一问题的两个方面，是的两个方面，是“对立统一规律对立统一规律”在平面设计中的具在平面设计中的具体表现。在构成中运用相反性质的要素组合起来产生体表现。在构成中运用相反性质的要素组合起来产生对比关系，有时为形态的，有时为变幻的，有时是色对比关系，有时为形态的，有时为变幻的，有时是色彩的，有时是质感的。在平面构成中，我们介绍以下彩的，有时是质感的。在平面构成中，我们介绍以下九种对比形式。九种对比形式。2.8 2.8 对比对比 外形具有一定差别的对比。如图外形具有一定差别的对比。如图261和和262所示。所示。2.8.1 2.8.1

50、形状对比形状对比图图262 形状对比（二）形状对比（二）图图261 形状对比（一）形状对比（一） 色彩对比有色彩三要素、色调之间的对比。如图色彩对比有色彩三要素、色调之间的对比。如图263和和264所示。所示。2.8.2 2.8.2 色彩对比色彩对比图图264 色彩对比（二）色彩对比（二）图图263 色彩对比（一）色彩对比（一） 大小对比指画面中形状的大小不同、线条的长短大小对比指画面中形状的大小不同、线条的长短不同的对比。不同的对比。2.8.3 2.8.3 大小对比大小对比 形象表面的视觉感不同，如粗糙与光滑、规律性形象表面的视觉感不同，如粗糙与光滑、规律性与混杂性、致密与松散等的对比。与混

51、杂性、致密与松散等的对比。2.8.4 2.8.4 肌理对比肌理对比 形象处在画面的上下、左右、前后等不同位置的形象处在画面的上下、左右、前后等不同位置的对比。如图对比。如图265和和266所示。所示。2.8.5 2.8.5 位置对比位置对比图图265 位置对比（一）位置对比（一）图图266 位置对比（二）位置对比（二） 重心对比指重心的偏移，轻重的不同感觉的对比。重心对比指重心的偏移，轻重的不同感觉的对比。如图如图267所示。所示。2.8.6 2.8.6 重心对比重心对比图图267 重心对比重心对比 平面中图形的疏密、大小、方向、形状、明暗以平面中图形的疏密、大小、方向、形状、明暗以及色彩的寒

52、暖等方面的对比，即所谓及色彩的寒暖等方面的对比，即所谓“密不通风，密不通风，疏可跑马疏可跑马”的构成效果。如图的构成效果。如图268和和269所示。所示。2.8.7 2.8.7 空间对比空间对比图图269 空间对比（二）空间对比（二）图图268 空间对比（一）空间对比（一） 虚与实可以看作是图与底的关系。平面中有实感虚与实可以看作是图与底的关系。平面中有实感的图形称为的图形称为“实实”，其他部分为，其他部分为“虚虚”，虚的部分大，虚的部分大多是底。如图多是底。如图270和和271所示。所示。2.8.8 2.8.8 虚实对比虚实对比图图271 虚实对比（二）虚实对比（二）图图270 虚实对比（一

53、）虚实对比（一） 物体的构成材料不同，表面的纹理排列、组织、物体的构成材料不同，表面的纹理排列、组织、构造各不相同，因而产生粗糙感、光滑感、软硬感和构造各不相同，因而产生粗糙感、光滑感、软硬感和轻重感，这是物象的表面特征，一般是指以触觉为基轻重感，这是物象的表面特征，一般是指以触觉为基础所感觉到的。由于人们长期的经验积累，有时不必础所感觉到的。由于人们长期的经验积累，有时不必触摸便会感觉到物体的质地特征，我们称其为视觉质触摸便会感觉到物体的质地特征，我们称其为视觉质感。感。2.9 2.9 肌理肌理 运用笔触的滑、滞、轻、重、干、湿、浓、淡、运用笔触的滑、滞、轻、重、干、湿、浓、淡、粗、细、强、

54、弱等不同排列组合，表现出不同的肌理粗、细、强、弱等不同排列组合，表现出不同的肌理效果。效果。2.9.1 2.9.1 笔触的变化笔触的变化 拓印，也称拓印，也称“拓石拓石”，也指现在的，也指现在的“碑帖碑帖”。所谓。所谓的拓印就是把一张坚韧的薄纸事先浸湿，再敷在石碑上的拓印就是把一张坚韧的薄纸事先浸湿，再敷在石碑上面，用刷子轻轻敲打，使纸入字口，待纸张干燥后用刷面，用刷子轻轻敲打，使纸入字口，待纸张干燥后用刷子蘸墨，轻轻地、均匀地拍刷，使墨均匀地涂布纸上，子蘸墨，轻轻地、均匀地拍刷，使墨均匀地涂布纸上，然后把纸揭下来，一张黑地白字的拓片就复制完成了，然后把纸揭下来，一张黑地白字的拓片就复制完成了

55、，这种复制文字的方法，称之为这种复制文字的方法，称之为拓印拓印。它是将石刻或木。它是将石刻或木刻文字，用纸、墨拍印出来，以便保存和传播的工艺方刻文字，用纸、墨拍印出来，以便保存和传播的工艺方法。法。 2.9.2 2.9.2 拓印拓印 将油墨或颜料涂抹在不同质地的凹凸不平的物体将油墨或颜料涂抹在不同质地的凹凸不平的物体表面上，拓印后形成与众不同的肌理效果。如图表面上，拓印后形成与众不同的肌理效果。如图272和和273所示。所示。图图272 油墨拓印油墨拓印图图273 颜料拓印颜料拓印 利用相应的工具，将颜料成雾状的喷在画面上称利用相应的工具，将颜料成雾状的喷在画面上称为喷绘。这种技法能够表现画面层次的细致渐变和透为喷绘。这种技法能够表现画面层次的细致渐变和透明感，用途广泛。如图明感，用途广泛。如图274所示。所示。2.9.3 2.9.3 喷绘喷绘图图274 喷绘喷绘 在已着色的画面将