版式设计第二章PPT课件

• 所谓三维空间就是立体的，看得见，摸得着的。在平面上的三维空间 是制造的一种假象，看得见而摸不着的。采用近大远小，比例的对比， 位置的不同，还有肌理的突显而制造的空间层次。 1）比例关系的空间层次，面积大小的比 例关系，在版面编排的时候将主体形
象进行放大，使版面形成良好的主次、 强弱的空间层次关系。（见图16） 2）位置关系的空间层次，将文字与图形
第2章版式设计的原理
2.1 版式视觉空间的构成元素 2.2 版式的视觉流程 2.3 版面的排列 2.4 版式设计的基础类型
课题概述：本章主要介绍了版式设计的构成元素。其中，通过版式设 计的视觉流程、版面安排以及版式设计的基本类型从而对版式设计的 版面视觉空间的构成元素进行深入了解。
教学目标：对版式设计的原理的学习与掌握，以及对版式设计中构成 元素、视觉流程、版面的排列的认识，能够熟练地将版式设计原理运 用到实际版式设计当中。
2.1.1 点的编排构成
• 所谓点就是细小的形，点是相对于其他元素的比例而决定的，而不 是由自身的大小而决定的，它是视觉设计的最小单位，越小的形越 容易被认为是点，理想的点是圆点。下面我们来谈谈点的编排构成， 点的编排有密集和分散两种。
2020年9月28日
2
(1)密集型
• 所谓密集就是点 的数量众多，排 列疏密有致，以 聚集或者分散的 原则方法形成的 构图形式。（见 图1 ～图2）
• 其实点作为一种视觉元素，意义非常广泛，在版式设计中起 到了平衡、强调、跳跃等作用。
2020年9月28日
4
2.1.2 线的编排构成
• 有人说线就是点的移动轨迹，线又被称为过长的形象，即其长度跟 宽度形成强烈对比时就能称为线。线可以是移动的也可以是静止的。 线也可以构成各种装饰元素以及各种形态，它们起着分隔画面形象 的作用。线在设计中的影响力远远大于点。线要求在视觉上占有很 大一部分空间，它的延伸带来一种活力。（见图5）
• 在右图中，黄 色代表点，绿 色代表线，整 个版面就形成 了一个面。这 就是点线面的 结合表现。
图14 点线面混排
2020年9月28日
图15 点线面混排
10
2.1.5 版式设计中的其他构成要素
• 版面设计主要是由不同的元素，巧妙的搭配而形成。现在我们来了解 一下版式设计中的其他构成要素。
(1)三维空间的编排构成
图1 点的密集版式 图2 点的密集型示意图
• 图1将不同大小、疏密有致的混合排列，形成散点式的构图形式。 这种聚散的大小重叠、交叉，字体大小比例适中，形成一幅成功的 招贴设计。
2020年9月28日
3
(2)分散型
图3 点的分散版式
图4 点的分散示意图
• 分散型的排列 形式，就是运 用剪缺和分解 的基本手法破 坏形，通过破 坏后所形成的 新构图效果就 是点的分散形 排列。（见图 3 ～图4）
几何直线形：如方形、 几何曲线形：如圆形、 自由形：自由直线形、
三角形、菱形
椭圆形
自由曲线形
图9 面的几何直线形 图10 面的几何曲线形 图11 面的自由形
2020年9月28日
8
(1)面的分割构成 • 面的分割构成主要表现为，线条对一张图片以及多张图片进行的分 割，整齐有序地排列在版面上。像这样的分割编排版面具有强烈的 秩序感与整体感，使版面产生严肃、稳定的视觉效果。（见图12）
章节重点：了解版式的构成元素，并熟知版式设计的视觉流程、版面 排列以及版式设计的基本类型的任务。
2020年9月28日Fra bibliotek12.1版式的视觉构成元素
• 版面设计的效果要达到既新颖、美观、大方，又与自身定位相结合， 关键在于版面构成给人视觉上的感受。了解版面的视觉构成元素是 关键的一步，视觉构成元素主要指点、线、面，不同的组合给人不 同的心理感受。
(3)线的空间
图7 线的情感
• 线不仅仅具有情感上的因素，线还具有方 向性、流动性、延续性与空间感。线条的 起伏荡漾所产生的视觉空间的深、广度， 给设计带来了宽广的思维空间。线条的微 妙变化显示了设计的含蓄与情感表现。放 射性线条使画面视觉表现强烈，具有爆发 力。（见图8）
2020年9月28日
图8 线的空间感
(1)线的节奏
• 文字排列的线，由于组 成线的点按照规律、大 小、方向的变化，使构 成线条运动、跳跃、有 节奏、有韵律的感觉， 使整个画面具有无穷的 想象空间。（见图6）
图6 线的节奏
2020年9月28日
6
(2)线的情感
• 在画面上直线与曲线给人的视觉效果是不 一样的，直线一般代表男性化，刚硬而有 力；曲线一般用来表示女性的线条柔美。 因此，我们在运用线条之前，应该线的表 现有一定的了解，才能产生你所要表达的 情感意义。（见图7）
(2)面的情感构成
• 面具有多重性格， 让人感觉到它的 丰富内涵，有时 动态、强势、有 韵律，能够塑造 立体感也会给人 很多错觉感。 （见图13）
图12 面的分割
图13 面的情感
2020年9月28日
9
2.1.4 点线面的混排
• 一个完整的版面主要是点、线、面的有机结合而组成的。在版面中的 点由于大小、形态、位置的不同，所产生的视觉效果和心理作用也不 同。点的流向编排就形成了线，线的密集排列就形成了面。点、线、 面是相对而言的，根据它们在画面中的比例关系决定。在很多应用性 版式设计中，文字构成线占据画面的主要地位，成为设计师处理的重 要对象。（见图14 ～图15）
直线：单纯、明快、刚硬 粗直线：笨重、有力 细直线：敏锐、脆弱 锯齿线：不安、焦虑 水平线：安定、平静 垂直线：严肃、庄重 斜线：速度、飞跃 曲线：柔和、优雅
图5 线的表现形式
2020年9月28日
5
• 线的编排构成分为有节奏的、有情感的、有空间关系的。 每条线都有自己独特的性感存在，将不同的线有节奏的编 排于版式中就能形成各种不同的效果。
7
2.1.3 面的编排构成
• 面是线重复密集移动的轨迹和线的密集形态，也可理解为点的放大、 点的密集或线的重复。面在空间上的占有面积也最多，因此在视觉上 要比点、线来得强烈，同时具有鲜明的个性特征。几何形和自由形是 面的两大类型。
• 面的形状和边缘对面的性质也影响着面的表现形态，在不同的情况下 会使面的形象产生很多变化。从整个视觉要素来看，面的视觉影响力 最大，它们在画面上有着举足轻重的地位。（见图9 ～图11）