平面构成课件PPT.ppt

平面构成 武 汉 理 工 大 学 华 夏 学 院 人 文 与 艺 术 系 主讲：王 晶 1 设计与构成 1.1 设计是什么？ “设计”一词虽为汉语，但“设”与“计”成为一个固定词组却是现代汉语 才有的，或称为现代汉语词汇。 在古汉语中有“设”与“计”，但并不是设计两字连用，“设”在古代汉语 中多用作动词，有“陈列”、“安排”、“建立”、“假设”等复合词组成 和使用。“计”在古代汉语中含义较多，动名词时有“计谋”等意思，作动 词时则有“计算”、“计议”、“计划”、“考核”等意思。 日本广辞菀对工业设计的“design”的解释为；“实现构思计划、制作 生活必需品时，研究和调整其来自材料、功能、技术以及美的造型等因素， 以满足生活、消费方面的各种要求”。因此， 作为设计而言，设计师是为了 解决一个问题而进行的创造性的活动而努力。 就设计而言其范围之广，内容之多是不言而喻的，从专业的角度一般将设计 分以下四类； 第一类是日常生活中的用品，如灯具、家具、电子产品、服装以及交通工具 等，具有很强的功能性，它们在给我们的生活带来极大方便的同时，也使我 们的生活品质有了更进一步的提升。 第二类也属于功能性设计的是平面设计如广告、招贴、包装等视觉传达设计 。 第三类为环境设计（建筑设计、室内设计、景观规划等），他们仍然属于功 能性设计的范畴。 第四类是起装饰作用的非功能性设计（绘画、雕塑、手工艺品、摄影等）， 他包括的艺术范围比较广泛。 1.2 设计师与艺术家 人类自诞生之日起，就没有停止对美好生活的追求。无论是传统的造物活动 还是今天的设计创造，其目的就是不断的完善自己的生存环境，不断的设计 着自己的生活。例如；在日常生活中，我们每天都在设计着我们自己。根据 颜色和式样挑选适合我们的服装，根据要做的事情和场合决定我们穿什么样 的服装。我们的衣着取决于所选择的功能和它是否使我们看起来和环境相协 调能否表现自己。我们为了努力地展示自己，甚至会考虑发型和化妆、服饰 ，使之和我们最为搭配。作为一个人的“包装”，应该说我们是综合服装、 发型、化妆、色彩和诸如此类东西为一体的设计者和执行者。 1.3 设计与构成 设计（design）这个词在现代汉语字典里有计划、 设想、设置、计算、计谋、绘图等释义。从广义上 来说是指对要开展的事情进行设想、规划。从狭义 的“设计”而言；设计师是为了解决一个问题而进 行的创造性的设计活动。 我们所说的设计与构成必须满足以下三个条件； （1）构成行为带有某种目的性； （2）必须有构成元素； （3）要有一定的构成技术。 所谓的目的性即指意志性，以上三个条件缺一不可 。构成的的元素是基本单位，技术是完成构成的基 本手段。当我们按照一定的计划把元素与技术进行 构成，每种构成行为就是设计。 1.4 设计与视觉语言 科学研究证明，人的视觉性资讯最 为广泛，人类感知外界事物65 都是来自眼睛，并将感知的视觉图 像通过大脑进行识别、转换成新的 符号形象。“形态”早期的概念意 指由 绘、写、刻、印等手段产生 的符号，是具有说明性的图画形象 ，以区别于文字、语言、词语的视 觉形式，并便于借助各种方法进行 大量复制。这实际上是“形态”狭 义上的解释。 从广义上讲，形态是所有能够利用 来产生视觉图像并转为信息传达的 视觉符号。 思考题： 1在以下这些设计类型里。你能判断出它们属于哪一个种类吗？你还可以找 一些吗？ 铁路广告发型计算机 服装绘画碗碟自行车 冰箱高速公路 织物手饰 螺栓房子 瓷器电视 汽车墙纸包装 2你对设计了解了多少？ 3可以将设计转换成视觉语言表现出来吗？ 2 形态与设计 2.1 什么是形态？ 形态的概念：任何一个物象本身都有自己的外形体积、内部结构、色彩、材 质以及肌理等要素，而这些要素在同类事物中有着基本统一与相似。自然中 的贝壳、海螺都有自己的外表形态和内部结构以及色彩、质感、肌理形成了 独特的造型特征，而这些等元素构成了和谐漂亮的形态。例如婴儿初生时模 糊的轮廓，基本上没有多大的差异，随着逐渐成长而变的不同。 2.2 自然给了我们什么？ 2.3 形态的种类 2.3.1 自然形态 2.3.2 人工形态 2.4 具象与抽象 2.4.1 抽象的三种方式 2.4.1.1 抽象的抽象 抽取一切感觉印象以及一切特定思 想之后所剩下的纯粹形态，杜绝一 切现实的联想。 2.4.1.2 具象的抽象 从现实世界的物质形态中抽取出来 的抽象形，依据感受对触觉、听觉 、味觉等进行视觉化的意象形态， 或者创造包含有机生物的抽象形态 。 2.4.1.3 半抽象或半具象 有着现实形态的基本暗示，却又加以拆解、重组、添加、变形，使新形态界 于具象与抽象之间。 思考题： 1你可以在自然中找到多少形态元素？ 2在你的生活周围有哪些是自然形态，哪些是人工形态？他们有什么区别吗 ？ 3我们可以用他们做一些什么？ 4根据自己的想法，设想一个主题来表现具象、抽象的视觉图形。 3 构成元素 3.1 构成元素涵义 在二次元的平面设计中，视觉语言的基本要素仍然是被称之为造型元素的点 、线、面、色彩、调子、肌理（视觉触感）等，除了具象的视觉语言外，任 何一种图文信息均可以理解为是一种具体的造型元素。无论是产品设计、室 内设计、环境设计、广告设计、包装设计、企业形象设计、建筑设计、还是 印刷设计等领域，设计的视觉图形都是由基本造型元素构成。构成这些设计 的成分存在于我们认识的每个物质之中，无论它是人工造就还是天然形成。 在设计中造型作为创造的最基本元素是无可质疑的，他是构成产生图形的语 言，是形象、色彩、肌理和它们之间的组合关系，设计师正是运用这些要素 来传达自己的设计信息和意念，点、线、面（形）既是构成形体的基本要素 ，也是构成平面形象空间特征的基础，从设计学的角度来说，所有形态都是 由上述要素加工组合而成。同时构成要素之间又呈现出复杂的变换性和互动 性，因此探索构成要素之间的心理特征和视觉关系是十分重要的，需要具体 地分析一下基本要素在视觉语言中所起的作用。 在几何学中点、线、面都具有两种不同的涵义： 动态的定义； 点；只有位置而没有形状； 线；点移动的轨迹； 面：线移动的轨迹。 静态的定义； 点：线的端点或线的交叉点； 线：面的界限或面的交叉； 面：立体的界限或境界。 在平面构成的世界里，所有的形态或 图形都在黑与白的结构中呈现。从黑 白的点、线、面角度来看，如果一旦 把一个自然物象作为黑白关系来剖析 ，其自然物象的原型已被变异，并呈 现出新的视觉形象，无论是画面的结 构还是动势形态，其诸因素都将化为 点、线、面的黑白空间形式，这并不 是自然物象对平面空间不发生影响。 而是因为黑白的点、线、面不仅有心 理和情感的双重性，又有结构与秩序 的多重性。 3.2 构成元素的心理特征 点：灵活、多变、不确定性。是构 成一切形态的基础，由于它的多变 性与不确定性的特点，因而又具有 很强的视觉引导力与动感力，而视 觉效果比较弱。 线：具有延伸感、动感、轻盈、紧 张感等.在设计中有较强的表现力， 如人的骨骼支架。 面（形）：简单明了、整体感、充 实感,面的变化则产生出空间感，侧 面具有立体的特征，如人的皮肤、 书的封面。 3.2.1 点 在人们的感觉经验中，往往将自然界中 的星星、露珠、雪花、卵石、花朵，以 及大海中的帆船，草原上的马、大街上 的人群等等，当成“点”的视觉印象. 点作为最简洁的形态元素，是造型的原 生要素。几何学概念所谈的点，表示着 位置，它没有大小面积，是线的开始与 结束，或者两条线相交及相接之处。而 作为设计基本要素的点，则是被我们感 知到的形象，是一种具有一定大小面积 和形状的具体形式。 3.2.2 线 康定斯基指出：“在几何学上，线 是一个看不见的实体，它是点在移 动中留下的轨迹。因而它是由运动 产生的的确，它是由破坏点最 终是的静止状态而产生的。这里我 们有从静到动的一步。线因此是与 基本的绘画元素点相对的结果 ，严格地说，它可以称作第二元素 。”他从纯粹理性的角度，并以张 力与方向的方式，分析了几何学直 线的基本类型与性质。 3.2.3 面（形） “面”是线按照一定的方向移动而形 成的。如果从二维性质来看“面”， 它只有长度、宽度和轮廓形态而无厚 度，是体的外表。 “面”（形）是表现一个物体外部轮 廓的形态，是轮廓线经视觉化以后的 产物。因此“形”根据其特性、内容 的不同，表现为不同的具体形象。形 态存在于空间之中，表现在立体物体 的表面以及横截面。正面、立面、侧 面、平面这些叫法都是从不同角度观 察立体物体的表现手法。 “面”的形态，在视觉上富有整体感 ，面的大小、虚实都会给人以不同的 视觉感受。 3.2.3.1 几何形与有机形 所谓的几何形是指运用圆规、尺子等工具所 作的规则形。制作非常方便，也容易再复制 。愈简单而规则的形，愈容易被人们识别、 理解和记忆。以几何学法则构成的图形简洁 明快，具有数理秩序与机械的冷感性格，体 现种理性的特征。 有机形态主要来源于自然之中，有机形表现 着自然界有机体中存在的一种生气勃勃的旺 盛生命力，是流动而有弹性的特征。 有机形态在视觉表层不再是被关注的焦点。 但是形态所蕴含的内在层面，结构变异，形 式要素成为观察、解析与表达的重点。在自 然物象内部常常隐藏着不同的外表形式表现 ，通过剖析可以发现意想不到的效果. 3.2.3.2 偶然形 偶然形是以自由方式为主的形成，是以自由 和想象结合的构形方式，具有多变的随机性 和偶发性。在构成的过程中受到某种事件的 触发和经验记忆联想的感悟，而充分展开富 有激情的想象，进行自由构形。 徒手随意的描绘、书写的自然笔势.这些自动 偶发的形态再进行即兴式的随形构成，不断 发展新的构成意念，设计者通过这种方式来 捕捉人的生活体验和视觉经验，在直观操作 过程中，使物我相互交融，不断生成新的机 遇和思路，追求一种具有更大空间自由的生 气勃勃的图形世界，以意象方式将情感、精 神、个性感受等赋予写意式的表现。 思考题： 1找一找生活中相对的“点” ，并将他们画出来。 2“点”有哪些心理特征？你 可以表现出来吗？ 3描绘一下自然中的“线”， 比较一下他们都有什么特点？ 4用“线”分别表现一下你的 性格特征和心里状态。 5“面”的形态有哪些类型？ 分别表现出来。 4 平面化空间 4.1 平面化二维空间 平面化的形式与形态在日常生活中随处可见，因为它 的语言较为简单，即只有长和宽而没有深（厚度）， 例如书法艺术、中国绘画、以及东方绘画等都是普遍 应用的形式，而现代绘画艺术中，毕加索、马蒂斯以 适应图形的装饰形式作为绘画追求，创造性地应用图 形与色彩的平面性样式，产生了绘画平面化的现代语 言，即采用变换物象位置，从不同视点，对物象进行 解析、重叠、穿插或重组，运用画面的力学关系构成 画面内部的强烈运动感和整体关系的和谐感。设计师 往往借助于这些语言进行创造性活动，将这些具有传 统文化特色和现代艺术的元素应用于现代设计中，从 而产生出与众不同的视觉艺术效果。早在上世纪末， 许多画家和设计师在进行招贴画的印刷设计时，就应 用了这种方式。这对我们今天的平面设计起到很大影 响。 4.2 平面化三维空间 平面化三维空间，就是我们在平面中表 现的虚拟三维空间形态，这样的表现形 式由来已久，并且想我们的社会中无所 不在。 摄影、电视以及媒体广告等艺术设计也 都是运用平面化三维空间来表现生活， 又如我们每天都在“设计自己”，当我 们化妆、穿衣时，我们不是平面的纸娃 娃，而是实实在在的三维形象，面对镜 子我们经常不停的转动自己的脸和身体 ，观察身体的前后、左右以及化妆和穿 的衣服是否合适。并且人们可以围着我 们转，从不同的角度观察各个部分，而 且在观察的时候有着不同的角度，和不 同的形象特征。 4.3 远近 自古以来，画家就一直追求和完善远近法。在透视学与透视方法产生以前， 如何在平面上绘制出具有远近感的艺术作品是个很大的难题，画家们一直在 苦苦寻求。据现存资料记载，古希腊的绘画全是用远近法绘制而成的，但是 ，令人遗憾的是没有任何作品保留下来。完全确立远近法的是在文艺复兴时 期达芬奇等画家，之后，杜勒继续深入研究，由于文艺复兴时期倡导人性的 回归，绘画艺术也开始从人看物体的角度出发绘制，开始创造了远近的基本 方法。 人眼的高度和焦点的发现是科学的远近法建立的基础，也是之后建筑师发展 透视图法的基础. 思考题： 1用平面的方法，将你观察到的自然、人造的元素描绘出来。 2用“线”的表现形式分别描绘一下你的周围的自然物、人造物。 3试一试将不同的形或自然物象转化为抽象的图形形象。 4用构成的方法表现画面的空间结构及深度，形成画面自身的新的空间结构 与层次感。 5 设计手法与表现 5.1 分割 所谓“分割就是在构图之前，必须首先考虑画 面的布局。将画面划分成若干个区域，称之为“ 分割”。例如，在绘制以山为主体对象的画面时 ，要考虑到在画面中配置多少程度的空白空间， 以此来形成画面的个性。可以说，所谓分割就是 决定画面空间以及平面个性的过程。一般通过线 条来形成分割，被划分出来的各个面因为线条的 间隔，形成完全不同的个性。分割线就如同国境 线一样，将不同的国民性和不同的文化区分开来 。 在平面设计中，分割的含义就是指怎样协调文字 、插图以及摄影图片之间的量的比例，以此来形 成版面样式。所以，在进行分割操作的时候，需 要特别注意各个要素份量的搭配和空间的协调， 通过分割线来划分出具有不同个性的面。 5.2 统一 统一就是把各种味道混在一起；它引导着我们 的眼睛，刺激着我们的反应；它把设计元素组 合在一起，使我们感到一件设计作品的整体性 和效果性。 我们用一个晚会来做比喻：一群受邀请的人， 如果没有共同点、主题、男女主人在场，会形 成一种非常不舒服的情形。这个晚会需要至少 一件能把大家联系起来的东西一个人（男主 人或女主人），一种兴趣（音乐、食物、某个 政治人物），一个主题（化装舞会、新年聚会 ）某件事由，使每个客人都能对别人说：“我 来这里的理由和你一样。”这就使得整个情形 统一起来。 所以我们把统一定义为使所有的元素都能够和 谐相处的效果，而每一个元素都在支撑着整体 设计. 5.3 夸张 夸张手法的应用在文学作品中最为常见也最能感染读者，而设计领域里也 经常使用夸张法和简化法表达设计师的设计创意。设计作品通过夸张和简 化两种方法进行展开。夸张是将主题或主体景物具有的特色、性格、特征 提取出来进行强调的方法。 5.4 简化 简化则是去掉那些不必要的元素 ，即那些不存在也不会影响理解 画面的内容，一直删减到不能再 减的限度。 一是从意象出发，用简单的形象 表现复杂的物体和情绪； 二是从几何形态出发，将物象转 化为球形、圆锥形、圆柱形、方 形等，了解到物象的本质; 三是从心灵意识出发，排除掉自 然物象的客观琐碎的表象，进而 做出直观的感应. 5.5 变化 变化，意思是“改变”一个元素的“特点”，变 化提供了趣味的对比。他与重复是相对的，重复 往往给我们一种单调、死板的感觉，而变化则可 以打破这个局面，变化就是将一些设计元素进行 合适的组织，使之成为一个新的图形形式。形态 能够被变化一般通过种类、大小、色彩、明度、 空间的位置、交替出现等。我们可以试一试一下 的一些方法： 线条能够被变化通过粗、细、长短、明度、 直、曲等等。 明度能够被变化从深到浅。 肌理能够被变化从平滑到粗糙。 色彩能够被变化通过它们内在的特性。 5.6 对称与平衡 5.7 重复 5.8 节奏与秩序 5.9 动感 一是组织画面时，对如何引导观画者视线流动方面的考虑： 二是画面中形态或物象个体间的动势表现； 三是画面全局动态结构的设计，如何取得强有力的整体动势特征及表现力等. 5.10 明暗与层次 制造明暗与层次效果有3种方法； a增加色调差； b利用阴影表现立体感； c分离混沌色块。 5.11 正与负 正形态； 置于负空间或空白空间中的形态 和线条，一个形态放在空白空间（负空间） 内，称之为正形态。 负形态； 两个或两个以上的正形态置于负 （空的）空间之后产生出的暗含的形态，称 为负空间。 如果把两个或两个以上的形态同时放进这个 空间，两个形态相连或几乎相连，就会造成 一种三个（或更多）形态的错觉。因错觉产 生的形态称为负形态。 5.12 错觉 错觉是由人的五官共同感觉到的。如声音错觉、气味 错觉等，尤其是视错觉，人类生活中有相当一部分要 依赖错觉来进行。视觉上的错觉称为视错觉。视错觉 在空间变换设计表现中有很大的关联。例如，在纸上 描绘三维物体以及空间的感觉都必须利用视错觉，因 为视错觉的技法能使平面物体看上去有立体感。要画 现实生活中没有的东西，这时的绘画技法也要用到视 错觉。因为平面上不存在深浅和远近等，而要表现这 样的效果，就要考虑运用透视画法和阴影画法。 5.13 肌理 肌理是物体的表面特征，也指物体 的质感，它是具有重要表现力的造 形要素。 肌理是由均匀细小的形态组成的物 象表层的肌肤纹理。现代人不在自 然物象中感知无穷无尽的天然肌理 美，和感受不断涌现的新型材料的 人工肌理美，而对肌理美的感知越 来越敏锐。在对自然的观察中，树 皮的粗糙、镜面的光洁、草地的柔 润，山岩的坚固、水的透明等等， 这些切身感受被储存于我们的记忆 中，同时又被创造性地应用于设计 中. 5.14 对比与强调 对比是指质和量都不同 的物体看起来有对立的 效果。他有强对比与弱 对比，对立越明显，相 互之间的特性越鲜明。 画面也会变得生动，给 予观赏者动态的刺激。 如果对立过于激烈，会 使画面缺乏一致性，而 对比也就没有了意义。 因此，必须让两个对立 的物体统一起来。 5.15 软硬感 各种东西大致被分成软和硬两个 类别。比如说男性化的就是阳刚 的，女性化的就是温柔的。这种 方法就像分类红色和蓝色、手工 和机械一样，把所有的要素分成 软和硬两类，然后再继续进行设 计。 在设计中制造“软硬”感效果一 般有3种方法； 一是增加色调差 二是利用阴影表现立体感 三是分离混沌色块。 5.16 方向 画面中如果没有方向就会显得凌乱，同时， 如果一个画面中存在着多个不同的方向也会 使画面凌乱，凌乱的方向会影响画面的整体 感，使画面零散不堪。凌乱的画面缺乏冲击 力，也没有任何说服力。一个画面即使要用 多个方向也不宜超过三个，且要以其中一个 方向为主。 构成中方向这一因素必须事先决定好，画面 中物体的朝向是非常重要的。在使用多方向 表现的情况下，用大量零散的方向通常会取 得很好的效果，这种方法正是因为方向的凌 乱才使人感觉到意外散发的活力。扩散即使 只有一根线条也可以使画面产生方向感。 思考题： 1你可以借助感觉分割平面，形成平衡感吗？ 2你可以将自然物象简化吗？用主观的态度舍去非本质的细节，成为半抽象 的形态。 3选择一个平衡的画面将他们其中的一部分破坏，使画面活跃起来。 4寻找自然界中有构造与运动的形态，并描绘出他们的节奏与秩序的规律。 5如何引导观画者感受到你设计的运动画面？并产生心理同构成。 6使用明暗效果使你的画面产生不同的层次感。 7用正负形表现一个有趣味的画面。 8利用人的视觉上的错觉和矛盾，分别创造一个有趣的图形。 9观察一下自然中的物象，他们的机理有什么特征，并将他们表现出来。 10你身边哪些形态是用对比的方法表现的？ 11根据“软”和“硬”的特点，分别表现不同的画面。 6 设计的创造思维 6.1 设计语言 视觉语言的研究早已流行于设计与自然科学领域，“视觉语言”一词自包豪 斯年代已开始在设计学院及美术界使用。G凯佩斯在他的视觉浯言一书 的序文中指出：“视觉语言统一了人类及人类的智慧视觉语言可以经由其 他的传播媒体而有效地传播知识。视觉传达是普遍性的，也是国际性的，即 使是没有学问的人也能接受它具有动态性形容的感觉性活力，有助于静态 性的语言思考。”他叙述了现代视觉传达媒体的本质性含义，并对现代视觉 原理、视觉元素及其组合规律进行了系统的研究，结合科学用造型艺术分析 画面的构成。 设计是一个有目的性的视觉创造计划，也是一种有目的性的审美创造活动， 还是科学、经济和艺术有机统一的创造性的活动。掌握视觉化图形语言生成 和创造的规律，则有助于我们创作出更好的设计作品。视觉语言的创造是在 已知需求的基础上来确定形态，并且这种形态不仅要超越实用功能而且还要 达到知觉和视觉心理的满足。 6.2 设计联想 每一个人都会在现实生活中产生各种联想，当 面对夜空的灿烂星光，会把分散的发光点连成 线，想象成各种动物或其他形象。碎石墙上的 石头形状、裂缝和纹理等也会令人产生各种象 征形态的联想。联想是人们通过视觉或触觉而 产生，视觉的联想还会由此产生触景生情。心 理学家把人类的联想一般分为两类：一类是相 似性联想；另一类是连带性联想。设计形态的 想象和创造与相似性联想有很大的关系在设计 构思的过程中，相似性联想可以抛开事物的表 层找到事物本质之间的共性。根据事物之间的 抽象形