图形创意中的点线面课件.ppt

图形创意设计图形创意设计 点线面点线面主讲：周娅玮 图形创意设计图形创意设计点线面点线面 形态的构成：形态的构成：形态的构成：形态的构成：图形设计是个综合体，包含了点、线、面，色、光、质、图、文等各要素的精彩呈现，图形设计是个综合体，包含了点、线、面，色、光、质、图、文等各要素的精彩呈现，也是设计全面素养的集中体现。也是设计全面素养的集中体现。从点、线、面这些单个的视觉元素开始，用材料和质感丰富视觉的感受，通过构图、从点、线、面这些单个的视觉元素开始，用材料和质感丰富视觉的感受，通过构图、形式美法则，视觉心理等，研究各种元素组合的形式和效果。形式美法则，视觉心理等，研究各种元素组合的形式和效果。设计中的点线面是一切造型要素中最基本的，它存在于任何造型设计中。对于一个设设计中的点线面是一切造型要素中最基本的，它存在于任何造型设计中。对于一个设计者来说，点线面的构成训练是必不可少的。研究这些基本的要素及构成原则是我们计者来说，点线面的构成训练是必不可少的。研究这些基本的要素及构成原则是我们研究其它视觉元素的起点。点线面通常由被称之为研究其它视觉元素的起点。点线面通常由被称之为“构成三要素构成三要素构成三要素构成三要素”。点是在一定环境对比下的产物，点是相对较小的元素，它与面的概念是相互比较而形成的，同样点是在一定环境对比下的产物，点是相对较小的元素，它与面的概念是相互比较而形成的，同样是一个圆，如果布满整个作用，它就是面了，如果在一幅构成中可以多处出现，就可以理解为点。是一个圆，如果布满整个作用，它就是面了，如果在一幅构成中可以多处出现，就可以理解为点。没有具体的形态限定，大到星球，小到细胞。没有具体的形态限定，大到星球，小到细胞。点的特性：点的特性：点的特性：点的特性：点一般用来表示位置，它既无长度，也无宽度，不表示面积、形状。这是相对于其背景条件及其他点一般用来表示位置，它既无长度，也无宽度，不表示面积、形状。这是相对于其背景条件及其他要素对比下而确定的。要素对比下而确定的。一、点的构成一、点的构成 1 1、点的概念、点的概念、点的概念、点的概念：点是最基本和最重要的元素，一个较小的元素在一幅图中或者两个以上的非线元点是最基本和最重要的元素，一个较小的元素在一幅图中或者两个以上的非线元 素如果同时出现在一个图中，我们都可以将其视为点。点是造型语言中最简洁的形态，素如果同时出现在一个图中，我们都可以将其视为点。点是造型语言中最简洁的形态，几何学概念中的点，没有大小和形状，只是表示位置。设计概念中的点是能被人感知几何学概念中的点，没有大小和形状，只是表示位置。设计概念中的点是能被人感知到的视觉形象，具有一定的大小和形状到的视觉形象，具有一定的大小和形状。而在平面构成设计中，点是以形象存在的。也就是说：无论点有多小，它都会有自己的形象。（例如：）某个形象被人们视为“点”，是依赖于它与周围环境的比例或所处的位置来决定的。22、点的特性点的特性 点作为图，在背景的中间位置时，呈现单纯、宁静、稳定的特性。当点偏离了中间位置，在底的边缘时就具有方向感并成动态。同一空间中，如果有两个相同大小的点，并相距一定的距离时，这两点之间就会产生一种紧张感和张力，视线就会反复与两点之间，两点间似有线的存在。这种感觉到的线，并非直觉产物，而是一种视觉心理反映。当两点的大小不同时，大的会从大的点移向小的点，最后集中到小点上。愈小的点，集聚性愈强。据此，点的不同排列及在空间的位置不同，就会形成不同的图象，并可引导视线的变化。点是力的中心。点是力的中心。点是力的中心。点是力的中心。当画面中只有一个点时，人们的视线就会集中在这个点当画面中只有一个点时，人们的视线就会集中在这个点上。因此，点在画面的空间中，具有张力作用。它在人们的心理上，上。因此，点在画面的空间中，具有张力作用。它在人们的心理上，有一种扩张感。点的位置很重要画面中心的点比较稳定有一种扩张感。点的位置很重要画面中心的点比较稳定,边缘的点有逃边缘的点有逃逸的倾向逸的倾向.很多点的间距很近很多点的间距很近,连续排列就给人以线的感受连续排列就给人以线的感受,这就是点的线化和面画这就是点的线化和面画.一些点的特效会产生特殊的感受和趣味一些点的特效会产生特殊的感受和趣味.点是所有形态的起源，也是构成设计中不可缺少的基本元素。点的数点是所有形态的起源，也是构成设计中不可缺少的基本元素。点的数量是无限的，其面积虽小，但在构成中却能产生强大的生命力。量是无限的，其面积虽小，但在构成中却能产生强大的生命力。以简单的点，直接表现平面设计的有以简单的点，直接表现平面设计的有等点构成，差点构成和网点构成等点构成，差点构成和网点构成等点构成，差点构成和网点构成等点构成，差点构成和网点构成。(如下图）如下图）等点构成等点构成点的形状、大小一致的构成方式。在一定的规律中，组合成多样的图形，别有一番新意。差点构成差点构成大小、形状不同的点的构成方式。不但可以展示生动、各异的图形，而且给人以前进或后退、曲面或阴影以及其他复杂的具有三维化的立体感、纵深感、节奏感和韵律感。左图用点的有次序的渐变排列，形成了一种闪光的效果，画面呈现出它的韵律美。点的密集排列，也可以作为表现群众力量的象征。网点构成网点构成点作不同的排列和多种次序变化，产生明暗调子的构成方式。带有机械性又有规则的网点构成的设计作品，图象清晰度虽然不高，但却能给人一种朦胧的神秘感，这恰好是设计者所追求的与众不同的表现特征，从而产生出的一种新的构成方式。线只具有位置、长度、方向，而不具有宽度和厚度。它是点进行移动线只具有位置、长度、方向，而不具有宽度和厚度。它是点进行移动线只具有位置、长度、方向，而不具有宽度和厚度。它是点进行移动线只具有位置、长度、方向，而不具有宽度和厚度。它是点进行移动的轨迹。的轨迹。的轨迹。的轨迹。线的性格，一般来讲直线表示静；曲线表示动；曲折线有不安定的感觉。线的性格，一般来讲直线表示静；曲线表示动；曲折线有不安定的感觉。直线：是男性的象征。具有简洁明了、直率的性格。它能表现出一种直线：是男性的象征。具有简洁明了、直率的性格。它能表现出一种力量的美。力量的美。粗直线：表现强力、钝重、粗笨；粗直线：表现强力、钝重、粗笨；细直线：表现秀气、锐敏、神经质；细直线：表现秀气、锐敏、神经质；锯状直线：有焦虑、不安定的感觉；锯状直线：有焦虑、不安定的感觉；从线的方向来说，不同方向的直线，会反映出不同的感情性格。从线的方向来说，不同方向的直线，会反映出不同的感情性格。垂直线：具有严肃、庄严、高尚、强直等性格；垂直线：具有严肃、庄严、高尚、强直等性格；水平线：具有静止、安定、平和、静寂等性格；水平线：具有静止、安定、平和、静寂等性格；斜线：有飞跃、向上或冲刺向前的感觉。斜线：有飞跃、向上或冲刺向前的感觉。二、线的构成、线的构成（一）线的分类（一）线的分类(直线、几何曲线、自由曲线）直线、几何曲线、自由曲线）1、直线的特性、直线的特性2、几何曲线的特性几何曲线：是有规律的曲线，它是女性化的象征，比直线较有温柔的感情性格。常见的几何曲线有：正圆形、椭圆形、涡线形、抛物线等。它们具有：轻柔、优雅、圆滑、流利、婉转、起伏、多变等性格特征。作品采用几何曲线表现出富有节奏感、精确性、整体性的特点。3、自由曲线的特性自由曲线：用圆规不能表现出来的一种曲线。它更加具有曲线的特征，富有自由、幽雅的女性的感觉。自由曲线的美主要表现在其自然的伸展，并具有圆润及弹性。用徒手画出来的线，由于使用的工具（笔、纸）不同，就会产生出种类繁多、不同性格的线。运用到设计中，可以取得丰富的效果。（二）线的构成与设计（二）线的构成与设计 在点、线、面中，线是最能代表情绪和最具表现力的视觉元素，线的曲直虚实构成变在点、线、面中，线是最能代表情绪和最具表现力的视觉元素，线的曲直虚实构成变幻莫测的图形世界。线的设计，关键在于把握线形态的性格表现。线和点一样具有功幻莫测的图形世界。线的设计，关键在于把握线形态的性格表现。线和点一样具有功能性，点可以表示强调，线可以用来划分空间和区域，给事物以明确的边界，像地图能性，点可以表示强调，线可以用来划分空间和区域，给事物以明确的边界，像地图上的线可以引导人们的视觉和行为。改变线的粗细、长短、疏密、方向、肌理、形状上的线可以引导人们的视觉和行为。改变线的粗细、长短、疏密、方向、肌理、形状或线型组合创造线的形象，表现不同线的个性，反映不同的心理效应。或线型组合创造线的形象，表现不同线的个性，反映不同的心理效应。1 1、面化的线、面化的线将线条进行密集、等距离的排列，使线条明显地趋向于面的视觉效果。再将这些由不同的线形成的面，经过适当的组合，考虑个部分的大小、疏密、节奏等因素，形成优美的画面。我们在线的构成练习中，要认识到线的变化在平面构成中所起的作用。掌握线的构成语言，在作品中仔细考虑线的方向、宽窄、疏密、节奏韵律与均衡关系等问题。通过对线的处理，体现线性格的多样化。线的构成方式主要有以下几种：2 2、粗细变化的线、粗细变化的线将粗细不同的线进行基本等距的排列，这时，较粗的线条明显给人以靠近、实在的感觉；而细线则表现出远而虚的形态。所以，粗细线的排列变化也能塑造一种虚实空间的视觉效果。3 3、疏密变化的线、疏密变化的线把线按不同的距离进行平行排列，线距大的部分看起来空灵；而线距密的部分则表现出厚实感。这样的构成，可以体现出平面的纵深感，并能表现平面的明暗调子，是较为常见的透视空间表现技法。4 4、不规则的线、不规则的线不规则的线的形式和种类非常的多，不同的工具、不同的手法和不同的材料都可以画出许多丰富多彩的线条。表现物体质感、空间感和体感的素描作品就是用各种线条反复琢磨、描绘出的。不规则线的排列方法不规则线的排列方法11、面概念、面概念 面的形象无限丰富，点的扩大或聚集，线的膨胀和围合都可以形成面。面的形象无限丰富，点的扩大或聚集，线的膨胀和围合都可以形成面。面是和形状关系最密切的视觉形式，面从形状上大致可以划分为三大种面是和形状关系最密切的视觉形式，面从形状上大致可以划分为三大种类：一是几何形，诸如方形、三角形、圆形等可以用工具完成的具有规类：一是几何形，诸如方形、三角形、圆形等可以用工具完成的具有规律性的形态；二是具象形，像动物，建筑，风景等等。律性的形态；二是具象形，像动物，建筑，风景等等。三，面的构成三，面的构成22、面的移动轨迹、面的移动轨迹直线平行移动可形成方形的面；直线旋转移动可形成圆形的面；斜线平行移动可形成菱形的面；直线一端移动可形成扇形的面。33、面的分类及其特性、面的分类及其特性 平面上的形，大体可以分为四类：即直线形、几何曲线形、自由曲线形和偶然形平面上的形，大体可以分为四类：即直线形、几何曲线形、自由曲线形和偶然形 直线形的面直线形的面直线形的面直线形的面具有直线所表现的心理特征。具有直线所表现的心理特征。如：正方形，它能呈现出一种安定的秩序感。在心理上具有简洁、安定、井然有如：正方形，它能呈现出一种安定的秩序感。在心理上具有简洁、安定、井然有序的感觉，是男性性格的象征。序的感觉，是男性性格的象征。几何曲线形的面以严谨的数学方式构成的几何性质的面。比直线形柔软，有数理性的秩序感。特别是圆形，能表现几何曲线的特征。但由于正圆形过于完美，则有呆板和缺少变化的缺陷。而扁圆形，呈现出一种有变化的曲线形，较正圆形更具有美感。在心理上能产生一种自由整齐的感觉。自由曲线形的面是不具有几何秩序的曲线形。这种曲线形能较充分地体现出作者的个性，所以，是最能引发人们兴趣的造型，它是女性特征的典型代表。在心理上能产生幽雅、魅力、柔软和带有人情味的温暖感觉。偶然形的面以特殊方法构成的意外的形态。具有其它形态表现不出来的、独特的视觉效果。例如：用手撕开纸张所产生的形；用颜料喷洒所产生的形；用“油水分离法”产生的形等等。4 4、面的构成与设计、面的构成与设计、面的构成与设计、面的构成与设计 面的形成让视觉世界更加充实。面的形成让视觉世界更加充实。面的形态、色彩、调式、肌理让面的形态、色彩、调式、肌理让人体会它的柔美或坚强，含蓄或人体会它的柔美或坚强，含蓄或奔放，在设计中我们需要赋予面奔放，在设计中我们需要赋予面不同的情态感受。在实际的平面不同的情态感受。在实际的平面设计中，具象形态占主导地位。设计中，具象形态占主导地位。但基本的几何形态的造型训练对但基本的几何形态的造型训练对于理解几何法则的构形方法，于理解几何法则的构形方法，对对于画面内在联系的秩序感的建立于画面内在联系的秩序感的建立有很大的帮助，同时可以为复杂有很大的帮助，同时可以为复杂的造型秩序构成获取经验。的造型秩序构成获取经验。二二二二 图形表现的空间因素图形表现的空间因素图形表现的空间因素图形表现的空间因素 图形设计的空间是由对立而统一图形设计的空间是由对立而统一的两种视觉元素组合而成的，对立的两种视觉元素组合而成的，对立统一既是自然界的普遍规律，也是统一既是自然界的普遍规律，也是图形设计空间构成的基本规律。对图形设计空间构成的基本规律。对立统一是由矛盾的双方构成对比的立统一是由矛盾的双方构成对比的统一体，它一方面体现了空间的差统一体，它一方面体现了空间的差异性，同时又协调了空间的一致性。异性，同时又协调了空间的一致性。两种对立的元素相互联系、不可分两种对立的元素相互联系、不可分割，创造着具有节奏感和韵律感的割，创造着具有节奏感和韵律感的设计空间。然而当我们在讨论空间设计空间。然而当我们在讨论空间的因素时，的因素时，黑与白黑与白和和图与底图与底两种空两种空间因素的利用是不可忽视的，两种间因素的利用是不可忽视的，两种元素的对立统一，通过富有创造性元素的对立统一，通过富有创造性的想象力，可以创造出具有传达意的想象力，可以创造出具有传达意境和审美意义的设计空间。境和审美意义的设计空间。1 1平面的立体感平面的立体感平面的立体感平面的立体感 平面的立体感具有单纯、明确的形式特点，将三维的、真实的立体平面的立体感具有单纯、明确的形式特点，将三维的、真实的立体图像转换成平面的图形，是现代图形设计基本的表现形式之一。强调图像转换成平面的图形，是现代图形设计基本的表现形式之一。强调图形表现的平面化，并按照平面设计的构成原理，表达平面中的立体图形表现的平面化，并按照平面设计的构成原理，表达平面中的立体感，是现代图形设计的一项基本要求。感，是现代图形设计的一项基本要求。通常，人们对空间的感知是通过立通常，人们对空间的感知是通过立体的物象来辨别的，立体的三维图形体的物象来辨别的，立体的三维图形可以使人感觉到空间的存在。而现代可以使人感觉到空间的存在。而现代图形设计则利用平面的形式表现虚设图形设计则利用平面的形式表现虚设的三维空间意象，创造着视觉的错位的三维空间意象，创造着视觉的错位和幻觉的时空，使人感受到空间的存和幻觉的时空，使人感受到空间的存在。在。一般来讲，平面的图形设计元素，包括各种形态的点、线、面、光影、一般来讲，平面的图形设计元素，包括各种形态的点、线、面、光影、色彩等几个方面的因素，各种元素的不同组合，将会产生不同的立体感色彩等几个方面的因素，各种元素的不同组合，将会产生不同的立体感觉，平面设计以此方式表现了三维空间的意象，从设计元素关系上分，觉，平面设计以此方式表现了三维空间的意象，从设计元素关系上分，构成立体感的因素大致有七个方面：构成立体感的因素大致有七个方面：(1)(1)点与线的疏密：点与线的疏密变化可以在视觉上，构成形的对比和面的点与线的疏密：点与线的疏密变化可以在视觉上，构成形的对比和面的转折，创造立体的视觉效果。转折，创造立体的视觉效果。(2)(2)点与线的大小与粗细：点与线的大小与粗细变化，可以造成视觉上的对比，点与线的大小与粗细：点与线的大小与粗细变化，可以造成视觉上的对比，如果这种变化按照一定的结构方式来进行变换，则会形成结构上的凸凹感和远近如果这种变化按照一定的结构方式来进行变换，则会形成结构上的凸凹感和远近感的视象。感的视象。(3)(3)线的放射与转向：线的放射是线的放射与转向：线的放射是由一个集聚点，在空间中的分布由由一个集聚点，在空间中的分布由密集向松散的变化。线的放射可以密集向松散的变化。线的放射可以形成发射状的空间深度，而且放射形成发射状的空间深度，而且放射状的形态既可以是一级放射，也可状的形态既可以是一级放射，也可以是多级放射，不同的形态会创造以是多级放射，不同的形态会创造出不同的空间感。同理线条的排列出不同的空间感。同理线条的排列由于方向的改变，既会在视觉上产由于方向的改变，既会在视觉上产生错觉，又会感觉到面的转折，图生错觉，又会感觉到面的转折，图形设计常常利用这种方式创造着三形设计常常利用这种方式创造着三维的空间结构。维的空间结构。(4)(4)渐层的变化：渐层的变化是单元图形的组合，构成具有推移的空间感，渐层的变化：渐层的变化是单元图形的组合，构成具有推移的空间感，我们也许会有这样的尝试，在渐变的过程中，某个阶段突然加大图形的比我们也许会有这样的尝试，在渐变的过程中，某个阶段突然加大图形的比例和色层的对比，即会产生视觉上的转折感，这样立体的视觉感就产生了。例和色层的对比，即会产生视觉上的转折感，这样立体的视觉感就产生了。单元图形的渐层变化，图形由小到大、由大到小、黑白交替，造成视觉上的推移，因而有一种立体的空间感。(5)(5)阴影的利用：阴影同物体是相伴而阴影的利用：阴影同物体是相伴而生的，这是一种自然规律的体现，平生的，这是一种自然规律的体现，平面的图形如果给它画出相应的阴影，面的图形如果给它画出相应的阴影，既会产生立体的空间效果。阴影的长既会产生立体的空间效果。阴影的长短、形态、位置的变化都会影响空间短、形态、位置的变化都会影响空间感的特性，在图形设计中，我们经常感的特性，在图形设计中，我们经常可以见到利用阴影表达空间的范例。可以见到利用阴影表达空间的范例。2 2 黑白的运用黑白的运用黑白的运用黑白的运用 黑白是神奇的色彩，是万物之色的总和。黑白的审美意识可以追溯到人黑白是神奇的色彩，是万物之色的总和。黑白的审美意识可以追溯到人类的童年。面对神秘莫测的自然世界，自然中天体的运动、日月的交替，类的童年。面对神秘莫测的自然世界，自然中天体的运动、日月的交替，这些光影的变异，影响了人们生理和心理的变化。这些光影的变异，影响了人们生理和心理的变化。22 黑白的运用黑白是神奇的色彩，是万物之色的总和。黑白的审美意识可以追溯到人类的童年。面对神秘莫测的自然世界，自然中天体的运动、日月的交替，这些光影的变异，影响了人们生理和心理的变化。黑白的选择既是历史、文化的产物，又是自我精神情感的需求。在图形设计中，黑与白像一条思维的主线，各种创意在黑与白的限定中涌动、爆发，在人们的内心中交织、碰撞，扭合成自我的创造性观念。3 3 3 3图与底的关系图与底的关系图与底的关系图与底的关系 图与底也是平面设计中两个基本的表现因素。通常图是设计的主体，给图与底也是平面设计中两个基本的表现因素。通常图是设计的主体，给人的视觉印象深刻、明确，易于生成概念。底则作为图的附属而被忽略，人的视觉印象深刻、明确，易于生成概念。底则作为图的附属而被忽略，往往不被人重视。空间位置上一般是图在前而底在后的，主次关系不可往往不被人重视。空间位置上一般是图在前而底在后的，主次关系不可更改。但是图地互换的设计原理，则强调图底的统一性和传达力的等同更改。但是图地互换的设计原理，则强调图底的统一性和传达力的等同关系，利用图地本身的图形属性，构成共存、互换的图形。关系，利用图地本身的图形属性，构成共存、互换的图形。视觉经验告诉我们：每当我们的视觉注视图形时会产生一种影像，而当我们视觉经验告诉我们：每当我们的视觉注视图形时会产生一种影像，而当我们的视觉转移到图底时，将会产生另一种影像，两种影像相互依存、互生互补，的视觉转移到图底时，将会产生另一种影像，两种影像相互依存、互生互补，构成了心理上的影像转换，图与地构成了互为图形的视觉效果。构成了心理上的影像转换，图与地构成了互为图形的视觉效果。图中的和平鸽和人体被处理成两种不同类型的图地关系，使人们在瞬间的感知过程中，两种物象的意念相互转换，传达出人类爱好和平的创意主题。从图底关系上看有几个方面的特征：从图底关系上看有几个方面的特征：从图底关系上看有几个方面的特征：从图底关系上看有几个方面的特征：(1)(1)图与底的处理大多利用黑与白和对比色作为对比的元素，一般图与底的对比图与底的处理大多利用黑与白和对比色作为对比的元素，一般图与底的对比愈强烈，其本身的属性愈明显，图与底的关系也就愈清晰。愈强烈，其本身的属性愈明显，图与底的关系也就愈清晰。(2)(2)图与底的区别在于其形态、方向、大小必须是不相同或相反的，形成互补关图与底的区别在于其形态、方向、大小必须是不相同或相反的，形成互补关系。系。(3)(3)图与底具有双向的图形识读性，图形和图底都具有形象的特点，也就是能够图与底具有双向的图形识读性，图形和图底都具有形象的特点，也就是能够使人的视觉在图与底的转换中领悟到设计意念。使人的视觉在图与底的转换中领悟到设计意念。点线面的综合练习，是对形式美原理的灵活把握的演练，也是构成设点线面的综合练习，是对形式美原理的灵活把握的演练，也是构成设计中关键的基础练习之一。计中关键的基础练习之一。四、点线面的综合构成、点线面的综合构成 结合今天的课题利用点、线、面元素设计两幅创意图结合今天的课题利用点、线、面元素设计两幅创意图形或装饰画，形式不限，要有主题。要求单色、彩色均可，形或装饰画，形式不限，要有主题。要求单色、彩色均可，四开纸张大小。（提示：可搜索四开纸张大小。（提示：可搜索“平面构成平面构成”或者或者“黑白黑白画画”）点线面设计训练点线面设计训练