版式设计 第二章
02-版式设计构图元素
2-3、“面”的版面构成
“面”的编排方式
几何直线型
几何曲线型
自由曲线（直线）型
2-3、“面”的版面构成
“面”的分割构成：整体感和秩序感
2-3、“面”的版面构成
“面”的情感构成：不同的性格和丰富的内涵
2-4、版面空间构成
2-4、版面空间构成
更改版面比例营造版面空间感
• • • • 平面设计中的空间感主要通过面来表现 远、中、近的空间层次关系的处理 主要元素放大，次要元素缩小 主次强弱分明，版面富有韵律和节奏感
2-4、版面空间构成
更改版面位置关系营造版面空间感
• 视觉中心是版面最引人注目的位置，接着按照上、左、右、 下的方式依次递减 • 根据主次顺序将重要的信息安排在注目价值高的位置 • 通过对素材的叠压编排形成层次感，但是会降低注目程度
2-4、版面空间构成
更改版面黑白灰层次营造版面空间感
• 黑白灰代表无颜色，也属于空间层次 • 黑色代表阴影，白色代表高光，灰色代表中间色 • 版面色调的命案关系也决定了黑白灰的远中近的关系
第二章：版式设计构图元素
上节课作业：
调整后：
前置内容： 阅读教材《版式与设计》p8-p13
2-1、“点”的编排构成 2-2、“线”与空间的关系 2-3、“面”的版面构成
2-4、版面空间构成
2-1、“点”的编排构成
2-1、“点”的编排构成
“点”的构成与表现
• • • • 通常意义上的点线面分别是属于0维、1维、2维的 点带来的效果取决于与其它元素的比例 圆点是最理想状态的点 “点”不仅仅指圆点（文字，细小的图形等也叫点）
2-2、“线”与空间的关系
2-3、“面”的版面构成
2-3、“面”的版面构成
版式设计的元素及构成
点的应用
哈雷摩托车创意广告
曾获戛纳广告节金狮奖的哈雷摩托车创 意广告， 把哈雷拆成单个的零件拼成了人像， 寓意每个拥有者为哈雷机车注入了灵魂。奖 的哈雷摩托车创意广告， 把哈雷拆成单个的 零件拼成了人像，寓意每个拥有者为哈雷机 车注入了灵魂。虽然后来有很多大品牌都模 仿了他们的这种创意表现手法，但是终究无 法超越。
从线性上讲，线具有整齐端正的 几何线，还具有徒手画的自由线。物 象本身并不存在线，面的转折形成了 线，形式由线来界定的，也就是我们 说的轮廓线，它是艺术家对物质的一 种概括性的形式表现。
线的形态
线概括起来分两大类：直线和曲线。 直线：垂直线、水平线、斜线、折线、平行线、虚线、交叉线。 曲线：几何曲线(弧线、旋涡线、抛物线、圆)、自由曲线。
当画面只有一个点时，视线集中在这个点上，并且具有紧张性。
当画面中左右对称有两个等大的点时，视线在两点之间来回移动，在心理上产 生吸引和连接的作用。
当画面中有三点在三个方向平均散开时，视线连成三角形。
当画面中等大几点，其中一个在画面视觉中心位置时，视觉吸引力更强。
当画面中几点大小不一时，大的点吸引力更强。
第二章 版式设计的元素及构成
一、图形的概述
视觉设计的构成要素按其表现形式可分为文字、图形和色彩三
个构成要素。作为三要素之一的图形设计是关键的一环。图形设计得 是否成功将直接影响到三要素之间的关系的内力和信息的准确传递、 沟通理解。
1、图形的寻找
• 圆形 • 六角星 • 三角形 • 六边形 • 雪花 • 背景
面——生命的完善
面是线的移动至终结而形成的，面有长度、宽度，没有厚度。
• 直线平行移动可形成方形的面； • 直线旋转移动可形成圆形的面； • 斜线平行移动可形成菱形的面； • 直线一端移动可形成扇形的面。
版式设计完整
中 心
第六章 版式编排类型
版 式 设 计
中 心
第六章 版式编排类型
版 式 设 计
中 心
第六章 版式编排类型
版 式 设 计
分 割
第六章 版式编排类型
版 式 设 计
对 角
第六章 版式编排类型
版 式 设 计
对 角
第六章 版式编排类型
版 式 设 计
对 角
第六章 版式编排类型
版 式 设 计
空 间 编 排
第三章 版式设计的元素编排
版 式 设 计
空 间 编 排
第三章 版式设计的元素编排
版 式 设 计
空 间 编 排
第三章 版式设计的元素编排
版
式
通过肌理对比展示空间
设
计
肌理明显的形象近，肌理模糊的
形象远
空
间
编
排
第三章 版式设计的元素编排
版 式 设 计
空 间 编 排
第四章 版式编排法则
国际主义风格：通过
简单的网格结构和标准化的版面 公式，达到设计上的统一性。强 调功能与形式，达到高度的可读
性”瑞士骨骼“的编
排方法，被运用到书籍装帧及杂 质报纸的设计上。
第二章 版式设计的原则
心版体品的按 。面形本顺照
的象身序主 设，成，从 计占为使关 中据主产系
版
使版面产生清晰的条理性，利用
式
元素合理的组织更好突出主题，
何艺术风格，拒绝任何造型准则的 概念化，要求培养简朴纯正的造型 观念。
版 式 设 计
现 代 主 义 发 展 历 史
第一章 版式设计基本概念
的和形追面的 俄 先抽态求和创 国 河象构秩色始 人 。美成序彩人 李
教案：版式设计完整教案
第一章版式设计的原则一、主题鲜明突出版式设计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达成最佳的诉求效果。
它有助于增强读者对版面的注意，增进对内容的理解。
要使版面获得良好的诱导力，鲜明地突出诉求主题，可以通过版面的空间层次、主从关系、视觉秩序及彼此间的逻辑条理性的把握与运用来达到。
( 1 ）按照主从关系的顺序，使放大的主体形象成为视觉中心，以此来表达主题思想。
( 2 ）将文案中多种信息作整体编排设计，有助于主体形象的建立。
( 3 ）在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。
图1 、图2 、图3 ，放大的产品形象充斥版面，显得强烈而突出。
图4 ，在大量的文字版面中，主体形象在空白空间的衬托下，显得强烈而突出。
图5 ，将儿童形象放大，直接用儿童体态语言作诉求，生动含蓄地表达儿童对时装的喜好。
图6 、图7 ，一个具有理性的椅子，一个充满量感的沙发，当听到“CIRA ”的声音，便翩翩起舞。
将文案和音响整体组织，为“起舞者”提供更多空间。
二、形式与内容统一版式设计所追求的完美形式必须符合主题的思想内容，这是版式设计的前提。
只讲完美的表现形式而脱离内容，或者只求内容而缺乏艺术的表现，版式设计都会变得空洞和刻板，也就会失去版式设计的意义。
只有将二者统一，设计者首先深人领会其主题的思想精神，再融合自己的思想感情，找到一个符合两者的完美表现形式，版式设计才会体现出它独具的分量和特有的价值。
图8 、图9 ，文字在线框外呈波纹式的动势编排。
形式紧扣主题，曲线充满情调，有如话外音的感觉。
图10 ，尽显健美的男士，双拳的作用力与夹在大标题字间的小文字相映成趣，并成同一视线的倾斜排列，体现了设计师在创意及编排上的独具匠心。
图11 ，产品品牌的宣传诉求。
文案介绍了头盔的材料、工艺性能及用途；图像紧紧围绕产品用途来表现，如修路、建桥等。
图像的表现以独特、新颖的形式穿插于字栏间，形式。
图12 、图13 ，电脑工作使用的手势，背部的促销广告。
《版式设计》教学教案
学习好版式设计，可以有效地掌握画面的视觉元素构成、组合、排列的方法，处理好彼此间的关系，并在将来的各种视觉传达设计中直接地加以运用，所以它是初学设计者的一门必修的专业基础课程。
第二节纸质媒介是版式设计的基础
实训项目1.1
教案
教师姓名
授课日期
授课班级
授课形式
讲授、指导
授课章节名称
第二章版式设计的历史发展源流
第一节文字的起源Leabharlann 第二节中国版式设计的历史与发展
第三节西方版式设计的历史与发展
项目实训2.1
教学目的
1、系统地了解中国与西方版式设计的起源、发展、演变过程2、对古典版式的形式、风格、发展脉络有一个较为完整的认识，为深入了解版式设计作好铺垫。
教学重点
1、汉字的形成与发展
2、传统中国书籍的版式
一、建立信息等级
二、建立主题形象
第二节形式与内容统一
专题欣赏
第三节强化整体布局
一、编排元素抽象化
二、简洁的版式结构
1、图形元素的简洁
2、版面整体造型的简洁
3、正负形的简洁
三、页面间的连贯性
项目实训3.1
项目实训3.2
教案
教师姓名
授课日期
授课班级
授课形式
讲授、指导
授课章节名称
第四章版式设计的原理
第一节版式设计的构成要素
第二节版式设计的视觉流程
第三节版式设计与网格系统
项目实训4.1
教学目的
1、了解版式设计的构成要素；
2、了解版式设计的视觉流程；
3、了解版式设计与网格系统
教学重点
版式与点、线、面
教学难点
具体设计内容与形式表现之间的关系。
版式设计教案
第一章版式风格的产生与演进版面风格的演变受四个因素的影响第一是文字本身的进化第二是图形图像形式的改变第三是制作技术的发展第四是思想与观念的革命第一节早期的版式设计风格一、古埃及风格特定的地理环境、气候条件和物产是古埃及装饰艺术产生的先决条件，后天形成的人文环境则决定了古埃及装饰艺术的审美趋向。
版式布局独特，具有鲜明的装饰性。
古埃及的雕刻与石刻是最吸引人的。
古埃及的版式典雅而富有装饰感，并透出古朴和神秘的气息。
二、古希腊风格古希腊建筑风格的特点主要是和谐、完美、崇高。
古希腊的神庙建筑则是这些风格特点的集中体现者，这些风格特点最鲜明的表现就是柱式。
古希腊最典型的柱式主要有三种，即多利亚柱式(Doric Order)、爱奥尼柱式(Ionic Order)和科林斯柱式(Corinthian Order)。
这些柱式，不仅外在形体直观地显示出和谐、完美、崇高的风格，而且其比例规范也无不显出和谐与完美的风格。
三、古罗马风格古罗马的建筑艺术是古希腊建筑艺术的继承和发展。
古罗马的建筑不仅借助更为先进的技术手段，发展了古希腊艺术的辉煌成就，而且也将古希腊建筑艺术风格的和谐、完美、崇高的特点，在新的社会、文化背景下，从“神殿”转入世俗，赋予这种风格以崭新的美学趣味和相应的形式特点。
因此，古罗马时期版式风格的显著特点就是典雅、庄重、华贵。
四、古代中国古代中国对版面编排的发展有两大贡献：印刷术和造纸术。
这两大发明改变了中国的版面技术和风格样式，同时也给西方版式与文字的发展以重大影响。
第二节维多利亚时期的版式风格维多利亚时代（Victorian era），被认为是英国工业革命和大英帝国的峰端。
维多利亚时代是英国工业革命的顶点时期，也是大英帝国经济文化的全盛时期。
维多利亚时代的版面设计，追求丰富浪漫的感性诉求，整体风格呈现繁琐、复杂和装饰，无论字体设计、版面层次都带有古典装饰的倾向。
维多利亚风格的版式特征是：图案多，花边多，字体花哨，组合复杂。
版式设计完整较全ppt课件
文字 图形 色彩
版式设计原理
完整版PPT课件
32
版式设计
1 文字
主题内容（标题，正文，注解等离不开文字，通过文 字获得主要信息。）
设计者需掌握中外字体的一般常识，不同的字体给人 的心理感受不一样，美的字体能使人感到愉悦，帮助
阅读和理解。
完整版PPT课件
33
完整版PPT课件
34
完整版PPT课件
35
赖的感觉。
完整版正PP三T课角件形版式
74
倒三角形版式
版式设计
第二种是倒三角形 版式。倒三角形则给人 以动感和不稳定感。
完整版PPT课件
75
曲线型版式设计
曲线型版式设计就是 在一个版面中图片或文字 在排列结构上作曲线的编 排构成，所产生的节奏和 韵律。曲线版式设计具有 一定的趣味性，让人的视 线随着画面上元素的自由 走向而产生变化。
完整版PPT课件
56
版式设计
完整版PPT课件
57
版式设计
完整版PPT课件
58
版式设计
完整版PPT课件
59
• 第二章 版式设计的编排形式
完整版PPT课件
60
• 第二章 版式设计的编排形式
版式设计
版面的排列主要表现为版面上各类元素的和谐搭配，在编排 的过程中必须做到信息传达的逻辑关系一致、主次分明，表 现合理。
第一种是等形分割。 分割形状完全一样，分 割后再把分隔界线加以 调整取舍，达到的一种 有良好的效果。
完整版PPT课件
等型分割
69
第二种是自由分割。 就是不规则的、无限制的， 将画面自由分割的一种方 式，它不同于数学规则分 割产生的整齐效果，但随 意性分割，使画面产生活 泼不受约束的感觉。
版式设计PPT课件
LOGO
个性化、艺术化形式美的设计本质乃是用来加强沟通与传播，因此， 版式设计所追求的完美形式必须符合设计思想主体的表达，这是编排设计 必须遵循的原则及设计的先决条件。
LOGO
三、强化整体布局
LOGO
将版面中各种排版要素在编排结构及色彩上作整体设计，以求整体 的视觉效应，即使是“散”的结构也是设计中特意的精心编排之追求。
如何获得版面的整体布局：
1 加强整体结构组织的方向 视觉秩序。
2 加强文案的集合性。 3 加强展开页的整体设计。
LOGO
第三章 版面设计的编排构成
LOGO
一 、点的编排构成
版面中的点由于大小、形态、位置不同，所产生的视觉效果也不同， 心理的作用也不同。
LOGO
为了追求新颖的版式，更特意追求将视点导向左、右、上、下 边置的变化已成为今天常见的版式表现形式。
编排设计是一门基础课，但对于每位热爱设计的设计师来说是他们一生 为之努力付出所追求的艺术目标，它不仅是一门基础课更是一门真正意义的 设计艺术。
LOGO
每一个艺术运用思潮都对平面设计的风格产生过深刻的影响， 因此平面设计的思想观念与风格不是孤立的，它是与建筑、绘画、 文学、音乐、诗歌、服装等领域的艺术思想精神完全一致的。
LOGO
经过变革的设计，变化小的作品，骨骼一眼就能 明细可见；变化大的作品，也能依然保留部分骨骼的 痕迹。
LOGO
灵活掌握骨骼和变形骨骼的手法，将大大 拓宽我们的设计空间。
五、自由构成
LOGO
LOGO
尤其是今天的商业社会是以年轻人主导的 消费市场，这种自由、活力、个性化的风格表 现仍将主导平面设计的持续发展。
三、面的编排构成
LOGO
版式设计
第一章设计篇一、版式设计的原理1.版式设计的概念及意义1.1所谓版式设计，就是将现有的视觉元素在版面上进行有机的排列组合，将理性的思维个性化地表现出来，它是一种具有个人风格和艺术特点的视觉传达方式，在传达信息的同时，也产生了感官上的美感。
版式设计的范围涉及到报纸、刊物、书籍（画册）产品样本、挂历、招贴画、唱片封套和网页页面等平面设计的各种领域。
1.2版式设计的意义通过上面的讲解，我们可以清晰地认识到版式设计对于印刷出版物版面的重要性，因此不难理解版式设计的意义就是通过合理的空间视觉元素来最大限度地发挥表现力，以增强版面的主题表达，并以版面特有的艺术感染力来吸引观者的目光。
2.版式设计的基本原理2.1根据内容进行版面的编排在进行版式设计的时候，首先要明确设计的主要内容，再根据主要内容来确定版面的风格和结构，不同内容的版式设计有着很大的差别。
2.2根据版面调整版面率页面四周的留白量对于页面版式的安排有着非常重要的作用。
即使是同样的图文，也会因为不同的版面率而呈现出截然不同的效果。
2.3根据版式设计调整涉及元素的设置顺序平面设计中的元素是有先后顺序的，合理的顺序安排能够引导读者更容易看懂设计所要表达的主题。
每个元素的大小、色彩、形态等都会影响整体的顺序。
从上面所例举的版式设计作品中，我们不难发现，被我们首先注意到并留下印象的元素往往具备以下特征：在整个版面中所占面积最大，或者色彩最为鲜明，或者造型独特。
相同的元。
素通过这些方法处理后，在视觉上可以产生完全不同的效果，因此，在进行版面设计时，利用这些方式来调整版面中各种元素的主次关系，是非常行之有效的方法。
3.版式设计的视觉流程3.1单向视觉流程平面设计需要有一定的顺序和主次来引导读者的视觉流向，这通常需要符合人们的视觉习惯。
单向视觉流程是按照常规的视觉流程规律来引导读者的视觉走向，主要分为三种：1.横线式视觉流程：主要视线是水平的，给人安静、温和、惬意的感觉2.斜线式视觉流程：主要视线在左上角与右下角之间，具有不稳定性，视觉冲击力强3.竖线式视觉流程：主要视觉是纵向的，给人简洁、有力、稳固的视觉感受3.2重心视觉流程人们观看一个版面时，视线最终停留的位置就是视觉的重心。
(完整版)课件-《版式设计》
文艺复兴时期版式
24
第一章
4. 工业革命时期的版式设计 一大批具有改革精神的艺术家在原有的维多利亚精致、浪漫、复杂的设计风格
上发展了在平面中讲究编排、强调版面装饰性的工艺美术运动设计风格，版面用各 种几何图形插入并分割，其中文字和曲线花纹结合在一起，形成优美而富有浪漫情 调的图文装饰，对称的结构形成了严谨、朴素、庄严的风格。其优点是设计方法和 设计方案很精美，缺点是过于烦琐。
32
第一章
招贴画的画面不拘一格， 似乎有点过于随意，但仔细分 析会发现其构图合理，生动的 手文字和涂鸦画法能够传达给 读者轻松、生活化的感受。
个性化版式设计
33
第一章
第三节 现代版式设计的特点
二、商业化
随着市场经济的发展，有很多商家认识到版式设计在产品宣传、销售中的 重要作用，愿意为设计埋单，设计服务商家市场需要便成了硬道理。产品广 告的画面以促销为目的，要求在众多同类广告中脱颖而出，吸引浏览者眼球并 快速传递产品优质特性和促进销售的其他积极的信息。
➢ 时尚化原则的运用特别体现在各都市类报纸的副刊上，如时尚生活类、服饰 美容类、饮食健康类、旅游娱乐类等较为轻松休闲的专刊。
➢ 这类专刊在版式设计上大多采用简短的文章块，大量精美、生动的图片，适 度的留白，简洁的版式结构。时尚类杂志的排版风格让读者在图文并茂、清 新悦目、轻松舒适的状态下享受并接受版面所要传达的信息内容。
36
➢ 以适量的图片、图表还原信息用图片 讲故事，以图表解说信息，让读者轻 松、形象地获得信息；
➢ 版面以厚题薄文、长题短文、适留白、 色彩清淡等现代设计方式方便读者检 索，给读者提供明快、清新的视觉空 间，读者在轻松的环境下完成阅读。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
3、线的空间
有方向性、流动性、延续性及远近感 。 线的自由分割性，使线在版面设计中具有独特的造型功能。
二、线的编排构成
3、线的空间
有方向性、流动性、延续性及远近感 。 线的自由分割性，使线在版面设计中具有独特的造型功能。
第 二 章 版 式 视 觉 构 成 要 素
三、面的编排构成
1、分割构成
第 二 章 版 式 视 觉 构 成 要 素
六、版式的视觉流程
视觉流程是一种视觉空间的运动，是
受众阅读信息的先后过程，它引导读者的 视线进入一个组织有序，主次分明、条理 清晰、传达迅速、流畅的视觉信息空间中， 并按设计者的意图接受信息。
第 二 章 版 式 视 觉 构 成 要 素
六、版式的视觉流程
视觉流程的类型：
一、点的编排构成
1、密集型 2、分散性
第 二 章 版 式 视 觉 构 成 要 素
二、线的编排构成
1、线的节奏 2、线的情感
直线：单纯、明快、刚硬 粗直线：笨重、有力 细直线：敏锐、脆弱 锯齿线：不安、焦虑 水平线：安定、平静 垂直线：严肃、庄重 斜线：速度、飞跃 曲线：柔和、优雅
第 二 章 版 式 视 觉 构 成 要 素
1、单向视觉流程 2、重心视觉流程 3、反复视觉流程 4、导向性视觉流程 5、散点视觉流程
第 二 章 版 式 视 觉 构 成 要 素
六、版式的视觉流程
视觉流程设计的基本原则：
●抓住重点 设计时，牢牢抓住这一重点(如动人的情感、新奇的形态、迷人 的色彩、鲜明的夸张等)不放，并布置在最突出的空间范围内。 ●信息简明 信息简明，流程简化，传达迅速的效果。 ●印象留存 留存印象的基本方法是强化形象，突出标题，企业名置于视觉 流程的末尾，给人们最后的回音。 ●导向明确 借助视线的明确导向，如人的朝向、手势、动势、眼神、文字 排列趋向、线条或色块的趋向等，使视觉传达要素主次分明地串联 起来，焦点集中，重点突出。
第 二 章 版 式 视 觉 构 成 要 素
3、邻近性：表面位置接近的被看成是相关的。
4、呼应构成 ：文字、字体、字号、对齐、方向和图形形态的大小以 及色彩的呼应。它是创建视觉流程的重要手段。利用共性带来的相互 呼应，使读者习惯性地将具有共性的视觉元素联系到一起，在阅读的 先后上有很强的引导性．
第 二 章 版 式 视 觉 构 成 要 素
六、版式的视觉流程
视觉流程的相关概念：
1、最佳视域：指画面上最引人注目的区域。画面视觉规律为上侧的视 觉诉求力强于下侧．左侧的视觉诉求力强于右侧。因此，画面左上部 和中上部称“最佳视域” 。 2、阅读习惯人们阅读平面作品时，其视线有着一种自然的流动习惯， 普遍都是由左到右，由上到下，由左上沿着弧形线向右下方流动的过 程线，其注意值逐渐递减。在此流动线上的各点，都会比流动线外的 任何点明显
2、形象与形状
3、版面中有正形与负形之构成。
第 二 章 版பைடு நூலகம்式 视 觉 构 成 要 素
四、点线面和谐共生
第 二 章 版 式 视 觉 构 成 要 素
四、点线面和谐共生
第 二 章 版 式 视 觉 构 成 要 素
四、点线面和谐共生
第 二 章 版 式 视 觉 构 成 要 素
五、其它构成要素
1、三维空间的编排构成 2、色彩构成