平面构成原理与实战策略.ppt
《平面构成原理与实战策略.ppt》由会员分享,可在线阅读,更多相关《平面构成原理与实战策略.ppt(135页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、平面构成原理与实战策略杨诺 编著第1章 一起来热个身本章概述:作为全书的开始章节,我们尝试用一种全新的方式带领大家进入平面构成的学习中。本章展示了与构成相关的设计作品,不需要理论,只需要用感性的方式对平面构成有初步的认识。教学目标:通过本章的学习以及课后素材的搜集,逐步进入到平面构成的学习中去,弄懂平面构成能给我们带来什么。本章要点:认识到平面构成是设计的基础,任何一个设计领域中平面构成都是必学科目。1.1 作品欣赏说起构成,很多人都会说“听说过”,无论你未来从事平面设计、工业设计还是服装设计,只要与设计相关的方向,“构成”都将成为你专业学习的敲门砖。下面让我们一起进入构成的世界,先通过赏心悦
2、目的图片来了解构成究竟是什么。1.2 课后作业作业内容:搜集你觉得好的设计、摄影作品等,不少于 50 幅,选择其中 10 幅作品在课堂上讲解其好在哪里。建议课时:4 课时第2章 认识平面构成本章概述:本章对平面构成的发展历史做了简要介绍,并且总结出平面构成是什么,以及计算机新技术在平面构成中如何应用,同时对相关计算机软件的基本功能进行介绍。教学目标:通过本章的学习,应该了解在平面构成理论的演变过程中起到关键作用的大师以及他们的作品特征,理解平面构成的概念,同时要掌握相关软件的基本操作方法。本章要点:熟练掌握软件的界面及基本操作方法,以应对后面章节的实战制作。2.1 平面构成历史追溯平面构成的理
3、论是受到诸多艺术流派的影响逐渐形成的,例如俄国的构成主义、荷兰的风格派、包豪斯设计学院等。2.1.1 构成主义构成主义是现代艺术兴起的流派之一,形成于 20 世纪初,奠基人塔特林首先提出了“构成”这一概念,构成主义强调简单明确,以简单的纵横版面编排为基础,通常直接展示结构、直线。他还提出了一个重要的理念,那就是“技术和艺术不可分”,它对包豪斯的主要影响也体现在此。2.1.2 风格派风格派是由一些画家和设计家于 1917 年建立起来的,它接受了如野兽派、立体主义、未来主义等现代观念,在荷兰本土发展而成。风格派的核心人物是蒙德里安,其绘画的宗旨是追求抽象和简化,其作品中通常以平面、直线、抽象形作为
4、主要元素,色彩则简化至红黄蓝与黑白灰,如图 2-2 所示。2.1.3 抽象派“抽象”与“具象”是相对的,抽象派的作品脱离了模拟自然的绘画风格,以直觉和想象力为出发点,排斥具象、自然,仅仅使用纯粹的形与色彩来构成画面。抽象派分为两种主要类型:冷抽象和热抽象。1.冷抽象2.1.3 抽象派“抽象”与“具象”是相对的,抽象派的作品脱离了模拟自然的绘画风格,以直觉和想象力为出发点,排斥具象、自然,仅仅使用纯粹的形与色彩来构成画面。抽象派分为两种主要类型:冷抽象和热抽象。2.热抽象2.1.4 传说中的“包豪斯”包豪斯(BauHaus)在世界现代设计史上占有非常重要的地位,它是世界上第一所设计学校,由著名建
5、筑师格罗皮乌斯于 1919 年在德国魏玛建立,全称为“公立包豪斯学校”,包豪斯学校的建立标志着现代设计的诞生。2.2 定义平面构成2.2 定义平面构成2.2.1构成是什么 构成(Composition)是造型素质训练的一种方法,在设计基础的学习中构成可以理解为“组合”、“构筑”的含义,在学习中运用以人为主体的思维方式,将各种形态要素用理性的逻辑推理方法,按美的形式法则、一定的秩序配位组合创造新的形态。构成强调的是作品过程的体会,思维能力的训练,而不是单纯追求描绘能力的训练或是作品的最终结果。2.2.2平面构成是什么 构成课包括平面构成、色彩构成、立体构成,称为三大构成。平面构成从空间上来讲与立
6、体相对,是指在二次元的平面上,按照美学的标准进行编排和组合,主要研究基本要素点、线、面的创作,形与形的关系,形与空间的关系以及空间与空间的关系等。2.2.3平面构成与计算机 科技的发展必然影响传统,尽管现在大多数设计专业的构成课全部或者部分仍沿用传统的教学方式,但可以看到教育者们已经意识到应该改变了。计算机技术已经慢慢融入构成课堂中。2.3 新技术怎么玩目前有很多计算机软件可以用于平面构成图例的制作,笔者建议软件学习不在于多,学好一到两款常见的、知名的即可。本书用到的软件主要有两种:Adobe Photoshop、Adobe Illustrator,这两款软件均属于 Adobe 公司。2.3.
7、1 Adobe PhotoshopAdobe Photoshop 是至今为止世界上最著名、应用最广泛的图像处理软件,它是每一位设计人员都必须掌握的一项基本技能。Photoshop 经历了多个版本发展到现在的 Photoshop CC 版本,本书中的范例演示使用的是中文版 Photoshop CC。2.3.2Adobe IllustratorAdobe Illustrator 是 Adobe 公司出品的图形处理软件,作为设计人员,学会 Illustrator 软件也是必备技能。与 Photoshop 相同,它目前是 Illustrator CC 版本,本书使用的是 CC 中文版。2.4 软件基本
8、功能介绍本书并不是软件工具书,且由于篇幅所限,无法详细地演示软件的每一项功能,在后面的章节中涉及计算机操作的实例部分,笔者会依据制作过程演示,如果读者对上述软件没有任何基础,可先仔细阅读并实践本节中介绍的基本功能。2.5 课后作业作业内容:使用手边的笔,例如彩铅、蜡笔、圆珠笔,自由绘制简单的图形,充分发挥想象力设计出概念作品,题目为“大师在身边”。作业数量:手工绘制于 A4 纸上,每组不少于 4 个设计草图。建议课时:8 课时。第3章 形的精髓本章概述:本章针对造型设计的 3 个基本元素点、线、面的理论进行讲解,以及进行实战制作。教学目标:通过本章的学习,应该对点、线、面的特征、表现形式有一个
9、全面的了解,并且会使用软件完成实战制作。本章要点:使用点、线、面设计画面,并能够使用所讲解的软件制作设计图完稿。3.1 跳跃的点3.1.1 点的概念1.点是相对的2.点是最小的视觉元素3.引人注目的点4.两点成线、三点成面 3.1.2点的构成实例“升腾”是一个描绘动态的词,如何在静止的画面中表现出动感?首先要学会观察、体会以及回忆。此例中模拟气泡上升时的景象,无数的圆形点组成画面,面积大的点位于偏上方,小一些的点位于下方,逆行于重力,产生反向的升腾趋向。3.1.2点的构成实例本图为了体现点的秩序感,将点与点之间进行了渐变变化,在变化中兼具规律,然后再加以多次的复制,更加强调了规律。为了避免单调
10、,添加了色彩以及叠加的混合模式,丰富了变化的层次感。3.1.3点的构成表现前面章节中以点的升腾感、秩序感为课题进行了实践演示,然而点的构成表现远不止于此,篇幅原因无法一一详述,下面展示几种点的构成图例,大家可以利用前面讲解的知识对图例进行拆解,如图 3-21 至图 3-24 所示。3.2 流动的线我们学习绘画通常都是从线学起,它是一切绘画艺术与造型艺术的基本形式,例如素描、速写、白描。线作为一种基本功被所有绘画学习者所熟知。3.2.1 线的概念1.线的形成2.线的分类3.线的情感 3.2.2线的构成实例线是形态中最简单的元素,它比点更具表现力,形态也更加丰富,利用线与线的组合可以构成各种各样的
11、画面效果,表达出不同的意味。实例演示:烦躁的线 3.2.2线的构成实例Illustrator 软件中的混合工具有很多用途,对线与色彩的混合经常被用在设计中,大家在学习软件的同时一定要结合构成的原理去思考,可以挖掘出各种各样的美妙效果。3.2.3线的构成表现线的形式极其丰富,通过各种各样的形式可以给人们带来不同的心理感受,下面展示几种线的构成图例,大家可以利用前面讲解的知识对图例进行拆解。3.3 稳定的面面是可视画面中最稳定的因素,面的运用往往决定了画面的整体效果,在任何一种绘画或是设计中,面都是至关重要的部分。3.3.1 面的概念1.面的形成2.面的分类3.面的错视4.面的情感 3.3.2面的
12、构成实例Illustrator 软件中的混合工具有很多用途,对线与色彩的混合经常被用在设计中,大家在学习软件的同时一定要结合构成的原理去思考,可以挖掘出各种各样的美妙效果。3.3.3 面的构成表现面的构成与点、线构成相比更加简洁,具有概括、明确的特点。面比点更大,更加强调形状和面积,它通常可以首先奠定画面的视觉基调,如图 3-55 和图 3-56 所示。3.4 点、线、面 综合之美点、线、面就像是一个人的五官,不同的形态和构成方式组成了不同的外貌和表情。通常情况下,点、线、面会综合在一起,共同构筑图形画面,表达不同意象。究竟应该是徒手绘制还是计算机制作呢?徒手绘制过程可以更好地释放思维,不会因
13、技术不足束缚了手脚,并且不容忽视的是,动手能力仍是设计人员不可或缺的一项基本功。计算机制作则可以更方便快捷地完成设计想法,且在过程中会产生很多意料之外的效果,计算机软件技术也是设计人员工作的必备能力。实际上,两种方式并不冲突,在构成的教学中完全可以将徒手与计算机制作结合起来,在了解构成知识的同时,更全面地掌握徒手与计算机软件两种基本能力。下面展示的是一组徒手绘制的点、线、面构成作业,使用到了铅笔、毛笔、圆规、尺子等绘制工具,如图 3-57 至图 3-62 所示。3.5 课后作业作业内容:自命主题,以最简单的点、线、面为基本元素,运用计算机软件,例如 Illustrator、Photoshop,
14、组织出不同的画面,可以通过重复、旋转、渐变等方式组织和创造出有形式感与生命力的画面。作业数量:15cm15cm,一组不少于 4 幅,计算机制作,软件不限。建议课时:8 课时。作业示例作业示例第 4 章理性的视觉文法 基本形与骨骼本章概述:平面构成的各种形式是由不同的基本形纳入到各种骨骼之中而成的,本章主要讲解基本形与骨骼的知识。教学目标:通过本章的学习,掌握基本形的造型方法、骨骼形式,以及基本形纳入骨骼的各种组合形式。本章要点:掌握形与形的各种关系,学会造型的方法以及基本形群化构成的方法。4.1 基本形人类创造了语言,语言的规则是语法;人类创造了图形,图形也需要一定的规则。图形从感性开始,当它
15、成为了一种大众化流通的工具,就需要理性的文法来进行规范,才能成为严谨的系统。在前面章节讲述的是图形的基本元素,如何将这些元素整合在一起,表达特定的意味,则是本章要解决的内容。所谓视觉文法是指视觉设计的基本方法,在平面设计中指图形的组织结构、变化规律等。所有平面图形的构成都会从以下两点出发:基本形与骨骼。4.1.1 基本形的概念基本形是构成中彼此关联的图形,重复图形的基本单位。基本形不强调其单独的欣赏性,其主要审美价值体现于图形的整体关联之中示。4.1.2 形与形的关系1.分离2.接触3.重合4.复叠5.联合6.透叠7.剪缺8.差叠4.2 视觉中的格式塔 图与底4.2.1 图与底的关系图与底即是
16、指形与空间的关系。图形都是要存在于环境中,哪怕是一张白纸上的一个黑点,也可以把白纸看作是底。有形必然有空间,平面的图形就是存在二次元的空间。4.2.2 鲁宾杯在很多作品中,设计师们会有意地混淆图与底的图形,产生十分神奇有趣的效果,例如著名的图底转换作品鲁宾杯就堪称典范,其图形简单,第一眼看上去像是一个黑色的杯子,而如果将视觉焦点移动到白色部分,会出现两个面对面的人形。不同的画面产生了双重意象,更加吸引了观者,如图 4-12 所示。4.2.3 福田繁雄作品著名的日本图形设计家福田繁雄的一些作品中就利用了图底转换的原理进行设计,产生了简洁而又有趣的效果,男人的腿与女人的腿交错在一起互为图底,如图
17、4-13 所示。4.2.4 达利作品著名的超现实主义画家萨尔瓦多达利一生创作了很多图底反转的作品,他也被人们称作表现双重意象的天才。他的很多作品都是通过写实的绘画表现反转图形的多个图像示。4.2.5 实例演示图与底反转图形非常有趣,而制作这样的图形也并不容易,下面我们来演示一个实例,抛砖引玉,为大家打开一条思路。实例演示:图底转换的魔术知识点:图与底的互换、Illustrator 软件操作方法。4.3 骨骼骨骼就是指基本形组合所依据的骨架,基本形依据骨骼有序的排列,骨骼可以是有形的或者无形的线、格等框架结构。骨骼依据其排列方式可分为很多种。4.3.1规律性骨骼依据数学方式有序排列的骨骼,例如重
18、复、近似、渐变、发射。4.3.2非规律性骨骼非规律性骨骼无秩序,更加自由化,例如集结、对比骨骼。4.4 课后作业作业内容:设计基本形 A 和 B,将基本形依据点、线、面的结构线组合排列,创造新形。建议课时:8 课时作业示例作业示例第5章如何看起来更“美”美的形式法则本章概述:本章主要讲解跟设计有关的美的形式法则,并通过设计实例分析其原理。教学目标:通过本章的学习,对美的形式法则有基本的了解。学会把握美的规律,并应用到设计实践中。本章要点:美的形式法则属于偏理论的内容,不仅要学懂,而且应把其化为一种设计素养,成为设计思维的一部分。5.1 变化与统一变化与统一是美的形式法则中的第一原则,它也是所有
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 平面 构成 原理 实战 策略
限制150内