3.3版式设计（教案）-《实用美术基础》（高教版第5版）同步精品课堂

《实用美术基础》教案 课 题 版式设计 课 型 新授 课 时 授课班级 授课时间 授课教师 教材分析 版式设计是视觉传达的重要手段，也是平面设计的基本功，主要运用造型要素和形式原则，根据特定主题与内容的需要，将文字、图片及色彩等进行组合、排列，以新颖的创意及个性化的编排方式，提升作品的视觉冲击力和关注度。本节主要讲了版式设计的目的与原则、版式设计的表现形式、版式的基本类型、版式设计的基本表现方法、版式设计与应用以及版式设计的基本步骤。 学情分析 通过本任务让学生知道版式设计是视觉传达的重要手段，本节的知识点简单易懂，学生通过书中的知识加图片，配合老师的讲解比较容易掌握相关知识点并学会运用；通过分析任务、制定方案、任务实施、任务总结，学生养成培养步步为营的良好学习习惯。本章节的内容需要让学生必须了解并理解。 学习目标 掌握版式设计的目的与原则。 了解版式设计的表现形式。 知道版式的基本类型。 知道版式设计的基本表现方法。 掌握版式设计与应用。 掌握版式设计的基本步骤。 学习重难点 1. 版式设计的目的与原则 2. 版式设计与应用 教学方法 任务引领、演示讲解、小组讨论 课前准备 教学素材 教学媒体 多媒体 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 1、 任务导入 问题： 常用的构图法则有哪些？ 分组就坐，根据问题，学生讨论回答问题 学生演示、说明 联系生活认识相关知识 活动二： 调动思维 探究新知 进入新课 3.3.1 版式设计的目的 版式设计的目的是将版面中相关要素进行有效配置，更好地传播信息，提高受众对版面的关注度。 1.直观性 直观即用户在浏览的瞬间能够明白画面内容想要传达的信息。 技巧1. 图文互补。 让图片和文本相互配合，利用视觉化的图片营造氛围，将概要信息优先传递给用户。 技巧2. 利用图表。 抽象的数据或复杂的信息可以借助可视化的信息图表来呈现，会更加直观。 2.易读性 文本内容是设计必不可少的组成要素，文本的编排和字体的大小、字符间距、行间距密切相关，易读是文本内容最基本的要求，避免字体过小、过于密集，减少过多的跳跃性的装饰元素，增强文字的可读性。 技巧1.文字排版疏密有致。 文字排版常用的设置：行间距为1.5~2.0倍行距；段间距为2.0行，文本对比度(基于亮度 值计算)为7:1,最小值为4.5:1,每行文本字数不易太多，最好控制在42字以内。 技巧2.视觉引导线清晰、连贯、流畅。 清晰的版面布局能够让读者下意识按照视觉引导线的方向获取信息。好的视觉引导线能 够提升作品的观赏度，将人的视觉引向想要突出的元素主体，从而形成一条隐形的视觉路径， 这样会给予画面一个重心点，区分主次。 3.美观性 为了实现美观性，需要先考虑设计风格、配色和页面构成等要素，如果先考虑美观性，容易 出现内容易读不易懂的问题。 技巧1.注重留白。 设计的美感很大程度是借助色彩和形式来产生的，留白是成就整体设计形式感最有效的 手段之一。大面积的留白会强化空间感和品质感，在重要内容周围大量使用留白能够起到突 出重点的作用。 技巧2.色彩心理。 色彩是创造视觉美的重要元素。 3.3.2 版式设计的表现形式 1.重复与交错 在版式设计中，不断重复使用的基本形的形状、大小、方向都是相同的。重复使设计产生安定、整齐、规律的统一效果。但重复构成的视觉感受有时容易显得呆板、平淡，缺乏趣味性的变化，在版式中可安排一些交错与重叠，打破版式呆板、平淡的格局。 2. 节奏与韵律 节奏是按照一定的条理、秩序，将元素重复连续地排列，形成一种律动形式。它有等距离的连续，也有渐变、大小、长短、明暗、形状、高低等的排列构成。有了节奏就产生了韵律，它能提升版式的艺术表现力。 3.对称与均衡 两个同一形的并列与均齐，实际上就是最简单的对称形式。对称是同等同量的平衡。对 称的形式有以中轴线为轴心的左右对称，以水平线为基准的上下对称和以对称点为源的放射 对称。其特点是稳定、庄严、整齐、秩序、安宁、沉静。 4.对比与调和 对比是差异性的强调，对比的因素存在于相同或相异的性质之间，也就是把相对的两个要 素互相比较。 调和是指适合、舒适、安定、统一，是近似性的强调，使两个或两个以上的要素相互具有共 性。对比与调和是相辅相成的。在版式构成中，整体 版式宜调和，局部版式宜对比。 5. 比例与适度 比例是版式的整体与部分，以及部分与部分之间 的形态大小的比率。 适度是版式的整体和局部与人的生理或习性的某 些特定标准之间的大小关系。比例适度，通常具有秩序、明朗的特性。 6.变异与秩序 变异是规律的突破，是一种在整体效果中的局部突变。这一突变之异最具动感、最引人关注的焦点。 秩序美是版式设计的灵魂，它是一种组织美的编排，能体现版式的科学性和条理性。构成 秩序美的原理有对称、均衡、比例、韵律、变化统一等。 7. 虚实与留白 将次要的元素采取隐退法来使主体表现物更加明显，可以采取色彩中黑白灰的虚实关系，或者图 和底的虚实关系加以区分主次，也可以采取渐变的形式。 留白是版式中未放置任何图文的空间，它是“虚”的特殊表现手法。留白给人一种轻松的感觉，最大的作用是引人注意。 8.变化与统 一 变化与统一是形式美的总法则，两者完美结合，是版式设计的根本要求，也是艺术表现力的体现。 统一是强调物质和形式中各种元素的一致性。 活动三： 调动思维 探究新知 3.3.3 版 式 的 基 本 类 型 1.骨骼型 常见的骨骼有竖向通栏、双栏、三栏和四栏等，一般以竖向分栏为主。这种版面视觉上平稳舒适，给人以严谨、和谐、理性的美。 2.满版型 图像充满整版，主要以图像为诉求，通过大面积的元素平铺或堆叠，用最直观的方式 传达主题信息，画面丰富且有感染力。文字一般置于上下、左右或中部(边部和中心)的图像上 。满版型有图片满版、细节满版和文字满版三种形式。满版型给人大方、舒展的视觉感受。 3.上下分割型 上下分割型的版式把整个版面分成上下两部分，在上半部分或下半部分配置图片(可以是单 幅或多幅),另一部分则配置文字。图片部分感性而有活力，而文字部分则理性而安静。 4.左右分割型 左右分割型的版式将版面分割为左右两部分，分别配置文字和图片。 5. 中轴型 将图形按水平方向或垂直方向排列，文字配置在上下或左右位置。水平排列的版式，给人以稳定、安静、平和与含蓄之感；垂直排列的版式，给人强烈的动感。 6. 曲线型 曲线型版式将图片和文字排列成曲线，产生流动和 延伸的视觉感受，赋予画面韵律与节奏感。 7. 倾斜型 倾斜型版式是将主体形象或整体画面倾斜编排，或是在版面中引入斜线划分，具有强烈的动感和不稳定的视觉感受，但同时具有律动感和活力，是视觉冲击力很强的排版形式。在版面中起到引导视线的作用。 8.对称型 给人以稳定、理性的感受一般多采用相 对对称手法，以避免过于严肃。对称一般以左右对称居多 9. 重心型 通常将最主要的元素放在版面中心，将视线聚焦在想要表达的主题上，起到突出主题的作用。 重心型版式有以下三种类型： ①中心型：主体元素以独立而轮廓分明的形象占据版式中心。 ②向心型：视觉元素向版式中心聚拢。 ③离心型：视觉元素犹如石子投入水中，产生一圈一圈向外扩散的弧线。 10. 三角形类型 象征稳定的图形，正三角形的版式设计给人安全、稳定的感觉；倒三角形有动感和不稳定感 11.并置型 将相同或不同的图片按大小相同而位置不同的规律进行排列。并置构成的版式 有比较、解说的意味，给原本复杂、喧闹的版式带来有序、安静、和谐的感觉及节奏感。 12.自由型 自由型版式由无规律的、随意的编排构成，通过直接展现、突出特征、把握空间、反复强调等，表现手法对版面进行处理，有活泼、轻快的视觉感受。 13. 四角形类型 是在版式四角及连接四角的对角线结构上编排图形，给人以严谨、规范的感觉。 3.3.4 版式设计的基本表现方法 1.裁剪图片 将图片进行有目的地裁剪，可以使图片更加引人注目，有效地发挥图片的作用。 2. 编排文字 文字的编排严谨中体现自由，形式多样。可以通过文字大小、色彩对比、位置前后关系的 处理，创造有视觉冲击力的效果。 3.3.5 版式设计与应用 1. 卡片设计 卡片作为社会交往的一种基本工具，在生活中被人们广泛使用。卡片设计主要由图形图像与文字组合在一起来传达信息。 2. 宣传册设计 宣传册具有可读性、观赏性，在版式设计方面强调整体布局。 3. 网页页面设计 网页版式设计的目的是版面条理清晰，布局合理有序，界面美观，更好地突出主题，达到最 佳的诉求效果。 3.3.6 版式设计的基本步骤 ①确定主题。明确需要传达的信息。 ②寻找、收集用于表达信息的素材，包含文字、图形、图像等。 ③设计构思 ④正稿。在甄选出最后设计方案后，对该方案进行正式地设计、编排，使用图形图像处理 软件进行制作。 ⑤清样。清样是从印刷设备上制作出的校样，清样应当同最终成品一致。 重点知识的提问 给学生根据知识点出几个相关的题目 促进学生当堂记忆 贴合考纲把握知识点 活动四： 巩固练习 素质提升 1. 简述版式时间的表现形式。 2. 简述版式设计的目的与原则。 3. 简述版式的基本类型。 4. 简述版式设计的基本步骤。 结合考纲让学生总结 让学生精准把握高频考点、出题方式 课堂小结 作业布置 背诵加配套练习题 板书设计 教学反思 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $