《网站美工设计基础》第二讲平面构成.ppt

网站美工设计基础,第二讲 平面构成本节课侧重介绍平面构成基础知识中的平面设计形式美的基本法则、平面设计的基本元素点、线、面或形、平面设计的形象等基础知识，了解平面构成设计的各种关系以及基本设计思想。,1,学习内容：,21形式美的基本法则22平面设计的门类、元素和形象,网站美工设计基础,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,网站美工设计基础,比例（1）黄金比或称黄金分割律。其矩形比的长与宽为：1：1.618。如日常生活中的邮票、纸币、明信片等大多采用这种规格。,黄金分割律,名信片,29,网站美工设计基础,（2）费勃那齐数列,这是一个近似黄金比的数列，也就是将黄金矩形的比值，运用到连续排列的线群上所得出的间隔构成。,30,网站美工设计基础,平衡 当一个支点两端的受力相一致而达到平稳状态时，我们称此种现象为平衡。这是指力学上的平衡，而平面设计中的平衡并不是指立体物之间的力学平衡，它是根据图形的形状、大小、色彩、明暗的感觉分布以及材料的不同质感等来判断的视觉平衡。,31,网站美工设计基础,对舞,生命时速,32,网站美工设计基础,33,网站美工设计基础,34,网站美工设计基础,35,网站美工设计基础,对比 将二个有明显差别的物体并置在一起，二者既有较大差别又能统一起来的对照关系。一般有色彩三要素的对比；冷暖色调的对比；形状大小、完整的对比；不同线型的对比；面积形状、大小的对比；另外还有虚实、疏密、动静、轻重、质感等方面的对比,36,网站美工设计基础,37,网站美工设计基础,38,网站美工设计基础,39,网站美工设计基础,40,网站美工设计基础,不同色相明度对比,高纯度对比色相,色彩形状聚散变化,41,网站美工设计基础,以面积为主构成色调对比,42,网站美工设计基础,网站美工设计基础,43,网站美工设计基础,44,网站美工设计基础,45,22 平面设计的门类、元素和形象,2.2.1平面设计的门类,网站美工设计基础,包括图案、装潢、装 祯、壁画、绘画、染织设计等。,装饰设计：,根据罗中立的油画父亲改创 书籍封面设计,46,工业产品造型玻璃雕塑。,网站美工设计基础,47,环境设计包括建筑设计、园林设计、室内设计、城市规划设计等。,公路隧道,地铁隧道,网站美工设计基础,48,包括海报设计、广告设计、多媒体视屏设计等。,多媒体视频界面设计,招贴画,网站美工设计基础,视觉传媒设计：,49,设计是一种视觉语言，视觉语言体现在设计中便转变为设计元素，一般分为以下四类：,概念元素。我们把那些在平面设计中只能感觉但实际并不存在的东西统称为概念元素。,网站美工设计基础,50,平面设计中的概念元素一般包括,网站美工设计基础,点,线,面,51,网站美工设计基础,视觉元素。平面设计中可以展示的元素称为视觉元素。它包括可视形象的大小、形状、色彩、肌理等。,52,网站美工设计基础,53,网站美工设计基础,54,视觉元素在画面中如何组织、排列。一般包括：方向、位置、重心、空间等关系。,网站美工设计基础,关系元素,55,网站美工设计基础,方向感相同的构成元素波状线形,椭圆线形的有序排列，构成空间感,56,使用元素。主要指的是设计所表达的涵义、内容、设计的目的和功能。,标志设计,网站美工设计基础,57,网站美工设计基础,58,网站美工设计基础,59,网站美工设计基础,美国橄榄球联盟亚特兰大猎鹰队,60,网站美工设计基础,北美冰球联盟芝加哥黑鹰队,61,网站美工设计基础,62,网站美工设计基础,63,网站美工设计基础,64,网站美工设计基础,65,网站美工设计基础,66,网站美工设计基础,67,网站美工设计基础,68,2.2.2平面设计的元素点、线、面或形,点的形象：是平面设计构成因素中最基本的元素之一。,远近感,网站美工设计基础,69,网站美工设计基础,适当距离会产生形象感,70,网站美工设计基础,线的形象：平面设计中的线不仅有长短、而且有粗细、有方向、有性格、有种类。从类型上可分为直线和曲线。直线：包括直线、折线、垂直线、水平线、斜线等。,71,网站美工设计基础,水平线,水平线,72,网站美工设计基础,斜线,73,网站美工设计基础,曲线自由流畅,细线活泼、自由,折线,弧线,74,面（形）的形象：,相对来说，面具有长度、宽度，无厚度，是体的表面。又因为受线的界定，它有相对的形状。,网站美工设计基础,75,网站美工设计基础,偶然形,几何形,实面具有真实明确的形状特征,虚面不能具体界定却有形象特征,76,2.2.3平面设计中的形象,形象：对可见物体外部特征的直观感觉就是形象。它涵盖了视觉元素的各个部分，物体的大小、形状、色彩等。是平面构成设计中非常重要的研究对象。,网站美工设计基础,77,在平面设计中，对它们的研究决不是可有可无，而是需要我们从设计原理、设计规律的角度出发，踏踏实实的去研究。,网站美工设计基础,78,网站美工设计基础,79,网站美工设计基础,肌理的形成,80,网站美工设计基础,81,是指靠人工很难重复的、偶然形成的形态。如流水、云霞、击碎的岩石等等。,泼洒形成的偶然形是不可复制的。,风化的岩石表面,天光云影之一,网站美工设计基础,偶然形：,82,有机形：指有机体的存在形态。例如有机体的动物、生物的细胞等，其特点是圆滑的、曲线的，有生命的韵律。,网站美工设计基础,83,几何形视觉上有理性的，一般依赖相应的工具制作的，简洁明快、具有抽象意味的理念形态，是现代化大工业催生的产物，引领了工业化生产时代的审美时尚。,网站美工设计基础,84,现代化大工业的产品，大多采用几何形造型设计，具有简洁明快和抽象意味，引领了工业化生产时代的审美时尚。,网站美工设计基础,85,网站美工设计基础,86,网站美工设计基础,87,网站美工设计基础,88,网站美工设计基础,89,网站美工设计基础,90,网站美工设计基础,91,为满足物质和精神需求而人为创造的形态。如建筑，交通工具，日常生活用品等。,安徽古民居,江南常见的渡船,网站美工设计基础,人造型：,92,天人合一的杰作沅阳梯田,网站美工设计基础,93,网站美工设计基础,一叶知秋,自然形：没有人为参与所形成的形态。,94,网站美工设计基础,大自然的杰作天风海浪雕塑的作品,95,平面构成中的基本形：由一组相同或相反的形组成单位的形态，每一单位称为基本形。,由相同形组成的基本形的重复排列,由不同形组成的基本形的渐变构成。,网站美工设计基础,96,在构成过程中，由于需要，将基本形重新组合便形成了形与形之间的组合关系。主要有以下几种：,分离形与形之间不接触，有一定的距离。,网站美工设计基础,组 形：,97,网站美工设计基础,98,网站美工设计基础,接触形与形之间的边缘刚好相切。,正方形与三角形的接触，新构成形象保留了原形的基本特点。,99,网站美工设计基础,100,形与形之间呈现的是覆盖关系，因此产生上下、前后的空间关系。,圆形与正方形的构成关系，,方形覆盖了圆形的一部分。,网站美工设计基础,覆 盖：,101,透叠：形与形搭叠部分呈透明状态，产生出新的形，但不产生上下、前后的空间关系,形与形遮盖的部分被剪掉形成新的形。,网站美工设计基础,102,网站美工设计基础,在本讲学习中，注意对构成基本元素点、线、面的理解和基本组合关系，而基本形是平面构成中的最基本元素，应尽量以简单的基本形作为构成元素，合理运用各种构成形式，进行平面构成的有效学习。,本讲小结：,103,思考题（3）,形式美法则一般包括哪几方面？掌握黄金比或称黄金分割律的基本画法。什么是费勃那齐数列？结合实际谈谈你对生活中的形式美法则的理解。,网站美工设计基础,104,要求：完成文字稿1500字左右。目的：提高学生对美术与网页设计之间关系的认识。参考内容：网页设计与美术基础知识部分以及相关的内容,网站美工设计基础,105,思考题（4）,设计的门类和设计的元素都有哪些？举例说明平面设计形象的基本特征。要求：对设计门类和设计元素不仅要有理性认识，更要与现实结合起来学习，这样会取得通识的学习效果。目的：不仅要学书本，更要学习现实，向大自然学习。参考内容：22 平面设计的门类和形象部分。,网站美工设计基础,106,思考题（5）,1、点的形象都具有哪些特征及表现力？2、线的形象都具有哪些特征及表现力？3、面的形象都具有哪些特征及表现力？结合前面学过的内容，运用点、线、面分别作一般性的排列组合练习。要求：在熟悉点、线、面的基本排列规律后，再作较复杂的排列构成。（随堂训练，在白卡纸或图画纸上，用铅笔、炭素笔、直尺、圆规、毛笔、墨汁等工具均可，作20cm20cm的涂色练习多幅。教师指导1学时或以上。学生课后练习16学时以上。目的：巩固理论知识，加强实践能力的培养。参考内容：2.2.2平面设计的元素点、线、面或形。,网站美工设计基础,107,思考题（6）,形的分类都有哪些？什么是理念形态？什么是现实形态？举例说明基本型的组型一般分哪几种？结合“平面设计的形象”部分，作各种形的组合搭配构成练习。要求：随堂练习。所作练习要使用直尺、圆规等绘图工具，力求严整规范，切勿草率。作业可在图画纸或白卡纸上绘制，规格：15cm15cm。完成58个基本练习。（黑白稿）教师指导1学时或以上。学生课后练习8学时以上。目的：培养动手能力。通过动手实践，体会手绘的感觉及学习手绘的技法。参考内容：2.2.3平面设计的形象部分,网站美工设计基础,108,