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

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