平面构成课件知识分享.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,二级,三级,四级,五级,*,*,平,面,构,成,2016,Contents,目录,第一章 平面构成的概念,第二章 平面构成的基本元素,第三章 平面构成的形式美法则,第四章 平面构成的基本单元与骨格,第五章 平面构成的构图法则,平,面,构,成,1,第六章 平面构成的创意构图,第一章 平面构成的概念,平,面,构,成,2,1.1,、什么是平面构成？,平面构成是指利用图形在二维媒介上进行构图和设计。在构图时，同样要体现视觉美的构图法则，遵循力学原理，并根据图形的形态、色彩、肌理进行精心的编排，让观者得到美的享受。,平,面,构,成,3,Why?,1.2,、为什么要学习平面构成？,构图法则,抽象思维,创新意识,解构重构,平,面,构,成,4,1.3,、从平面构成的历史说起,中国拥有的悠久历史和灿烂文化，一直是每一个中国人的骄傲和自豪。在上下五千年漫长的历史岁月中，我们的祖先为我们留下了数不尽的精神和物质财富，其中就包括各种精美 图,1-2,：涡纹双耳四系彩陶罐。新石器时代晚期马家窑文化的典型器物，有“彩陶之王”的美誉的艺术创作。,仰韶文化的半坡彩陶,漩涡纹双耳壶,青铜花瓶,涡纹双耳四系彩陶罐,新石器时代晚期马家窑文化的典型器物，有“彩陶之王”的美誉,青铜花瓶的精美装饰,平,面,构,成,5,平,面,构,成,6,仿复制汉代漆器作品,清代漆器剔彩万寿无疆圆盖盒,唐三彩,马,唐三彩,文官俑,平,面,构,成,7,达达主义风格的海报,平,面,构,成,8,包豪斯,（,1919,年,1933,年）,包豪斯校舍,平,面,构,成,9,包豪斯风格海报,平,面,构,成,10,包豪斯风格家具,平,面,构,成,11,康定斯基作品,平,面,构,成,12,马列维奇作品,平,面,构,成,13,Use?,1.4,、,平面构成在现代设计中的应用,视觉传达,园林景观,摄影动漫,环境艺术,平,面,构,成,14,平面构成在饮料包装中的应用,平,面,构,成,15,平面构成在,食品,包装中的应用,平,面,构,成,16,平面构成在,产品,包装中的应用,平,面,构,成,17,平面构成在,标志设计,中的应用,平,面,构,成,18,平面构成在,服装设计,中的应用,平,面,构,成,19,平,面,构,成,20,1.5,、,平面构成的材料与工具,要完成一幅好的平面构成作品，离不开适合的材料和工具。传统的平面构成教学中大多选用纸张和颜料来完成。根据作品表现的内容和形式不同，纸张和画笔都会有所区别。,Contents,目录,第一章 平面构成的概念,第二章 平面构成的基本元素,第三章 平面构成的形式美法则,第四章 平面构成的基本单元与骨格,第五章 平面构成的构图法则,平,面,构,成,1,第六章 平面构成的创意构图,第,二,章 平面构成的,基本元素,平,面,构,成,2,平,面,构,成,3,2.1,、形状,物体在三维坐标系中，总是以一定体积来占据空间的形式表示它的存在。这个体积的外观，我们通常称之为“形态”。而将形态分解，从各个二维平面的角度去观察，看到的就是物体在这些观察平面上所表现出来的“形状”，比如：长方形、正方形、圆形、不规则的图形。平面构成就是通过研究这些图形，来分析构图的内在规律和法则。,通过研究，人们发现，无论多复杂的形状，最终都可以归结到最基本、最抽象的三种元素，它们就是点、线、面，它们是一切构图的起点和基础。,点,的定义,点,提到点，在人们头脑中首先闪现一定都是一些体积比较小的物体，例如：一颗纽扣、一枚硬币、一只小虫子、一粒芝麻等等。的确，点作为三种构图基本元素之一，最显著的特点便是具有强烈的“聚集性”。体现在直观视觉上，便是物体的“小”。,平,面,构,成,4,平,面,构,成,5,人在体量巨大的建筑物面前成了一个点,冰天雪地中动物成了一个小黑点,平,面,构,成,6,室内空间中的,点,焦,点,平,面,构,成,8,帆船由近到远，在视觉上变成一个,点,平,面,构,成,9,虚化的,点,平,面,构,成,10,动态的,点,平,面,构,成,11,点的对比,平,面,构,成,12,点的转化,平,面,构,成,13,可口可乐平面广告,平,面,构,成,14,“圆点女王”,草间弥生作品,平,面,构,成,15,草间弥生为奢侈品牌,Louis Vuitton,设计的专卖店,平,面,构,成,6,郑彦洁,Zheng Yanjie,平,面,构,成,17,点在包装设计上的应用,平,面,构,成,18,点在书籍装帧设计上的应用,平,面,构,成,19,点在平面广告设计中的应用,线的定义,线,线是点的运动轨迹，是面的边缘，也是面与面的交界。几何学里对线的定义是只有位置和长度，不具有宽度和厚度，但在平面构成中，线的宽度也是非常重要的因素，宽度的改变甚至会改变线的特征和个性。,平,面,构,成,20,服装设计中的线条,平,面,构,成,24,水平延展的建筑体量显得平和而稳定,平,面,构,成,25,美国华盛顿国家纪念碑,平,面,构,成,26,哥特式教堂内部垂直高耸的空间将人的思想引向上帝,平,面,构,成,27,奥迪公司百年庆典的雕塑，象征企业蒸蒸日上,平,面,构,成,28,平面设计中斜线的运用,平,面,构,成,29,灯具设计中斜线的运用,平,面,构,成,30,曲线,平,面,构,成,31,展示设计中的曲线,建筑空间中的曲线,平,面,构,成,33,曲线在景观设计中的应用,平,面,构,成,34,景观设计中的线和面,平,面,构,成,35,景观设计中的点线面,平,面,构,成,36,纤体中心用曲线来表现女性优美的身姿,平,面,构,成,37,包装设计中曲线的运用,平,面,构,成,38,建筑外立面曲线的运用,海报设计中线条的综合运用,面的定义,面,面是线移动的轨迹，另外点的聚集和膨胀，线的闭合或变宽都可以向面转化。所以，面是三个基本元素中，最多变，最复杂的，既有长度也有宽度，不仅兼具点和线的各种特性，还有自己独特的属性。,平,面,构,成,40,平,面,构,成,41,几何直线,平,面构成的灯具,平,面,构,成,43,块面在平面海报设计中的应用,平,面,构,成,44,建筑外立面的创意设计,平,面,构,成,45,建筑外立面的块面,平,面,构,成,46,建筑外立面的块面,平,面,构,成,47,景观设计中面的应用,家居设计中的曲面,平,面,构,成,49,景观设计中曲面的排列,景观设计中曲面的排列,日历设计中曲面的排列,点线面在,VI,设计中的应用,平,面,构,成,52,点线面在平面广告设计中的应用,平,面,构,成,53,展示空间中的点线面,平,面,构,成,54,点线面在建筑设计中的应用,平,面,构,成,55,景观设计中的点线面,平,面,构,成,56,景观设计中的点线面,平,面,构,成,57,偶然面,指自然形成或人为偶然形成的图形，这种图形不是刻意产生的，可以通过颜料的喷涂、挥洒、拓印等技术手段获得。偶然面不可以复制的，也无法精确控制其形成后的细节形态，带有无法预知的偶然性。,平,面,构,成,58,平面海报中的偶然面,平,面,构,成,59,平面广告中的偶然面,平,面,构,成,60,面的分割,蒙德里安作品,平,面,构,成,61,蒙德里安作品,面的正负形,WWF,公益海报,平,面,构,成,65,扁平化设计,空间的定义,空间,空间是与时间相对的一种物质客观存在形式，由长度、宽度、高度、大小表现出来。平面构成中的空间与真实生活中的空间是完全不同的，它不具备空间的三维属性，只具有长和宽两个维度。,平,面,构,成,66,平,面,构,成,67,平面海报中的空间感,平,面,构,成,68,平面海报设计中的空间感营造,肌理的定义,肌理是指物体表面的组织纹理结构，即各种纵横交错、高低不平、粗糙平滑的纹理变化，是表达人对设计物表面纹理特征的感受。,平,面,构,成,69,肌理,平,面,构,成,80,服装广告中肌理对比的应用,平,面,构,成,71,茶叶广告中肌理对比的应用,平面广告中肌理的应用,平,面,构,成,73,平面广告中肌理对比的应用,平面广告中肌理对比的应用,平面广告中肌理对比的应用,平,面,构,成,75,肌理的创意设计,平,面,构,成,76,Contents,目录,第一章 平面构成的概念,第二章 平面构成的基本元素,第三章 平面构成的形式美法则,第四章 平面构成的基本单元与骨格,第五章 平面构成的构图法则,平,面,构,成,1,第六章 平面构成的创意构图,第,三,章,平面构成的形式美法则,平,面,构,成,2,均衡与稳定,平,面,构,成,3,在平面构成中，均衡可以分为静态均衡和动态均衡两种方式。静态均衡指画面沿中心轴左右或上下构成对称形态，动态均衡指画面没有中心轴，图形排布没有严格的对称关系而是自由的，甚至是随机的分布在画面的各个部分，但是却仍然给人视觉上平衡感的一种形式。,平,面,构,成,5,梵蒂冈博物馆广场,凡尔赛园林的对称式布局,平,面,构,成,6,陶瓷器皿的对称设计温婉端庄,平,面,构,成,7,俄罗斯丝巾的包装,对称布局显得端庄典雅,平,面,构,成,8,平面广告中的动态均衡,平,面,构,成,9,平面海报中的动态均衡,平,面,构,成,10,斜拉桥的动态平衡,旧金山大桥,不对称的平衡,对比与调和,平,面,构,成,11,平,面,构,成,12,平面构成中对比指的是图形与图形、图形与背景之间因具有不同的属性而产生的一种比较，这种比较使得图形各自的特点更加明显；从而产生冲突，形成视觉上的紧张感。与对比追求差异相反，调和则是追求共性，通过折中、妥协、混合、搀杂等手段减少差异，弱化对比，从而达到视觉上的统一感。,平,面,构,成,13,对比,戴上帽子是卓别林，不戴帽子是希特勒,大脑与拳击手套的对比,室外楼梯的,造型和材质,与建筑外观,形成强烈的,对比,平,面,构,成,15,建筑材质和色彩的对比,儿童玩具用色纯度高，对比强，显得活泼可爱,平,面,构,成,17,平,面,构,成,18,插画设计中常用低纯度的色调来协调画面的整体效果,茶具器皿的低纯度色调柔和雅致,室内装饰的调和色调淡雅温馨,比例与尺度,平,面,构,成,21,平面构成中，比例指的是图形的各部分之间，或者图形与整体之间的大小、长短、面积对比关系。尺度指的是对象的整体或局部与人的生理或人所习见的某种特定标准之间的大小关系。是物与人（或其他易识别的不变要素）之间相比，不需涉及具体尺寸，完全凭感觉上的印象来把握。,平,面,构,成,22,虽然都是受中国传统文化的影响，日本和中国宫殿建筑在屋顶设计的比例上呈现出不同的民族风格。,米开朗基罗设计的世界最大的教堂,圣彼得大教堂，巨大的尺度让置身其中的人显得非常渺小。,动漫设计中用夸张的比例来凸显角色的个性,平,面,构,成,25,包装设计中不同的比例形成系列,平,面,构,成,26,灯具设计不同的比例带来不同的形体效果,各个国家的限量版可口可乐瓶设计,平,面,构,成,28,平面设计中的比例与尺度,平,面,构,成,29,大型雕塑与周边建筑景观的比例与尺度,平,面,构,成,30,大型雕塑与周边建筑景观的比例与尺度,平,面,构,成,31,独特的窗户设计与建筑外墙在尺度上形成巨大的反差,节奏与韵律,平,面,构,成,32,平面构成中的节奏和韵律是从音乐中借用的概念，节奏原指的是：音乐旋律进行中音阶音符或者音节的长短和强弱等，被比喻成音乐的骨骼；韵律原指的是诗词中抑扬顿挫的声韵和节律，讲究字词的搭配、音调的和谐。而在平面构成中，节奏泛指用反复、对应等形式把各种变化因素加以组织，使图形构成前后连贯的有序整体。,平,面,构,成,33,建筑回廊立柱与楼梯形成的节奏感,平,面,构,成,34,建筑外观的节奏与韵律,平,面,构,成,35,建筑外观的节奏与韵律,建筑外观的节奏与韵律,平,面,构,成,37,建筑内部空间的节奏,平,面,构,成,38,日本京都,Muko,住宅,建筑光影形成的节奏,平,面,构,成,39,室外景观的节奏与韵律,平,面,构,成,40,家具设计中的节奏与韵律,平,面,构,成,41,木制首饰的节奏与韵律,平,面,构,成,42,平面广告中的韵律感,Contents,目录,第一章 平面构成的概念,第二章 平面构成的基本元素,第三章 平面构成的形式美法则,第四章 平面构成的基本单元与骨格,第五章 平面构成的构图法则,平,面,构,成,1,第六章 平面构成的创意构图,第,四,章,平面构成的基本单元与骨格,平,面,构,成,2,基本形,平,面,构,成,3,基本形指构成画面的基础单元图形。任何一幅复杂的画面都可以分解为点、线、面的组合构成。基本形就好比是由点、线、面组成的分子，然后再组合构成复杂画面。,平,面,构,成,4,基本形组合的,8,种形式,分离,联合,接触,差叠,覆叠,重合,透叠,剪缺,平,面,构,成,5,基本形,组合在标志设计上的应用,平,面,构,成,6,基本形,在标志及,VI,设计上的应用,Apache Flex,新版本标识,基本形,在标志及,VI,设计上的应用,HETTA DESIGN,品牌设计,基本形,在标志及,VI,设计上的应用,MiArt,米兰艺术博览会,平,面,构,成,9,基本形,的繁殖,平,面,构,成,10,基本形,繁殖在包装设计上的应用,骨骼,平,面,构,成,11,骨骼，是从生物学中借用的一个概念，原指为人和动物提供支持作用的骨架系统。平面构成中的骨骼是基本形依附的对象，通过控制基本形的位置和变化方式来发挥自己的作用。因此，骨骼本身的构成和排列方式会直接影响到基本形的组合，从而影响整个画面的效果。,常见的骨骼,框架,规律性骨骼,平,面,构,成,12,平,面,构,成,13,规律性骨骼指构成框架的骨骼线排列有明显的规律可循，符合严谨的数学关系。基本形按照骨骼线上的对应位置有序排列，有强烈的秩序感。,平,面,构,成,14,规律性骨骼的骨骼线多以正方形的形式出现，基本形在各自的单元格中可以变换大小、方向、位置、正负形，也可以超出骨骼单元。,平,面,构,成,15,规律性骨骼,重复构图,平,面,构,成,16,规律性骨骼,重复构图,规律性骨骼,重复构图,平,面,构,成,18,室内设计中的规律性骨骼,平,面,构,成,19,建筑外立面设计中规律性骨骼的应用,平,面,构,成,20,自然界中的规律性骨骼,非规律性骨骼,平,面,构,成,21,平,面,构,成,22,非规律性骨骼没有严格而精确的骨骼线，基本形在非规律性骨骼中的位置比较自由，主要依据作者的构思来进行排布，具有较大的随意性。规律性骨骼经过调整和变化也可以变得没有规律，基本形的排列也随之而变得没有规律，从而演变成非规律性骨骼的构图。,平,面,构,成,23,非规律性骨骼构图,平,面,构,成,24,基本形繁殖,奥运项目标识,平,面,构,成,25,2008,年北京奥运会祥云火炬,非规律性骨骼,建筑外墙面,平,面,构,成,27,非规律性骨骼,建筑外墙面,平,面,构,成,28,非规律性骨骼,建筑外墙面,Contents,目录,第一章 平面构成的概念,第二章 平面构成的基本元素,第三章 平面构成的形式美法则,第四章 平面构成的基本单元与骨格,第五章 平面构成的构图法则,平,面,构,成,1,第六章 平面构成的创意构图,第,五,章,平面构成的构图法则,平,面,构,成,2,对称,平,面,构,成,3,对称指几何图形的一半通过对折或旋转的方式，能够与另一半重合。通过对折能重合的我们称为轴对称，通过旋转重合的，我们称为中心对称。对称的形式在日常生活中随处可见，人体自身就是左右对称的，所以我们对对称有一种天然的喜好，认为它是稳定的，和谐的。,印度泰姬陵,西式教堂内部,平,面,构,成,4,中国传统民居常采用对称式布局,平,面,构,成,5,平面设计中的对称式构图,平,面,构,成,6,中式传统对称纹样,日式传统对称纹样,平,面,构,成,7,标志设计中的对称,平,面,构,成,8,展示空间中的对称式布局,重复,平,面,构,成,9,重复指同样的图形再次或多次出现、反复出现。在平面构成中，重复构成是将基本形按一定规律有秩序的排列组合，从而形成统一的画面。形成重复构成的两个主要因素是骨骼和基本形。同一基本形在画面中反复出现，即构成重复构图。,建筑外立面的重复,平,面,构,成,11,安迪,沃霍尔,玛丽莲,梦露,安迪,沃霍尔,毛泽东,近似,平,面,构,成,12,所谓“近似”是指图形有相近、相似的共同特征，这种特征可能体现在图形的形状、色彩或肌理质感上。如果两个图形的特征过于趋同，差别非常细微而不明显，会让人产生重复的感觉；反之，区别过于明显，相似度太小，则会让人无法对两个图形产生联系，从而失去近似的属性。,图,5-43,、,44,、,45,、,46,、,47,、,48,：包装设计中的近似构成,平,面,构,成,13,UI,设计中的近似,渐变,平,面,构,成,14,渐变指图形产生连续的、有规律的变化。自然界里几乎万事万物都是在缓慢变化、生长、发展的，都是一个渐变的过程，而渐变的重点就在于这个过程。当这个过程发生得过于缓慢时，会让人对将要发生的变化失去耐心、失去新鲜感。反之，则会让人找不到变化的规律，失去联系。,圆形到月牙形的渐变,平,面,构,成,15,平,面,构,成,16,特异,平,面,构,成,17,特异又称变异、突变等。特异的个体会在形状、色彩、方向、肌理等方面与所在群体的其他个体有明显的区别，产生“鹤立鸡群”的效果，从而起到突出个体，吸引关注的作用。一般说来，群体的数量越多，变异的数量越少，变异的特征越明显，那么特异的效果就会越明显。,平,面,构,成,18,平,面,构,成,20,密集,平,面,构,成,23,密集指基本形在画面中仿佛受到了某种力量的吸引，从而向一个点或一条边聚集，排列越紧密的地方越容易吸引人们的视线，越容易形成画面的焦点。密集效果的形成要求基本形要有一定的数量，并且面积、体量应该较小，疏密有致的分布在画面中。,平,面,构,成,24,平面海报设计中的密集,平,面,构,成,25,平面海报设计中的密集,平,面,构,成,26,平,面,构,成,28,发射,平,面,构,成,29,发射指基本形围绕一个或多个中心，向四周发散、辐射的构成。说到发射，我们头脑里最熟悉的场景莫过于太阳发射出的光芒，炙热而耀眼的太阳总是源源不断的将能量辐射到地球上的每一个角落。所以，发射的中心点便是发射构成的力量源，是最容易引起人注意的焦点。,平,面,构,成,30,平,面,构,成,33,柱子的发射状状造型,平,面,构,成,35,上海世博会英国馆的发射状造型,比例,平,面,构,成,36,比例通常指物体之间形的大小、宽窄、高低的关系。自然界的一切事物都有其自身的比例。关于比例，最著名的黄金比例是指将整体一分为二，较大部分与整体部分的比值等于较小部分与较大部分的比值，其比值约为,0.618,，这个比例被公认为是最能引起美感的比例。,平,面,构,成,38,平,面,构,成,39,广告画面中有意缩小产品主体形象与背景的比例，用以突出产品的特性,平,面,构,成,40,广告画面中有意扩大产品主体形象与背景的比例，用以突出产品的特性,平,面,构,成,41,平,面,构,成,42,平,面,构,成,44,分割,平,面,构,成,45,分割指的是将本来完整的画面切割开来，变成若干个独立的小部分，每个小部分可以按画面的主题填入不同的内容。由于切割后的各部分大小和位置关系不同，填入的内容和色彩不同，有些部分就变得比较醒目，突出于其他部分，成为画面的视觉中心。,平,面,构,成,46,电影海报中的分割构成,平,面,构,成,47,音乐杂志封面,中的分割构成,平,面,构,成,48,建筑外立面分割手法的使用,有趣的酒瓶分割,Contents,目录,第一章 平面构成的概念,第二章 平面构成的基本元素,第三章 平面构成的形式美法则,第四章 平面构成的基本单元与骨格,第五章 平面构成的构图法则,平,面,构,成,1,第六章 平面构成的创意构图,第,六,章,平面构成的创意构图,平,面,构,成,2,错视,平,面,构,成,3,错视，又称视错觉，意为视觉上的错觉，是正常的生理现象。当人观察物体时，由于以往经验的影响，或选择了不当的参照物而形成的错误判断和感知。平面构成中的错视现象是指观察者在客观因素干扰下或者自身的心理因素支配下，对图形产生的与客观事实不相符的错误的感觉。,社交媒体上因为错视引起热议的一条裙子,点的错视,平,面,构,成,4,点的错视一般发生在点与其他参照物产生对比的情况下。在第二章中，我们介绍过两个点存在于同一个画面中的情况，当两个点有某种差别时，其中一个点会在视觉上得到加强或减弱。,点与背景对比产生的错视,平,面,构,成,5,点的长短对比产生的错视,平,面,构,成,6,点的,明暗,错视,平,面,构,成,7,赫曼格子错视,平,面,构,成,8,角度对比造成点错视,平,面,构,成,9,北冈明佳错视作品,平,面,构,成,10,北冈明佳错视作品,平,面,构,成,11,北冈明佳错视作品,平,面,构,成,12,北冈明佳错视作品,纽扣,平,面,构,成,13,根据北冈明佳的研究制作的错视作品,平,面,构,成,14,根据北冈明佳的研究制作的错视作品,平,面,构,成,15,根据北冈明佳的研究,制作的错视作品,线的错视,平,面,构,成,16,线条和点一样，也会受到外界环境和参照物的影响，在视觉上看起来和原来不一样。人的眼睛观察物体时呈水平方向发展，对水平方向的尺度判断比对垂直方向准确。所以当线水平方向和垂直方向放置不同时，垂直方向的线感觉比水平方向的线长。,线的长短错视,平,面,构,成,17,线的长短错视,平,面,构,成,18,角度形成的线的错视,平,面,构,成,19,背景的“干扰”让平行线显得不平行,平,面,构,成,20,背景的“干扰”让平行线显得不平行,平,面,构,成,21,背景的“干扰”让平行线显得不平行,平,面,构,成,22,背景的“干扰”让方形看起不方，圆形看起来不圆,矛盾空间,平,面,构,成,23,矛盾空间指在二维平面上创造出三维空间的立体效果，而这种三维空间在现实生活中是不可能存在的，是一种非真实的视觉空间。,平,面,构,成,24,按需要增加视平线或消失点的数量，或者变动二者的位置，把不同空间的物体组织在同一个二维平面上。,多种空间知觉的并存：,平,面,构,成,25,将原本正确的物体结构进行错位的连接搭配，形成奇特的非现实形态。,错位连接,：,平,面,构,成,26,矩形的错位连接形成矛盾空间,平,面,构,成,27,矛盾空间作品,平,面,构,成,28,矛盾空间作品,平,面,构,成,29,在二维平面上制造出不同形态的转换或虚实转换的幻像，使眼睛最先看到的形态转化为始料不及的不合理形态。,转向不同形态的立体、虚实相混：,平,面,构,成,30,形态转换二维平面上的矛盾空间,平,面,构,成,31,形态转换二维平面上的矛盾空间,平,面,构,成,32,矛盾空间,创意构图,平,面,构,成,33,矛盾空间,创意构图,平,面,构,成,34,莫比乌斯带的各种形式,平,面,构,成,35,莫比乌斯带,在标志设计上的应用,平,面,构,成,36,视觉振荡图例,Thanks,