2单元 设计基础 任务1（课件）-《实用美术基础》（高教版第5版）同步精品课堂

2单元 任务1 构成与设计 第四版 《实用美术基础》 一 教学目标 知识目标 （1）理解平面设计的基本构成元素，包括点、线、面的概念和特性。 （2）掌握点、线、面在平面设计中的应用方法和视觉效果。 （3）培养视觉审美能力和创新设计思维。 二 教学重难点 （1）点、线、面的视觉特征及其在设计中的应用。 （2）点、线、面之间的相互转换和综合运用。 教学重点 （1）点、线、面在具体设计中的创意运用。 （2）如何通过点、线、面的组合表达设计理念和情感。 教学难点 三 新课导入 通过欣赏以下平面设计作品，思考:“这些作品中有哪些共同的视觉元素？” 四 新知讲授 现代设计领域的划分有多种标准，通常按照呈现的形式分为：平面设计、空间立体设计，以及带有时间因素的多维设计。每个类别里又有具体的应用门类(图2-1-1)。平面构成在各种 设计形式中都存在，是设计的基础。 一、构成是设计的基础 图2-1-1 四 新知讲授 平面构成主要是运用点、线、面的律动，组成结构严谨、富有极强形式感的、具有多方面的实用特点和创造力的设计作品，与具象表现形式相比较，平面构成更具有艺术性。 平面构成要求在实际设计运用之前必须学会视觉艺术语言。它包括设计语言和设计思维两方面的训练。 构成本身不是目的，而是一种手段，一个开始进入设计状态的准备过程，除了形式感的训练外，平面构成训练最重要的目的是培养设计者的创新能力和设计思维能力。 一、构成是设计的基础 四 新知讲授 平面设计是科技与艺术的结合，是运用图形图像设计软件设计数字化图像的过程。平面设计能把一种概念、一种思想通过精美的构图、版式和色彩传达给人们。日常生活中平面设计应用广泛，如广告、报纸、杂志、海报、宣传单等，都是通过平面设计表达的。 二、平面设计的构成元素 海报 杂志 宣传单 四 新知讲授 平面设计是由概念元素、视觉元素、实用元素、关系元素构成的。 其中，平面设计的概念元素包括点、线、面。概念元素是通过视觉元素来体现的，视觉元素包括图形的大小、形状、色彩等。视觉元素在画面上如何组织、排列，是由关系元素来决定的，包括方向、位置、空间、重心等。所谓实用元素，即平面设计所表达的含义、内容、目的及功能体现。 1.点——版面设计中最活跃的元素 (1)点的视觉特征 点是设计的基本元素，也是线与面的基本元素，它虽然不是独立的形象，却对构成独立形 象起着不可或缺的作用。点越小，其形态特征越明确，点越大就越容易出现面的感觉。点的汇 聚与发散，可以让画面丰富多彩、充满动感。 二、平面设计的构成元素 四 新知讲授 (2)点的视觉变化 在设计应用中，由于点的大小、形状、位置、排列等不同，会产生不同的视觉效果。研究点 的视觉感受对设计具有指导性的意义。 ① 不同的点会产生不同的视觉感受(图2-1-2)。 二、平面设计的构成元素 图2-1-2 四 新知讲授 ② 点的视觉强弱变化：点过大会强化视觉效果，产生面的感受；点过小会削弱视觉效果，产 生消失的感受(图2-1-3)。 二、平面设计的构成元素 图2-1-3 强 弱 四 新知讲授 ③ 点的位置关系各不相同，产生的视觉感受也各不一样(图2-1-4)。 二、平面设计的构成元素 图2-1-4 图① 图② 图③ 图④ 图⑤ 图⑥ 图⑦ 图⑧ 四 新知讲授 二、平面设计的构成元素 同学们可以根据图2-1-4中的不同图形阐述各自的视觉感受，通过这个练习可以训练 我们的视觉转换能力，并感受点的位置关系所传达的视觉信息，在具体应用中我们可以根 据不同的设计题材加以借鉴。 说明： 图①点位于画面中心，最稳定。 图②点位于底线中央，比较沉稳。 图③点位于画面中轴线上方，有提示的感觉。 图④点位于画面的左上角落，有逃逸的感觉。 图⑤点贴着直立的边缘，虽然在画面的上下中轴线上，但有沿壁下落的感觉。 图⑥点位于画面的右下角落，畏缩的感觉强于逃逸的感觉。 图⑦两个点，由于有中心的点做对比，角落的点的逃逸感增强了。 图⑧若干个点随意地排列，有活跃画面、跳跃的效果。 提示 四 新知讲授 ④ 点的数量和排列方式的不同可以改变其性质。 点的线化：点的密集和连续排列即形成线(图2-1-5)。 点的面化：点密集到一定程度即形成面(图2-1-6)。 二、平面设计的构成元素 图2-1-5 图2-1-6 四 新知讲授 (3)点在设计中的应用 点作为一种视觉元素，其意义非常广泛。点具有简洁而强烈的个性，是设计中最基本的元 素，也是最小的单位，点是丰富设计的语言符号，增强了设计的形式感，在构成设计中起到平 衡、强调、跳跃等作用。下面通过具体的实例介绍来体验点在设计中的应用，感知它作为一种 视觉语言符号在设计中的作用。 ①点在设计中的提示作用。 在视觉设计中并不是只有圆才称为点，方形、三角形、自由形等任何一个单独而细小的形 象都可以称为视觉上的点。点是相对而言的，例如，一个汉字由很多笔画组成，但在整个页面 中，可以将其视为一个点。点作为相对微小、单纯的视觉形象，可以是网页中一个按钮、一个 LOGO等。点具有强调和提示的作用，能够增加设计的新意。 二、平面设计的构成元素 四 新知讲授 在图2-1-7中，在同一个空间，不同形态的点相互呼应、形成对比，起到了丰富页面层次、 活跃页面气氛的作用，作品设计统一协调。 二、平面设计的构成元素 图2-1-7 四 新知讲授 ② 点在设计中可以起到概括和简化图形的作用(图2-1-8)。 一些小的图形和笔画通常可以简化为点，使设计生动、有趣。图2-1-9通过点的作用，使 三个字母之间形成统一的构成，图形与点之间形成的对比突出了设计的节奏感。 ③ 散点在版面设计中起到调节画面、活跃气氛的作用。 二、平面设计的构成元素 图2-1-8 图2-1-9 四 新知讲授 在图2-1-10的页面中，点的大小、位置、颜色、聚散的不同变化和组合，可以产生轻松、活 泼、流动的视觉引导，具有调节画面、活跃气氛的作用。 ④ 点的特殊运用可以起到彰显个性的作用。 在图2-1-11中，页面上方跑步的运动员，与红白色块形成强烈的对比，突出了页面以点适 型的设计语言。点的特殊运用为页面增加了动感，起到彰显个性的作用。 二、平面设计的构成元素 图2-1-10 图2-1-11 四 新知讲授 2.线——版面设计的造型语言 (1)线的视觉特征 线是点的移动轨迹，是点的集合，是面与面的相交处。在平面设计中，线也是最简单的图形 之一，线作为点的延伸与扩展，具有极强的方向感，不同方向的线，会产生不同的视觉感受。因此，在平面设计的构成元素中，线主要用于区分空间和区域，给物体以明确的边界，具有导向和界限的功能(图2-1-12)。 二、平面设计的构成元素 图2-1-12 四 新知讲授 (2)线的视觉变化 线通常分为直线和曲线两大类，各种线根据作品的设计风格可以通过实线、虚线、装饰线 等形式加以呈现(表2-1-1)。 由于线具有不同的特征，赋予了线在视觉上的多样性。因此，在设计版式之前，应先对线的运用有一定的了解，才能有效地表达你的理念。 二、平面设计的构成元素 表2-1-1 四 新知讲授 (3)线在设计中的应用 线在页面中的作用在于表示方向、位置、长短、宽度、形状、 质量和情绪。线是分割页面的主要元素之一，是决定页面布局的基本要素。 将不同的线运用到页面设计中，会获得不同的效果。知道什么时候应该运用什么样的线条，可以充分表达所要表达的理念。 ① 直线和斜线重复排列，可以打破水平线的单调，形成一种强烈的形式感和视觉冲击力。在图2-1-13中，由直线和斜线构成了一个相互交错的空间，斜线在页面中起到了调和与平衡的作用，文字运用斜线骨骼设计，将视觉中心有力地衬托出来，使页面的形象充满活力、富有动感。 二、平面设计的构成元素 图2-1-13 四 新知讲授 ②自由曲线是表现情感的最佳造型手段。在图2-1-14中，底纹采用不规则的自由曲线， 不同形状的曲线自由变化，在丰富层次变化的同时，还可以产生空间的纵深感，曲线的疏密对比也可以丰富空间层次。 二、平面设计的构成元素 图2-1-14 四 新知讲授 ③ 线条除了体现情感外，还能够利用粗细、虚实、渐变、放射产生深度空间和广度空间。 ④ 离心放射的线条具有力量和挺拔的视觉效果。在图2-1-15中，放射线类似于太阳的光芒，使版面的视线更加 开阔。放射线具有吸引浏览者视线的作用。 在平面设计中，线条的丰富程度所产生的深度和广度，为 设计带来了广阔的思维空间。 二、平面设计的构成元素 图2-1-15 四 新知讲授 3.面——点线的转换形态 (1)面的视觉特征 面是线围合后的视觉图形，是点与线的扩大，是线的移动 轨迹(图2-1-16)。因此，面占有一定量的空间，它无法像点 与线一样轻盈灵动，却可以通过透视、重叠等方式营造出强烈 的空间感。因而面在视觉上要比点、线都强烈，它产生的是充 实、厚重、整体、稳定的视觉效果，具有鲜明的个性特征。 二、平面设计的构成元素 图2-1-16 四 新知讲授 (2)面的视觉变化 在视觉空间中，面是最基本的可视形态。点的扩大与集合，线的加宽与聚集均可产生面的 视觉效果，与线不同的是，面具有量感和充实的块状感，由直线或曲线可以组成几何形、自然 形、有机形、偶然形等不同形态的面，在视觉和心理上产生的视觉效果是截然不同的，见表2-1-2。面在造型中所形成的各种形态，是设计中的重要基本形态因素。 二、平面设计的构成元素 表2-1-2 四 新知讲授 (3)面在设计中的应用 正如线有许多表情一样，面也具有多重性格，它可以是动感的、有韵律的，甚至是强势的。 在版面设计中，合理安排不同形状的面，处理好相互之间的关系，才能设计出整体和谐、实用又有艺术感的作品。 ① 几何形。以图2-1-17所示的节能环保海报为例，作品运用重复排列的方法，将几何形 组合成具有象征意义的符号，如三角形与矩形组合的建筑；矩形、三角形、椭圆形、方形、多边形 等错落有致地组合在一起，如同循环往复的能源管道，几何形的面给人简洁概括、规整秩序的 感觉，易于理解识别和记忆，整体设计轻松不呆板。 二、平面设计的构成元素 图2- 1- 17 四 新知讲授 ② 自然形。以图2-1-18所示的保护生态环境为主题的招贴设计为例，在设计手法上将 鱼的自然形态与腿的形态生动形象地组合在一起，赋予了作品画面轻松、幽默的视觉感受。起 到了呼吁节约用水，引发破坏生态环境对自然的影响的思考。 ③ 有机形。有机形的面是由一定数量的曲线组合而成的形态。以图2-1-19所示的文旅 海报为例，作品追求构图的形式美感，自然流畅富有张力的线条勾勒出画面左侧和下方的有机 形的面，面与背景图形交相呼应，给人以动感、活力的视觉感受。 二、平面设计的构成元素 图2- 1- 18 图2- 1- 19 四 新知讲授 ④ 偶然形。以图2-1-20所示的二十四节气海报——小满为例，以中国元素水墨为设计 的着力点，水墨在力的作用下晕染，在画面上随机形成偶然的图形。这种利用偶然因素提炼美 的方法天然成趣，使主题与画面相得益彰。 ⑤ 面的大小和色彩之间的对比，对画面的结构和总体特征具有很大的影响。在一幅画面 中可能存在多个面的形态，它们之间面积的大小及色彩之间的对比对画面的结构和总体特征 具有很大的影响，对丰富画面层次起着非常重要的作用(图2-1-21)。 二、平面设计的构成元素 图2- 1- 20 图2- 1- 21 四 新知讲授 4.点、线、面在平面设计中的综合运用 图2-1-22运用斜线分割的设计方法将图形分割成不同的面，点在页面中起到醒目的提示 作用，作品体现了现代设计的时尚风格。 在平面设计构成中，点、线、面既是最基本的造型元素，又是最重要的表现手段，是学习平 面设计必须熟练掌握的设计语言。只有合理地安排好点、线、面的相互关系，才能设计出具有 最佳视觉效果的页面，充分表达出页面最终的诉求点。 二、平面设计的构成元素 图2- 1- 22 五 师生互动 1.制作如右图所示的点图形。 要求： 文件尺寸为100 mm×100mm； 分辨率为300dpi； 颜色模式为CMYK。 分组进行讨论，互动、并点评和指导。 六 课堂小结 七 布置作业 一、选择题 1.平面构成的主要目的是什么？( ) A. 提高设计作品的色彩饱和度  B. 培养设计者的创新能力和设计思维能力 C. 减少设计时间  D. 增强作品的写实性 【答案】B 【解析】文中提到，平面构成训练最重要的目的是培养设计者的创新能力和设计思维能力，而不仅是形式感的训练。 七 布置作业 一、选择题 2.以下哪种元素被称为“版面设计中最活跃的元素”？( ) A. 线  B. 面 C. 体 D. 色彩 【答案】C 【解析】点被称为版面设计中最活跃的元素，因其简洁、灵活且能平衡、强调、跳跃画面。 七 布置作业 一、选择题 3.“点的线化”是指什么？（ ） A. 点的大小变化  B. 点的密集和连续排列  C. 点的位置变化 D. 点的颜色渐变  【答案】B 【解析】点的线化是点的密集和连续排列形成线的视觉效果。 七 布置作业 二、判断题 1．线在设计中只能用于分割页面，无法表达情感。( ) 【答案】错误 【解析】自由曲线是表现情感的最佳手段，线条的粗细、虚实也能传达情绪（线的应用部分）。 2．面在视觉上比点和线更轻盈灵动。( ) 【答案】错误 【解析】 面具有量感和块状感，视觉效果厚重稳定（面的视觉特征部分）。 感谢观看 $$