3单元 构图与布局 任务2（课件）-《实用美术基础》（高教版第5版）同步精品课堂

3单元 任务2 版式设计（1） 第四版 《实用美术基础》 一 教学目标 知识目标 （1）理解版式设计的目的与原则，掌握直观性、易读性、美观性的设计技巧。 （2）能够运用版式设计的基本原则和技巧，进行有效的信息传播和视觉表达。 （3）培养审美能力和创新思维，提高在实际设计中的实践能力。 二 教学重难点 （1）版式设计的目的与原则，包括直观性、易读性、美观性。 （2）版式设计的技巧，如图文互补、利用图表、文字排版、视觉引导线、留白、色彩心理等。 （3）版式设计的元素，如重复与交错、节奏与韵律、对称与均衡、对比与调和、比例与适度、变异与秩序、虚实与留白、变化与统一。 教学重点 （1）如何在实际设计中灵活运用版式设计的技巧和元素。 （2）如何平衡版式设计的直观性、易读性和美观性，以达到最佳的信息传播效果。 教学难点 三 新课导入 观察优秀的版式设计作品，思考这些设计的版面中多个相关要素如何进行有效配置？它们是如何吸引你的？ 三 新课导入 设计思路：利用视觉流动性将主、次元素排列出来，突出主题以及重要信息的表达。 四 新知讲授 版式设计的目的是将版面中相关要素进行有效配置，更好地传播信息，提高受众对版面的 关注度。设计时要根据版式本身的功能要求，遵循一定的设计原则进行。 1.直观性 直观即用户在浏览的瞬间能够明白画面内容想要传达的信息。舒朗明确，脉络清晰的版面能够吸引读者，让内容转化为价值。 技巧1.图文互补。 让图片和文本相互配合(图3-3-1),利用视觉化的图片营造氛围，将概要信息优先传递给用户。用轻松易懂、简明精准的文本内容确保信息准确有效。 一、版式设计的目的与原则 四 新知讲授 一、版式设计的目的与原则 图3-3-1 四 新知讲授 技巧2.利用图表。 抽象的数据或复杂的信息可以借助可视化的信息图表来呈现，会更加直观(图3-3-2)。 一、版式设计的目的与原则 图3-3-2 四 新知讲授 2.易读性 文本内容是设计必不可少的组成要素，文本的编排和字体的大小、字符间距、行间距密切 相关，易读是文本内容最基本的要求，避免字体过小、过于密集，减少过多的跳跃性的装饰元 素，增强文字的可读性。 技巧1.文字排版疏密有致。 文字排版常用的设置：行间距为1.5～2.0倍行距；段间距为2.0行，文本对比度(基于亮度 值计算)为7:1,最小值为4.5:1,每行文本字数不易太多，最好控制在42字以内。根据分割 和需求选择最易读的衬线体或非衬线体(图3-3-3)。 一、版式设计的目的与原则 四 新知讲授 一、版式设计的目的与原则 图3-3-3 四 新知讲授 技巧2.视觉引导线清晰、连贯、流畅。 清晰的版面布局能够让读者下意识按照视觉引导线的方向获取信息。 好的视觉引导线能够提升作品的观赏度，将人的视觉引向想要突出的元素主体，从而形成一条隐形的视觉路径，这样会给予画面一个重心点，区分主次。 在这条视觉路径上适当添加其他元素，又可以起到丰 富画面的作用(图3-3-4)。 一、版式设计的目的与原则 图3-3-3 四 新知讲授 3.美观性 为了实现美观性，需要先考虑设计风格、配色和页面构成等要素，如果先考虑美观性，容易 出现内容易读不易懂的问题。 技巧1.注重留白。 设计的美感很大程度是借助色彩和形式来产生的，留白是成就整体设计形式感最有效的 手段之一。大面积的留白会强化空间感和品质感，在重要内容周围大量使用留白能够起到突 出重点的作用。有疏有密的留白会呈现韵律感(图3-3-5)。 一、版式设计的目的与原则 图3-3-5 四 新知讲授 技巧2.色彩心理。 色彩是创造视觉美的重要元素。 以图3-3-6为例，霜降节气预示天气渐冷、初霜出现，是 秋季的最后一个节气，也意味着冬天即将开始。 柿子的红色让人联想到深秋时节，白色又会联 想到初霜的寒凉，利用设计理念结合色彩心理效应，赋予每一个元素合理的色彩。 一、版式设计的目的与原则 图3-3-6 四 新知讲授 1.重复与交错 在版式设计中，不断重复使用的基本形的形状、大小、方向都是相同的。重复使设计产生 安定、整齐、规律的统一效果。但重复构成的视觉感受有时容易显得呆板、平淡，缺乏趣味性的 变化，在版式中可安排一些交错与重叠，打破版式呆板、平淡的格局(图3-3-7)。 二、版式设计的表现形式 图3-3-7 四 新知讲授 2.节奏与韵律 节奏是按照一定的条理、秩序，将元素重复连续地排列，形成一种律动形式。它有等距离 的连续，也有渐变、大小、长短、明暗、形状、高低等的排列构成。有了节奏就产生了韵律，它能 提升版式的艺术表现力(图3-3-8)。 二、版式设计的表现形式 图3-3-8 四 新知讲授 3.对称与均衡 两个同一形的并列与均齐，实际上就是最简单的对称形式。对称是同等同量的平衡。对称的形式有以中轴线为轴心的左右对称，以水平线为基准的上下对称和以对称点为源的放射 对称。其特点是稳定、庄严、整齐、秩序、安宁、沉静(图3-3-9)。 二、版式设计的表现形式 图3-3-9 四 新知讲授 4.对比与调和 对比是差异性的强调，对比的因素存在于相同或相异的性质之间，也就是把相对的两个要素互相比较，产生大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、锐钝、 轻重的对比，对比的最基本目的是显示主从关系和统一变化的效果。 调和是指适合、舒适、安定、统一，是近似性的强调，使两个或两个以上的要素相互具有共性。对比与调和是相辅相成的。在版式构成中，整体版式宜调和，局部版式宜对比，适当的对比可以更好地 制造出焦点感，有效利用视觉上的差异进行两者之间 的对比，从而突出版面的主体效果(图3-3-10)。 二、版式设计的表现形式 图3-3-10 四 新知讲授 5.比例与适度 比例是版式的整体与部分，以及部分与部分之间的形态大小的比率。成功的版式设计，首先取决于良好的比例，如等差比例、等比比例、黄金比例等。黄金比例能求得最大程度的和谐，使被分割的不同部分产生相互联系。 适度是版式的整体和局部与人的生理或习性的某些特定标准之间的大小关系，也就是说版式要适合读者的视觉心理。比例适度，通常具有秩序、明朗的特性(图3-3-11)。 二、版式设计的表现形式 图3-3-11 四 新知讲授 6.变异与秩序 变异是规律的突破，是一种在整体效果中的局部突变。这一突变之异，往往就是整个版式最具动感、最引人关注的焦点。变异可依据大小、方向、形状的不同来构成特异效果(图3-3-12)。 秩序美是版式设计的灵魂，它是一种组织美的编排，能体现版式的科学性和条理性。构成秩序美的原理有对称、均衡、比例、韵律、变化统一等。在秩序美中融入变异之构成，可使版式 获得一种动感的效果。 二、版式设计的表现形式 图3-3-12 四 新知讲授 7.虚实与留白 在版式设计中，将次要的元素采取隐退法来使主体表现物更加明显，可以采取色彩中黑白灰的虚实关系，或者图和底的虚实关系加以区分主次，也可以采取渐变的形式，例如，形的放大或者缩小，或者利用近实远虚的原理来提升版面的层次丰富感，虚实关系会带给人一种主题鲜明、视觉焦点明确的感觉。 留白是版式中未放置任何图文的空间，它是“虚”的特殊表现手法。其形式、大小和比例决定着版式的质量。留白给人一种轻松的感觉，最大的作用是引人注意。在排版设计中，巧妙地留白，讲究空白之美，是为了更好地衬托主题、集中视线和区分版式的空间层次(图3-3-13)。 二、版式设计的表现形式 图3-3-13 四 新知讲授 8.变化与统一 变化与统一是形式美的总法则，两者完美结合，是版式设计的根本要求，也是艺术表现力的体现。变化是一种智慧、想象的表现，是强调各种元素间 的差异性，造成视觉上的跳跃。 统一是强调物质和形式中各种元素的一致性。最能使版式达到统一的方法是使版式的构 成要素少一些，而组合的形式丰富一些。统一的手法可借助均衡、调和、秩序等形式法则 (图3-3-14)。 二、版式设计的表现形式 图3-3-14 五 师生互动 1.分享收集的宣传册、书籍、名片等资料，分析版面设计的特点和图文处理的方法、技巧。 分组讨论哪个设计更独特更吸引人。 2.设计绘制多种不同版面排版的草图。 六 课堂小结 七 布置作业 一、选择题 1.版式设计的主要目的是( ) A. 创意表达 B. 传播信息 C. 艺术创作 D. 技术展示 【答案】B 【解析】版式设计的主要目的是将版面中相关要素进行有效配置，更好地传播信息，提高受众对版面的关注度。 七 布置作业 一、选择题 2.在文字排版中，行间距通常设置为多少倍行距？ ( ) A. 1.0～1.5倍 B. 1.5～2.0倍 C. 2.0～2.5倍 D. 2.5～3.0倍 【答案】B 【解析】文字排版常用的设置是行间距为1.5～2.0倍行距。 七 布置作业 一、选择题 3.黄金比例在版式设计中的应用是为了( ) A. 创造视觉上的不和谐 B. 制造视觉上的混乱 C. 求得最大程度的和谐 D. 减少设计的科学性 【答案】C 【解析】黄金比例在版式设计中的应用是为了求得最大程度的和谐。 七 布置作业 二、判断题 1．版式设计的易读性只与文本内容有关，与其他元素无关。( ) 【答案】错误 【解析】易读性不仅与文本内容有关，还与字体大小、字符间距、行间距等因素密切相关。 2．在版式设计中，重复原则可以增加版面的趣味性。( ) 【答案】正确 【解析】重复原则可以使设计产生安定、整齐、规律的效果，但适当的交错与重叠可以增加趣味性。 感谢观看 $$