二维平面设计——点的构成精讲课件

大家好大家好大家好1二维设计基础二维设计基础2王婧雯平面构成二维设计基础2王婧雯平面构成2设计从构成开始构成是设计的基础构成是设计的基础设计从构成开始构成是设计的基础3一、构成的理解和相关背景广义的设计蕴含在人类造物的全部过程中。真正意义的现代设计则开始于工业革命后，“构成”一词在国内已长期作为设计基础课的统称而被广泛应用。一、构成的理解和相关背景4平面是指与立体的差别，它主要解决长、宽两度空间的造型问题。构成就是“组装”的意思，也就是说把平面设计中所需要的诸要素，按照美的形式法则，进行“组装”，形成一个新的，适合需要的图形。从设计领域理解：对视觉造型要素的提取与组合 从造型角度理解：美的关系的形成，被称做构成设计或构成艺术。逻辑思维与形象思维相结合的一种构思方法平面是指与立体的差别，它主要解决长、宽两度空间的造型问题5平面构成的定义：在两维的平面内创造理想的形态，或是将形态要素按照一定的法则进行分解，排列，组合，从而构成理想形态造型的基础训练。平面构成三大构成之一。三大构成包括：平面构成、色彩构成和立体构成。它们都是现代视觉传达艺术设计的基础。平面构成的定义：6二、现代设计产生的背景社会背景：新的经济形势大批的生产方式工业革命后，大批的量的产品需要新的审美形式，体现新的时代精神。这种形式是一种完全不同于手工艺时代以装饰为美的形式，因为它要体现新材料，速度感，新的生活节奏和机器产生的特点。二、现代设计产生的背景社会背景：新的经济形势大批的生产方7新的社会阶层中产阶级的产生社会结构变化产生新的审美人群中产阶级，需要适合他们的审美形式；教育的普及使阅读的人群增多，对平面设计促进很大。新的社会阶层中产阶级的产生8消费观念和消费形式的改变消费形式导致设计地位的提升大量生产带来的大量消费，商品要能推出去，不仅要有宜人的外观，还要通过各种媒介推广。造型、包装、广告等设计的需求大量增加，水平迅速提高。消费观念和消费形式的改变9文化背景：现代艺术的促进作用现代艺术，特别是构成主义、风格派等，对现代设计有极大的影响。这些流派的一些主要人员直接是现代设计的发起人，其思想和视觉语言也渗透到现代设计中，并产生多方面的影响。文化背景：现代艺术的促进作用10技术背景：摄影等新的制作表现手法摄影和新的印刷，以及各种现代的制作手段，使设计表现力和传播功能大大增强，现代平面设计呈现崭新的风格技术背景：摄影等新的制作表现手法11三 包豪斯确立了构成的设计基础地位包豪斯是世界上第一所设计学院，成立于1919年，在德国魏玛市，创始人是建筑家格罗皮乌斯。包豪斯是现代设计教育的发源地，也是欧洲现代主义的核心发源地，由此影响下的国际主义风格几十年来影响了全世界。三包豪斯确立了构成的设计基础地位包豪斯是世界上第一所设计学12包豪斯设计教育观念技术和艺术应该和谐统一视觉敏感性达到理性水平对材料、结构、肌理、色彩有科学的、技术理解集体工作是设计的核心艺术家、企业家、技术人员应该紧密合作学生的作业和企业的项目密切结合包豪斯设计教育观念13包豪斯的重要教员和教学改革者伊顿贡献：用科学的方法分析，揭示色彩的本性，把色彩认识从随意、感性转向科学理性的训练。较早建立了完整的色彩构成体系。包豪斯的重要教员和教学改革者14康定斯基贡献：点、线与面主张色彩和形态的不同组合，会产生不同的视觉效果。康定斯基15一 平面构成的研究范围:1】主要研究在两维空间内如何利用造型的基本元素（点 线 面）创造形象，处理形象与形象间的关系。2】如何掌握美的形式规律，并按照美的形式法则创造一种视觉上和知觉上美的关系，从中培养基本的造型能力和设计审美能力。二 学习平构的目的：造型能力 形式的感受力 美的感悟力 创造力一平面构成的研究范围:16三 学习要求：1】构图的完整和巧妙2】黑白灰关系的相对平衡3】结构的严谨和丰富4】造型语言的多样化5】情绪感情的表达四 学习方法：建立正确的观察方法 培养有创新的思维方式发展与新技术新材料相结合的创作方式三学习要求：17点的构成点的构成18寻找生活中的点.19寻找生活中的点.1919花朵点点20花朵点点2020212121222222232323242424繁星点点25繁星点点2525一、点的构成1.点的众多形态点通常指小的东西，但具体小到什么程度才能给人点的视觉感受，必须在一定的环境对比下才可以确认。严格的说，点只有位置，没有大小和形状。点是平面构成中的基本元素，是造型艺术中最小的构成单位。一、点的构成1.点的众多形态26二、点的形态特征点既是自然形态，也是人文形态，它们来自于生活场景和长期的历史发展。归纳起来，点通常具有这样一些特征：1、体积小的、分散的，如：芝麻，沙粒等2、远距离的、大空间对比下的；如：繁星等3、处于交叉位置的；如：围棋，线的交点等4、符号的一种，如：逗号，盲文，音符等；5、短小有力的笔触和痕迹。二、点的形态特征点既是自然形态，也是人文形态，它们来自于生活27三、点的特征和变化1.形态不同的点会给人不同的视觉感受28三、点的特征和变化1.形态不同的点会给人不同的视觉感受28282、点的视觉强度并不和面积大小成正比，、点的视觉强度并不和面积大小成正比，太大、太小都会弱化点的感受太大、太小都会弱化点的感受消失消失点点面面292、点的视觉强度并不和面积大小成正比，太大、太小都会弱化点293、点在相对环境中存在，点的视觉感受随着它与周围环境的关系不同而变化3、点在相对环境中存在，点的视觉感受随着它与周围环境的关系不304、单个的点在画面中的位置不同会产生不同的心理感受。314、单个的点在画面中的位置不同会产生不同的心理感受。3131居中居中会有平静、集中感，可以占据全部的视觉空间位置偏上位置偏上，会产生在下落、不稳定感，形成自上而下的视觉流程位置偏下位置偏下，画面会产生比较安定的感觉，但也容易被人们忽略位于画面三分之二三分之二偏上偏上，最易吸引人们的观察力和注意力，形成画面的稳定感32居中会有平静、集中感，可以占据全部的视觉空间位置偏上，会产生325、点的数量和排列方式不同，给人的感受完全不同。点的线化由于点与点之间存在着张力，点的靠近会形成线的感觉。5、点的数量和排列方式不同，给人的感受完全不同。33343434353535363636点的面化在点的线化的基础上，点向四周连续排列时，可产生面的感觉，其距离越近时，面的特性就越显著。点的面化37383838393939404040总结点的构成方法41总结点的构成方法4141 设计作品中点的应用设计作品中点的应用42弹头作为点的元素，密密麻麻而来，让人感觉一种紧张的战争氛围，而伸出的手让人觉得是无辜人民在呼救，触动人心。弹头作为点的元素，密密麻麻而来，让人感觉一种紧张的战争氛43顺着太阳的光线，降落伞构成了美妙的点，给人一种十分自然的美顺着太阳的光线，降落伞构成了美妙的点，给人一种十分自然的44色彩配合曲线，点元素，构成了一幅美少女的图案，梦幻而多变色彩配合曲线，点元素，构成了一幅美少女的图案，梦幻而多变45海鸥作为点的元素，飞向太阳，虽是黑白，却给人一种光明之感。海鸥作为点的元素，飞向太阳，虽是黑白，却给人一种光明之感。46利用点的灵活性以及色彩的多彩性体现出香水的晶莹之美，给人美丽时尚的感觉。利用点的错视体现香水瓶的立体感，不同色彩体现不同香料的使用。HUGO香水绚丽特效宣传海报欣赏香水绚丽特效宣传海报欣赏利用点的灵活性以及色彩的多彩性体现出香水的晶莹之美，给人47日本地震救灾创意海报作品利用几个简单的点，形成月亮的圆缺变化，时间更迭如此之快，地震救灾刻不容缓。日本地震救灾创意海报作品48黑白色的永恒搭配，无数的小形状构成了酒品的名称，将点的构成应用的如此巧妙生动，为我们提供了一个生动的应用实例。黑白色的永恒搭配，无数的小形状构成了酒品的名称，将点的构成应49酒瓶包装设计，左侧的酒瓶采用了色块方法，体现出酒的美味。右侧的酒瓶采用了经典的黑白色，加入了点的元素，使得包装的艺术感十足。酒瓶包装设计，左侧的酒瓶采用了色块方法，体现出酒的美味。50色彩缤纷的字母存储空间每个字母都是一个点的元素，实用而且可爱。色彩缤纷的字母存储空间51多彩的点构成面，形成漂亮的椅子。二维平面设计点的构成精讲课件52平面构成的基本元素线 平面构成的基本元素线53寻找生活中的线寻找生活中的线54二维平面设计点的构成精讲课件55二维平面设计点的构成精讲课件56二维平面设计点的构成精讲课件57二维平面设计点的构成精讲课件58线是点移动的轨迹。在几何学定义中，线只有方向、位置、长短，而不具有粗细之分。但在平面构成中，线既有长短，也有粗细。线是点移动的轨迹。在几何学定义中，线只有方向、位置、长短，而592、线的类型、线的类型 线的类型十分复杂l线条总体分为：直线和曲线最基本的两种。l直线又分为：水平线、垂直线和斜线；l曲线分为：几何曲线和自由曲线。2、线的类型60 3.线的各种形态线的各种形态a实线：平面和立体实在的线；b虚线：指图形之间线状的空隙；c面化的线：大量的线密集排列就形成了面的感觉；d形体交接而形成的线：面的交接或体的交接都能形成线。密布的线能产生面的感觉，面的交接能产生线。长与短、宽与窄以及角度方位的变化，使不同的线产生有趣的组合。3.线的各种形态614.线的视觉特征线的视觉特征l线在平面构成中起着非常重要的作用。不同的线有不同的感情性格，线有很强的心理暗示作用。l线最善于表现动和静，直线表现静，曲线表现动，曲折线则有不安定的感觉，螺旋线表现上升。4.线的视觉特征线在平面构成中起着非常重要的作用。不同的线有62线的视觉特征线的视觉特征l直线具有男性的特点，有力度、稳定，l直线中的水平线平和、寂静，使人联想风平浪静的水面，远方的地平线，给人产生扩张感;l而垂直线则使人联想到树、电线杆、给人干脆，坚定，阳刚的视觉效果；l斜线则有一种速度感。线的视觉特征直线具有男性的特点，有力度、稳定，63线的视觉特征线的视觉特征直线直线：还有粗细之分，粗直厚重、粗笨的感觉，细直线有一种尖锐、神经质的感觉。曲线曲线：富有女性化的特征，具有丰满、柔软、优雅、浑然之感。线的视觉特征直线：还有粗细之分，粗直厚重、粗笨的感觉，64线的视觉特征线的视觉特征l几何曲线是用圆规或其它工具绘制的具有对称和秩序的差、规整的美。l自由曲线是徒手画的一种自然的延伸，自由而富有弹性，具有很浓的人情味。线的视觉特征几何曲线是用圆规或其它工具绘制的具有对称和秩65l5、线的错觉线的错觉l灵活的运用线的错觉，可以使画面产生意想不到的效果。但有时也要避免由错觉所产生的不良效果。l平行线在不同的附加物的影响下，显得不平行。5、线的错觉66l直线在不同附加物的影响下，呈现弧线形状。l同等长度的两条直线，由于它们的两端的形状 不同，感觉长短也不同。直线在不同附加物的影响下，呈现弧线形状。676.线的构成方法线的构成方法 (1)面化的线（等距的密集排列）（图1）(2)疏密变化的线（按不同距离排列）透视空间的视觉效果（图2）(3)粗细变化空间,虚实空间的视觉效果（图3）(4)错觉化的线（将原来较为规范的线条排列作一些切换变化）（图4）(5)立体化的线（图5）(6)不规则的线（图6）图图图图图图6.线的构成方法(1)面化的线（等距的密集排列）（图1）68面化的线面化的线l将线条进行密集、等距离的排列，使线条明显地趋向于面的视觉效果。l再将这些由不同的线形成的面，经过适当的组合，考虑个部分的大小、疏密、节奏等因素，形成优美的画面。面化的线将线条进行密集、等距离的排列，使线条明显地趋向于面的69粗细变化的线粗细变化的线l将粗细不同的线进行基本等距的排列，这时，较粗的线条明显给人以靠近、实在的感觉；而细线则表现出远而虚的形态。l所以，粗细线的排列变化也能塑造一种虚实空间的视觉效果。粗细变化的线将粗细不同的线进行基本等距的排列，这时，较粗的线70不规则线形与各自的效果不规则线形与各自的效果不规则线形与各自的效果71二维平面设计点的构成精讲课件72二维平面设计点的构成精讲课件73l线具有导向和界限功能l线的导向和指向功能非常明确，特别是成组的线条规则排列常和表现运动有关。线具有导向和界限功能74“无形线无形线”及其视觉流程导向作用及其视觉流程导向作用构图设计的视觉流程构图设计的视觉流程是指观者的视线随着画面中的各视觉元素在空间沿一定轨迹运动的过程。利用视线移动的规律，通过设计的合理安排，引导观者的视线随着编排中各要素的有序组织，从主要内容依次观看下，这样就能使观者有一个清晰、迅速、流畅的信息接受过程。“无形线”及其视觉流程导向作用构图设计的视觉流程是指观者75设计作品中线的运用设计作品中线的运用设计作品中线的运用76两个人，延伸出直线和点。充满情趣性。两个人，延伸出直线和点。充满情趣性。77线的发散，配合色彩，突出了文字的表现力线的发散和点的应用充满童趣，让人忍不住发笑线的发散，配合色彩，突出了文字的表现力线的发散和点的应用充满78线的构成，形成一个中华的“华”字，红色突出古典的中国美，意寓华侨“T”的变形，利用线的错视，形成波浪状。环状相套，利用不同色彩，不同大小，多姿多彩，富于灵动的美。线的构成，形成一个中华的“华”字，红色突出古典的中国美，意寓79这是为IBM公司设计的海报的获奖作品，利用点的构成和线的构成。用最简单的几何形体现最深刻的内涵。这是为IBM公司设计的海报的获奖作品，利用点的构成和线的构成80轩臣地毯宁波智城美景系列曲线构成了天鹅状，代表一种高雅的品质生活，直线和杂乱的曲线应用给人一种花丛的感觉。包装袋上的质感纹路传达了地毯的意象。轩臣地毯宁波智城美景系列曲线构成了天鹅状，代表一种高雅的81时尚的循环弯曲茶几设计时尚的循环弯曲茶几设计一条简单的曲线，形成了一种简约现代的的几何美。谁说两条曲线不能形成美丽，趣味而又时尚就是这样体现时尚的循环弯曲茶几设计谁说两条曲线不能形成美丽，趣味而又时82黑白是永远的经典，点与线的简单组合，形成的是一种理性与时尚感，现代的元素构成一种低调的奢华。黑白是永远的经典，点与线的简单组合，形成的是一种理性与时尚感83面的构成面的构成面的构成84面是点的集合；也是线移动的轨迹。点线的特定变化形成面。垂直线平移形成方形；直线回转移动形成圆形；斜线平行移动形成平行四边形。面具有长度和宽度，没有厚度，其范围受线的界定。面的概念面是点的集合；也是线移动的轨迹。点线的特定变化形成面。面的概85面的形态面具有一定的形状，大小，类别面的形状面具有一定的形状，有几何形，有机性，偶然形等。面的大小面有具有一定的大小，具体体现在面积上。面的分类面可分为两大类：一是实面；二是虚面。实面是指有明确形状并能实在看到的面；虚面是指不真实存在但能被我们感觉到的面，由点线密集机动形成。面是由点密集而成，也可以说是线平移的结果，所以，面综合着点和线的特性。面的形态面具有一定的形状，大小，类别面的形状面具有一定的86面的形状面的形状有无限多种，通常可以分为直线形，曲线形和偶然形面直线形面分为几何直线形面和自由直线形面。它具有明快，简洁，有序和理性的特征，容易被人记忆和理解，制作起来方便。曲线形面分为几何曲线形面和自由曲线形面。曲线形面比直线形面要复杂，并富于变化和动感，它所表现出来的流动性和弹性给人以无限想象。偶然形面偶然形面是在现实生活中偶然获得的一种视觉形态。它表现出来的是一种自然地，无序的形态，有着丰富的象征意义。面的形状面的形状有无限多种，通常可以分为直线形，曲线形和偶然87几何形的面，表现规则、平稳、较为理性的视觉效果几何形的面，表现规则、平稳、较为理性的视觉效果88自然形的面，不同外形的物体以面的 形式出现后，给人以更为生动、厚实的 视觉效果自然形的面，不同外形的物体以面的形式出现后，给89偶然形的面，自由、活泼而富有 哲理性偶然形的面，自由、活泼而富有哲理性90面与面的组合可以创造新的面，面的组合作用在于形成最完美的图形和构图，在二次元的平面形态中，由于面形的位置移动，方向与空间的变化，量的增减，聚集和分散等，使面按照一定的秩序和规律组合，从而形成了各种丰富的形态，也表现出丰富的视觉效果。面的形状变化：面所体现的图形的轮廓，边缘发生变化。面的位置，聚散变化：面的疏密变化会造成面的繁杂或简洁等效果。面的方向动感变化：有方向性的面组合在一起，可以塑造出具有动感的画面面的正负形对比变化：正负形的应用可以使画面更加丰富，富有变化。面的渐变和突变：渐变体现出连续的有因果的图形形象；突变则让人有突兀的意外心理反应。面的特性作用面与面的组合可以创造新的面，面的组合作用在于形成最完美的图形91面在视觉中会产生不同的错觉，产生错觉的原因也是多方面的面的视觉形式主要有以下两种：面的扭曲错视面的大小错视觉视平线高低产生的错觉。线群方向不同产生的错觉画面分割产生的错觉面的视觉形式面在视觉中会产生不同的错觉，产生错觉的原因也是多方面的面的视92面在视觉中会产生不同的错觉，由于相关因素的诱导或是由于背景环境的影响，会导致形的视觉印象发生变化，使形状发生不同程度的扭曲现象。面的扭曲错视面在视觉中会产生不同的错觉，由于相关面的扭曲错视93面由于环境的影响会产生大小不同的对比作用，如大小相同的两个形，它周围的形小，则显得这个形大，如周围的形大，则显得这个形小。面的大小错视面由于环境的影响会产生大小不同的对比面的大小错视94同样的两个图形上下并置，上边的图形给人感觉较大，因为一般人们在观察物体时，视平线习惯较中线偏高，处于视平线以上的图形就成了视觉中心，显得比较大。视平线高低产生的错觉同样的两个图形上下并置，上边的图形给人视平线高低产生的错觉95用等距离的垂直线和水平线分别组成两个面积相等的正方形，水平线组成的那个给人感觉较高；垂直线组成的那个给人感觉较宽。线群方向不同产生的错觉用等距离的垂直线和水平线分别组成两个线群方向不同产生的错觉96面积相等的两个图形，进行等分分割，竖向分割的图形感觉较长，横向分割的图形感觉较高画面分割产生的错觉面积相等的两个图形，进行等分分割，竖向分割的画面分割产生的错97图与底的角色互换的构成形式称为图与底构成形式。利用这种构成形式设计的图又称为共生图形。这种构成形式在视觉上起到了一图多用，一图多义的效果。图与底的反转在组合上十分严密，图与底形状之间是相互包含，意义上可以是相互独立，也可以相互联系。图与底之间是相对的，图可以是底，底也可以是图。图与底图与底的角色互换的构成形式称为图与底图与底98面的构成作品赏析面的构成作品赏析99二维平面设计点的构成精讲课件100二维平面设计点的构成精讲课件101二维平面设计点的构成精讲课件102二维平面设计点的构成精讲课件103二维平面设计点的构成精讲课件104二维平面设计点的构成精讲课件105二维平面设计点的构成精讲课件106二维平面设计点的构成精讲课件107二维平面设计点的构成精讲课件108二维平面设计点的构成精讲课件109二维平面设计点的构成精讲课件110二维平面设计点的构成精讲课件111综合利用点、线、面三种形态设计一幅平面构成作品。要求：30cm*30cm点线面构成作业布置综合利用点、线、面三种形态设计一幅平面构成作品。点线面构成作112二维平面设计点的构成精讲课件113二维平面设计点的构成精讲课件114二维平面设计点的构成精讲课件115二维平面设计点的构成精讲课件116二维平面设计点的构成精讲课件117二维平面设计点的构成精讲课件118二维平面设计点的构成精讲课件119二维平面设计点的构成精讲课件120