第四章 版式设计的构成要素
版式设计基本要素及构成规律_色彩及肌理
七类对比：色相对比、纯度对比、明度对比、冷暖对比、 平衡对比、互补色对比、同时对比与继时对比
版式设计基本要素及构成规律_色 彩及肌理
ቤተ መጻሕፍቲ ባይዱ
版式设计基本要素及构成规律_色 彩及肌理
版式设计基本要素及构成规律_色 彩及肌理
西班牙毕尔巴鄂某 博物馆入口。红色 的墙面本身就具有 很强的视觉冲击力， 使得上面的 BILBAO 字 样 有 一 种直冲眼帘的感觉。
微笑是世界的语言 佐腾 （U.G.Sato） 为微笑行动所作公 益海报。
版式设计基本要素及构成规律_色 彩及肌理
法国巴黎蓬皮杜国家艺术中 心的指示牌。不同色彩的标 牌代表不同的内容，使信息 的传达更加快速，一目了然。
版式设计基本要素及构成规律_色 彩及肌理
版式设计基本要素及构成规律_色 彩及肌理
版式设计基本要素及构成规律_色 彩及肌理
（2）色彩的和谐 色彩的对比是以和谐为前提——在构图中，所有
的色彩要相互关联并在统一的整体中产生应有的效果， 就必须形成比较和谐的视觉系统。
要达到色彩上的和谐有一些手法： 一是追求色彩要素的一致性，比如在明度、色相、 纯度上的近似。 二是不依赖某种元素的一致或相似，而是通过色 相、明度、纯度的不同来组合，形成一种视觉上的有 序性。 三是通过色彩的面积、色块的位置来改变每一个 色块在画面中的视觉作用，实现色彩在视觉感受中的 和谐。
1.肌理的形式 视觉肌理 触觉肌理 2.肌理的应用
版式设计基本要素及构成规律_色 彩及肌理
（1）视觉肌理
视觉肌理是对物体表面特 征的认识，一般是用眼睛看而 不是用手触摸的肌理。它的形 和色彩非常重要，是肌理构成 的重要因素；如用毛笔、喷笔、 彩笔，都能形成各自独特的肌 理痕迹；也可用画、染、淋、 熏灸、拓印、贴压、剪刮等手 法制作。可用的材料也很多， 如木头、石头、玻璃、面料、 油漆、海绵、纸张、颜料、化 学试剂等等。
版式构成设计
版式构成是指字在平面设计中编排结构、 组合关系设计。其要素有文字的大小、 简繁、粗细、疏密、均衡，在设计中往 往改变文字的形状、数量、面积、位置、 方向等条件进行处理。
一、疏密设计
版面设计中汉字数量的多与少所形成的 面积与版面总面积之比称为版面率，版 面率低的给人以高雅感、稳定感，版面 率的信息量大、通俗性强而感称为跳跃率， 高格调古典风格的版面适用于低跳跃率，活泼 或现代感强的版面使用于高跳跃率，文字面积 的变化还应包括字行长短，字组大小的变化。
三、位置设计
版面中汉字与图形布局的位置变化可造 成各种不同效果，将大大影响视觉流程 的发生。重心偏上有轻快感，一般认为， 重心偏下有沉稳感，字距、行距近有紧 凑感，字距、行距远则感觉疏朗清新。 同时标题、插图、内容形成的黑、白、 灰关系，及产生的虚实疏密关系是极为 重要的。
四、方向设计
文字排列的方向性也极大的影响着视觉 效应，常用的方向及效果有平行、垂直 所形成的稳重感，倾斜、规则、曲线与 自由曲线所形成的动态感，数种方式的 同时使用更能获得多种效果。
五、网格设计
网格设计是现代国际上普遍使用的一种版面 构成方式。网格是平面构成中骨架这一概念在 版面中的延伸。其规律是数学几何法则的多种 变体处理。
方法是在版面上确定版面尺寸，以及确立 栏目的宽窄、多少和空白的大小，横栏与竖栏 的数目与尺寸，将汉字与图纳入。其纳入的方 式可严格按照网格，也可在统一中求变化，即 在以网格为依据的基础上进行不同程度的破格 设计。
版式设计的构成要素
知识延伸
1．学校的黑板报 2．社区宣传栏
课堂小结
学好课堂知识是我们走向社会的基 石，学以致用是我们的终极目标，让我 们每个人都积极动手动脑，做热爱生活 的人。
• 如果你是报纸的设计者你应该关注那些因素，吸 引读者？
版式设计的视觉要素
1．文字 2．图片 3．色彩
版式设计的构成要素
1．报头栏目 2．标题 3．插图 4．文章花边
版式设计的基本法则
1．对称与均衡 2．变异与秩序 3．空白与疏密 4．对比与调和 5．比例与分割 6．节奏与韵律
空白与疏密
对称与均衡 变异与秩序
精美的报刊
黑龙江哈尔就是在一个版面空间里，遵循“美” 的形式法则，将主题相关的视觉元素进行 有机排列组合，使其产生感官上的美感
优秀版式设计欣赏
优秀版式设计欣赏
优秀版式设计欣赏
优秀版式设计欣赏
优秀版式设计欣赏
角色体验
• 假设你是读者你最先关注报纸的那一部分？
比例与分割
比 例 与 分 割
对比与调和 节奏与韵律
手抄报欣赏
手抄报欣赏
版式设计的特征
1．思想性 2．艺术性 3．独创性 4．整体性
学生课堂作业
1．以“多彩的校园”为主题，制作一期手抄报。 2．要求版式合理，突出主题。 3．利用一种你最喜欢的版式设计法则。 4．色彩鲜艳，图文并茂。
学生作品展示及评价
版式的构成要素
文字、色彩、图形
一、文字
字体的选择
要与版式的主题相吻合 字号会影响阅读
1、控制好字体、字号、字间距和行间距
不同的字体有不同的性格、应用的场合不同 通常行间距要大于3倍的字间距，这样才能
避免阅读时串行现象。
3、适时突出重要文字
Hale Waihona Puke 通过对比控制好信息传递的先后顺序4、统一的对齐方式
色彩是第一视觉语言
色彩在版式设计中的作用：
表达感情 识别作用 烘托、渲染气氛，增加美感
三、图形
紧扣主题 与文字要相辅相成 与色彩息息相关，要考虑整体配色
《版式设计》教学教案
学习好版式设计，可以有效地掌握画面的视觉元素构成、组合、排列的方法，处理好彼此间的关系，并在将来的各种视觉传达设计中直接地加以运用，所以它是初学设计者的一门必修的专业基础课程。
第二节纸质媒介是版式设计的基础
实训项目1.1
教案
教师姓名
授课日期
授课班级
授课形式
讲授、指导
授课章节名称
第二章版式设计的历史发展源流
第一节文字的起源Leabharlann 第二节中国版式设计的历史与发展
第三节西方版式设计的历史与发展
项目实训2.1
教学目的
1、系统地了解中国与西方版式设计的起源、发展、演变过程2、对古典版式的形式、风格、发展脉络有一个较为完整的认识，为深入了解版式设计作好铺垫。
教学重点
1、汉字的形成与发展
2、传统中国书籍的版式
一、建立信息等级
二、建立主题形象
第二节形式与内容统一
专题欣赏
第三节强化整体布局
一、编排元素抽象化
二、简洁的版式结构
1、图形元素的简洁
2、版面整体造型的简洁
3、正负形的简洁
三、页面间的连贯性
项目实训3.1
项目实训3.2
教案
教师姓名
授课日期
授课班级
授课形式
讲授、指导
授课章节名称
第四章版式设计的原理
第一节版式设计的构成要素
第二节版式设计的视觉流程
第三节版式设计与网格系统
项目实训4.1
教学目的
1、了解版式设计的构成要素；
2、了解版式设计的视觉流程；
3、了解版式设计与网格系统
教学重点
版式与点、线、面
教学难点
具体设计内容与形式表现之间的关系。
版式设计的基本要素
版式设计的基本要素
版式设计的基本要素包括：
1. 页面布局：版面的整体结构，包括标题、文本、图片等元素在页面中的位置和排列方式。
2. 字体选择：选择适合内容和主题的字体，包括字体的大小、粗细、风格等，以增强阅读体验和传达信息。
3. 色彩运用：选择适合主题和目标受众的色彩方案，包括背景色、字体色、边框色等，以增强视觉吸引力和传递情感。
4. 图片和图形：选择合适的图片和图形来增加视觉效果和传达信息，包括图片的尺寸、配色、对比度等。
5. 空白间隔：利用合理的空白间隔来分隔不同元素和模块，以增加阅读性和整体美观性。
6. 对齐方式：选择合适的对齐方式，如居中、左对齐、右对齐等，以提高版面的整齐度和可读性。
7. 重点突出：通过字体大小、颜色、着重线条等方式突出重点内容，引导读者的注意力。
8. 统一性：保持版面的一致性和统一性，包括字体、色彩、图标等元素的统一。
9. 栏目划分：将内容划分成不同的栏目和模块，使页面结构清晰、易于理解和浏览。
10. 可读性：选择合适的字体大小、行距、段落间距等，以提高内容的可读性和易懂性。
《版式设计》教案
《版式设计》教案一、教学内容本节课的教学内容来自教材《版式设计》的第四章，主要内容包括：版式设计的基本原则、版式设计的构成要素、版式设计的技巧和方法。
二、教学目标1. 让学生了解和掌握版式设计的基本原则和构成要素。
2. 培养学生运用版式设计技巧和方法进行创意设计的能力。
3. 提高学生审美观念和审美能力。
三、教学难点与重点重点：版式设计的基本原则、构成要素和技巧方法。
难点：如何运用版式设计技巧进行创意设计。
四、教具与学具准备教具：PPT、设计实例、设计软件。
学具：笔记本、彩笔、设计软件。
五、教学过程1. 实践情景引入：展示一些优秀的版式设计案例，让学生感受版式设计在实际应用中的重要性。
2. 基本原则讲解：介绍版式设计的基本原则，如对比原则、重复原则、对齐原则等。
3. 构成要素讲解：讲解版式设计的构成要素，如文字、图片、颜色、布局等。
4. 技巧和方法讲解：介绍版式设计的技巧和方法，如运用网格系统、字体搭配、间距调整等。
5. 实例分析：分析一些经典的版式设计案例，让学生了解如何运用所学知识进行实际设计。
6. 随堂练习：让学生运用所学知识，进行简单的版式设计练习。
7. 作品展示与评价：展示学生的设计作品，互相评价，教师进行点评和指导。
六、板书设计板书设计主要包括版式设计的基本原则、构成要素和技巧方法。
七、作业设计1. 作业题目：运用所学知识，设计一份杂志封面。
答案：杂志封面应包含、副、图片、颜色、布局等构成要素，运用对比原则、重复原则、对齐原则等基本原则，以及字体搭配、间距调整等技巧方法。
2. 作业题目：分析一篇报纸文章的版式设计，阐述其优点和不足。
答案：报纸文章的版式设计应注重、副、段落、图片、颜色、布局等构成要素的搭配，运用对比原则、重复原则、对齐原则等基本原则，以及字体搭配、间距调整等技巧方法。
优点可以是版式清晰、阅读顺畅等，不足可以是布局不合理、颜色搭配不协调等。
八、课后反思及拓展延伸课后反思：本节课学生掌握了版式设计的基本原则、构成要素和技巧方法，能够在实际设计中运用所学知识，但在创意设计方面还需加强。
版式设计的三要素
版式设计的三要素嘿，同学们，今天咱们来聊聊版式设计的三要素。
啥是版式设计呢？简单说呢，就是把字啊、图啊啥的，摆得好看点儿，让人一看就觉得舒服。
那版式设计的三要素是啥呢？听我慢慢给你们讲哈。
第一个要素呢，是文字。
文字可是很重要的哦。
没有文字，咱就不知道这上面写的是啥。
那文字要咋弄才好看呢？首先呢，字不能太小，也不能太大。
太小了，咱得拿个放大镜才能看清楚，那多费劲啊。
太大了呢，又占地方，看着也不舒服。
所以啊，字的大小要合适。
还有哦，字的颜色也得选好。
不能太刺眼，也不能太暗。
比如说，要是用那种特别亮的红色，看着眼睛都疼。
要是用黑色呢，就比较清楚。
还有啊，字的字体也有讲究。
有的字体弯弯扭扭的，不好认。
有的字体呢，方方正正的，看着就舒服。
比如说楷书，就很不错。
第二个要素呢，是图片。
图片可以让咱们更直观地了解内容。
要是光有字，多无聊啊。
有了图片，就好看多了。
那图片要咋选呢？首先呢，图片要清楚。
不能模模糊糊的，让人看都看不清楚是啥。
还有哦，图片要和内容有关系。
比如说，要是讲动物的，就放动物的图片。
要是讲风景的，就放风景的图片。
不能乱放哦。
还有啊，图片的大小也要合适。
不能太大，也不能太小。
太大了，把字都挡住了。
太小了呢，又看不清楚。
第三个要素呢，是颜色。
颜色可以让整个版式看起来更漂亮。
但是颜色也不能乱用哦。
首先呢，颜色不能太多。
要是有红的、黄的、蓝的、绿的，乱七八糟一大堆，看着眼睛都花了。
最好呢，选两三种颜色就够了。
还有哦，颜色要搭配好。
比如说，红色和绿色搭配在一起，就不太好看。
蓝色和黄色搭配在一起，就比较舒服。
还有啊，颜色也要和内容有关系。
要是讲春天的，就用一些鲜艳的颜色，像粉色啊、绿色啊啥的。
要是讲冬天的，就用一些冷色调的颜色，像蓝色啊、白色啊啥的。
同学们，现在你们知道版式设计的三要素是啥了吧？文字、图片、颜色，这三个可都很重要哦。
以后咱们自己做手抄报啊、海报啊啥的，就可以注意这三个要素，把它们弄得好看点儿。
第4章 Word 2010版式设计
4.2.4 浮动工具栏
在office2010中用户要完成格式设置的工作，不仅能通 过功能区来实现，还可以通过浮动工具栏完成相关操作， 步骤：
选中所要设置的格式文本，在随后出现的浮动工具栏中 用户可以获取最常用的格式设置工具，如“字体大小” 通过实时预览的方式获取文档变化后的格式效果。
如果不慎件浮动工具栏关闭，可以通过如下方式重新开 启：打开后台视图，在左侧的导航栏中单击“选项”按 钮/选择“选择时显示浮动工具栏”复选框即可
“右侧”编辑框设置缩进值
“页面布局” “段落” “缩进” “视图” “显示” “标尺”复选框使用标尺设置
段落缩进
4.2.3 设置段间距和行间距
调整文档中的段间距和行间距可以有效的改善版 面的效果，用户可以根据文档版式的需求，设置 文档中的段间距和行间距。
选中需要设置缩进的段落:
“开始” “段落” “缩进和间距” “间距” “页面布局” “段落” “间距”
① 选择需要设置的文本/“页面布局”/“文字方向” /“垂直”；
② 选择需要设置的文本/“开始”/“段落”/ “中文版式”/ “纵横混排”/ 禁用“适应宽度” 选项，然后进行确定即可 。
4.5 快速更改文档的样式
合理化的格式设置和段落编排往往可使文档内容更具 专业色彩。Word2010所提供的强大的格式设置工具可 以帮助用户快速实现文档的格式化工作。
4.1.2 设置文字效果
在“字体”对话框中，除了可以设置文 字的基本格式外，也可以为文字设置特殊效 果，使版式更加完美。
主要可以设置以下几种文字效果： 1. 添加下划线 2. 添加着重符号 3. 添加特殊效果
4.1.3 设置文字间距
设置文字间距是指对文档中字符之间的距离 进行控制，用户可以改变字符间的缩放比例， 还可以控制字符间的间距，以及字符在垂直 方向上的位置。
版面设计中有哪些基本构成方法
版面设计中有哪些基本构成方法1、重复构成重复构成指的是版面中的视觉元素重复出现，可以是颜色，字体，图形，形状等。
使用重复构成可以增加画面的条理性，还可以增强统一性，提高阅读效率和信息传达。
2、近似构成近似构成是在重复构成的基础上，对基础单元形进行局部上的变形。
运用近似构成的图案会表现出重复的特性，既有对立又有统一，整体构成完整又具有局部个性。
3、对称构成对于版式设计而言，无论是视觉角度还是心理角度，均衡的对称都能产生美感，这种形式已经成为主流。
简洁、均衡的对称形式，可以给人以宁静高级的感觉。
4、特异构成特异是—种在已有规律中进行变化和突破的构成形式。
画面中最强烈的特异点，就相当于画面中的主角一样，是被受众第一眼看到的，是整个设计的主体元素。
5、平衡构成平衡构成指的是版面两端使用不具有相同特性的元素,但通过面积或者视觉重量让两端达到平衡的效果。
画面的每个局部都是均衡的,不会产生过重或者过轻的感觉。
6、发射构成发射构成，是以一点为中心，向外发射或者向内收缩的一个视觉形象。
这些形式中，有着重复，对称与统一。
发射构图的图形具有美感和律动性。
能给人一种视觉上的纵深感。
7、肌理构成肌理构成是指版式设计时在背景中添加材质，肌理。
这种构成手法可以让画面产生视觉层次的变化，增强画面整体对比。
也可以增加画面细节感：使得版面更加丰富。
8、极简构成极简构成遵循包豪斯“少即是多”的原则。
画面由少量视觉元素和大量留白构成，整体画面干净，整洁，具有高级感。
设计时往往遵循一定的设计逻辑。
9、分割构成在一个版面当中用矩形或者其他形状进行空间上的分割,被叫做分割构成。
通过形状的重复让版面产生秩序感。
给人以整体、丰富的视觉体验。
第四章版式设计的构成要素
第四章版式设计的构成要素第四章版式设计的构成要素教学要求：视觉要素和构成要素是版式设计的基本造型词汇，是组成任何平面设计的基础。
视觉要素包括形及其各种变化和组合，色彩与色调，肌理等构成要素则包含空间、动势与织体等组合画面的表现语汇。
讲授内容：1、点构成2、线构成3、面构成点、线、面是构成页面视觉空间的基本要素，一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可理解为一条线；数行文字与一片空白，则可理解为面。
点、线、面构建成一个个千变万化的全新版面。
第一节点构成在版面中，任何一个单独而细小的形象可以称之为点，点的面积是相对比较而言的，比如在版面中一个文字、一个商标、一个按钮、一个LOGO等都可称为点。
另外点的形状并不一定指圆，也可以是其它的几何形体，点是相对线和面存在的视觉元素。
点排列的形状、方向、大小、位置、聚集、发散，能够给人带来不同的心理感受和视觉冲击。
第二节线构成线是决定版面现象的基本要素。
线的总体形状有垂直、水平、倾斜、几何曲线、自由线几种。
线的性格特征：斜线具有动荡和速度的感觉；平行线表现出规律、平稳；垂直线具有庄严、挺拔、力量、向上的感觉；曲线给人流畅、柔美的性格特征。
线可以串联各种视觉要素，可以分割画面和图像文字，可以使画面充满动感，也可以在最大程度上稳定画面。
线与线之间的排列可以使画面具有节奏感，线的放射、粗细、渐变的排列可以体现三维空间的感觉。
第三节面构成版式设计中的面比点、线的视觉冲击力更大。
它大体分为：几何型的面（方、圆、三角、多边形）、有机切面（弧形的相交或相切得出）、不规则的面。
面的排列要考虑形状与面积的对比，间隔和面积的对比，面积与面积的对比等因素，这样版式设计才能产生动感。
垂直、水平的面等距离的排列产生稳重，简单的感觉。
不同面积、不同位置排列产生活泼，跳跃的感觉。
处理好不同形状的面之间的相互关系和整体的和谐程度，才能设计出充满美感、艺术、实用的版式作品。
版面设计构成要素
版面设计构成要素
版面设计构成要素是指设计师在进行版面设计时需要考虑到的各种元素。
这些元素可以帮助设计师创建出既美观又易于阅读的版面。
1. 格局：版面设计的格局是指版面中各个元素及其排列的位置和方式。
设计者需要考虑版面的整体比例、元素之间的间距、不同元素之间的关系等因素。
2. 字体：字体在版面设计中是一个重要的要素。
设计师需要选择适合该设计的字体类型、大小、颜色和排列方式。
3. 颜色：颜色在版面设计中也是非常重要的。
设计师需要选择合适的颜色方案，使得版面的整体风格美观和谐。
同时，不同的颜色还可以用来突出版面中的重点信息。
4. 图像：图像在版面设计中也是必不可少的元素。
设计师需要选择合适的图像来强化版面的主题或突出重点信息。
5. 间隔：间隔指的是版面中各元素之间的距离。
设计师需要控制好各元素之间的间隔，使得版面显得整洁、美观且易于阅读。
6. 对齐：版面中各元素的对齐方式也是非常重要的。
设计师需要选择合适的对
齐方式来使得版面整体看起来更加协调、统一。
7. 块状元素：块状元素是指版面中较大的元素，如标题、图片等。
这些元素需要被放置在版面中最显著的位置，以吸引读者的注意力。
8. 行内元素：行内元素是指版面中较小的元素，如正文、图例等。
这些元素需要被放置在版面中较为次要和合适的位置。
以上就是版面设计构成要素的简要介绍。
在实际设计中，设计师需要根据不同的设计需求和风格，灵活运用这些要素来创造出最佳的版面设计。
2-04出版专业理论与实务(中级)--第四章 书刊整体设计
2）大段引文
一般另段起排，给引文以区别于主体文字的整段地位，同时还可将每行行首缩进两个字或将行首、行尾均缩进两个字，以使引文更为清晰。
（4）注文版式设计
1）夹注
夹注文字要用括号括起来，直接插在主体文字的相应位置。
2）段后注
多用于需注之处较多的图书。
阳码，阴码，拼合码。
2）页面合用
3) 分栏多样
4) 字体、字级多样
5) 文字转页
（2）期刊标题版式设计特点
1）标题版面位置设计形式
1中心题
2对角题
3眉心题
4ቤተ መጻሕፍቲ ባይዱ插题
5角式题
6段首题
2）标题装饰的设计
应注意形式和内容的协调、文字和底纹的协调、字体和装饰符号的协调。
3）字体、字级和占行数的选择
（3）字间距与行距的计算
（4）版面字数与书脊宽度的关系
胶版纸书脊宽度≈0.0006毫米*纸张定量*总页面数
轻质纸书脊宽度≈纸张系数/1000*纸张定量*面数/2
（5）字间距与行距的选择
1）宽行行距
2）标准行距
3）密行行距
13.图书正文主体文字、标题、引文、注文的版式设计各应把握哪些要点？
20.插页表的设计应该注意什么？
答：设计插页表应注意做到：版面结构要紧凑。
21. 制约图片规格的因素有哪些？图片规格的技术处理包括哪些内容？应该注意什么？
答：（1）制约图片规格的因素有：开本、版面布局及图片表现力等。
（2）图片规格的技术处理包括：对原稿进行必要的放缩，或进行必要遮幅后的放缩。
3.选择书刊开本、结构及装订样式时应考虑哪些因素？
美术教案 精美的报刊——版式设计,构成要素,报头、栏目、标题、插图、文章、花边
第二课精美的报刊——版式设计一、导入新课（一）现在让我们一起来观察一下课本上的壁报，并一起来分析，它还有哪些需要改善的地1. 色彩上有没有需要改善的，思考与探讨需要改善的方面，如色彩、内容的编排、版面的整体感觉等。
2. 内容的编排上有没有需要改善的3. 版面给你的总体感觉怎样有没有一下就把你的眼光吸引住了（引导学生分析）生：背景颜色太花、标题特别是栏目标题不醒目分栏不明确版面不够清晰主题不突出视觉冲击不够等。
小结刚才同学们各抒己见指出了这份壁报的存在的问题。
它之所以么会出现这么多问题，是因为没有很好地运用版式设计的方法这节课我们将一起学习版式设计的知识，并探讨如何运用运用版式设计的知识，设计制作一份感恩主题的剪报（二）板书第二课精美的报刊——版式设计设计意图以学生身边的事物引发学生的思考激发学生的探究欲望带入本课主题学习并加以改进感恩主题的剪报。
（1）欣赏与讨论问：如果把这个版面放在同样的地方，你会不会关注它，为什么？（引导学生分析）图片大小对比、视觉冲击力强、版面清楚、主题突出、趣味性强。
问：我们刚才看的这两种形式的版式设计作品，它们有什么共性，（引导学生分析）它们都由图、文组成并且排版都有一定的规律。
问：谁能尝试归纳一下什么是版式设计，（引导学生归纳）版式设计的概念——在一个版面空间里遵循“美”的形式法则将与主题相关的视觉元素进行有机的排列组合使其产生感官上的美感。
板书一、版式设计的概念（2）版式设计作品三问：在这个版面里你首先关注的是什么?你是按照怎样的顺序来阅读的? (引导学生讨论)大家最先关注的是图片与标题然后阅读感兴趣的文章内容。
教师小结根据对读者调查的数据进行对比我们发现读者通常先被生动的图片和醒目的标题所吸引因为它们具有很强的视觉效果和导读效果。
然后才去阅读相关的栏目文字。
当然版面的色彩氛围也不容忽视因为它决定了读者对作品的第一印象。
由此可见文字、图片、色彩是版式设计的视觉要素。
版式设计的构成要素
版式设计组成要素点、线、面是组成视觉空间基础元素，也是版面组成关键语言。
版面组成实际上就是怎样经营好点、线、面。
不管版式怎样复杂，最终全部能够简化到点、线、面。
在设计师眼里，世上万物全部能够归纳为点、线、面：一个字母、多个数字，能够了解为一个点或多个点。
一行文字、一行空白，均可了解为一条线。
多行文字、一张图片或一片空白，全部能够了解为不一样形状面。
版式设计就是在有限版面空间内处理和协调好点线面之间相互依存、相互作用关系，组合出多种多样形态，组成有新意符合审美意识版式。
一、点点在造型要素中是最基础形态,也是最细小单位。
一个较小形态称为点，一条线起始或终止也是点，两条或几条线交叉处仍然能够称为点。
点在形象设计中不是孤立存在，它肯定会依附于某个形体上，它形状不固定，能够是任意形象。
比如：在一套形象设计中，服装上蝴蝶结是点，一粒特殊装饰扣是点，头发能够是点，帽子也能够是点。
点性质是由空间环境所决定。
点在空间环境中只占有极小面积。
点含有张力作用和担心性，在空间衬拖托下，点很轻易将视线吸引和聚集。
在版面中一组文字、一个标志或多个符号位置不一样、数量不一样、大小不一样、聚散排列不一样给人感觉也不一样。
关键表现在以下多个方面：（一）平等配置以大、小均等点在整体上等距排列，效果平稳、均衡，不过，轻易显得缺乏改变、呆板，无新意。
（二）不均等配置以大、小不一样，距离不等分配方法排列，设计效果有强弱对比之感，配置效果活泼，富于改变。
（三）强调配置一个点在整体形象中常常起到强调作用。
一样点，因为设计位置不一样，强调位置也不一样。
比如：头饰作为点，配置在人体上部，其装饰不仅仅是头部或脸部，而是经过强调整体形象上部一“点”，来达成某种整体效果。
设计师在造型构思时首先要决定用点目标，然后再确定点位置。
以点在全局中强调配置，起到画龙点睛作用。
点设计表现时通常是需要色彩来配合，所以，点位置、大小和色彩配置有着很关键联络。
因为点面积相对较小，所以在设计时它以位置安排取胜，在整体构图中，合适地安排点位置，才能真正发挥出点光彩。
视觉传达设计版式设计
第四章 版式设计
三、版式设计的编排形式 2、版式设计的基本类型 ◆自由型版式设计
该版面图片编排在 版面的上部具有强烈的 视觉效果，文字编排在 图片的下部具有信息说 明的作用。该版面的视 觉重心设置在上部，给 人以轻松、愉快之感。
第四章 版式设计
三、版式设计的编排形式 3、版式设计的网格系统 ◆网格在版式设计中的重要性
②对称式单元网格 对称式单元网格在版面编排中， 将版面分成同等大小的网格，再 根据版式的需要编排文字与图片。 这样的版式具有很大的灵活性， 可以随意编排文字和图片。在编 排过程中，单元格之间的间隔距 离可以自由放大或者缩小，但是 每个单元格四周的空间距离必须 相等。
单元格对称网格
第四章 版式设计
三、版式设计的编排形式 3、版式设计的网格系统 ◆网格的类型
(二)非对称式网格 非对称网格主要分为非对称栏状网格与非对称单元网格两种。
非对称栏状网格
非对称单元格网格
第四章 版式设计
三、版式设计的编排形式 3、版式设计的网格系统 ◆网格的类型
(三)基线网格 基线网格通常是不可见的，但它却是平面设计师的基础。基 线网格提供了一种视觉参考，它可以帮助版面元素的准确编排与 对齐页面，是凭感觉无法达到的版面效果。
第四章 版式设计
一、版式设计概述 3、版式设计三大视觉要素 ◆图形或者图像
特写图像视觉冲击力强
第四章 版式设计
一、版式设计概述 3、版式设计三大视觉要素 ◆图形或者图像
同类广告的不同表现手法
第四章 版式设计
一、版式设计概述 3、版式设计三大视觉要素 ◆色彩
在版面设计中，色彩总是至少成双出现的，即使是黑色的字，在白 色的底面上，也成了黑白对比的色彩效果，而不同的配色，带给我 们不同的视觉心理感受，好的配色同样可以起到引导交流信息的效 果。
版式设计的基本构成要素和设计准则
版式设计的基本构成要素和设计准则下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。
文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!本店铺为大家提供各种类型的实用资料，如教育随笔、日记赏析、句子摘抄、古诗大全、经典美文、话题作文、工作总结、词语解析、文案摘录、其他资料等等，想了解不同资料格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor. I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you! In addition, this shop provides you with various types of practical materials, such as educational essays, diary appreciation, sentence excerpts, ancient poems, classic articles, topic composition, work summary, word parsing, copy excerpts, other materials and so on, want to know different data formats and writing methods, please pay attention!一、版式设计的基本构成要素。
1.文字在版式设计中，文字是非常重要的构成要素。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第四章版式设计的构成要素
教学要求：
视觉要素和构成要素是版式设计的基本造型词汇，是组成任何平面设计的基础。
视觉要素包括形及其各种变化和组合，色彩与色调，肌理等构成要素则包含空间、动势与织体等组合画面的表现语汇。
讲授内容：
1、点构成
2、线构成
3、面构成
点、线、面是构成页面视觉空间的基本要素，一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可理解为一条线；数行文字与一片空白，则可理解为面。
点、线、面构建成一个个千变万化的全新版面。
第一节点构成
在版面中，任何一个单独而细小的形象可以称之为点，点的面积是相对比较而言的，比如在版面中一个文字、一个商标、一个按钮、一个LOGO等都可称为点。
另外点的形状并不一定指圆，也可以是其它的几何形体，点是相对线和面存在的视觉元素。
点排列的形状、方向、大小、位置、聚集、发散，能够给人带来不同的心理感受和视觉冲击。
第二节线构成
线是决定版面现象的基本要素。
线的总体形状有垂直、水平、倾斜、几何曲线、自由线几种。
线的性格特征：斜线具有动荡和速度的感觉；平行线表现出规律、平稳；垂直线具有庄严、挺拔、力量、向上的感觉；曲线给人流畅、柔美的性格特征。
线可以串联各种视觉要素，可以分割画面和图像文字，可以使画面充满动感，也可以在最大程度上稳定画面。
线与线之间的排列可以使画面具有节奏感，线的放射、粗细、渐变的排列可以体现三维空间的感觉。
第三节面构成
版式设计中的面比点、线的视觉冲击力更大。
它大体分为：几何型的面（方、圆、三角、多边形）、有机切面（弧形的相交或相切得出）、不规则的面。
面的排列要考虑形状与面积的对比，间隔和面积的对比，面积与面积的对比等因素，这样版式设计才能产生动感。
垂直、水平的面等距离的排列产生稳重，简单的感
觉。
不同面积、不同位置排列产生活泼，跳跃的感觉。
处理好不同形状的面之间的相互关系和整体的和谐程度，才能设计出充满美感、艺术、实用的版式作品。
当我们在设计版面时，点线面是首要的考虑因素，我们要善于排列组合它们之间的关系，善于使用点线面表现不同的形式和情感。
这样才能设计出具有最佳视觉效果的版面。
作业练习：
1、运用点、线、面分析优秀版式设计作品。
2、运用点、线、面等形态要素进行各种组合版式练习。