1、版式设计第 1 章 版 式 设 计 的 理 论 基 本1 . 1 版式设计的概念1 . 2 版式设计的历史和发展1 . 3 设计原则1 . 4 设计功能1 . 5 版面设计程序课题概述： 本章主要介绍了版式设计的基本概念。 其中， 通过版式设 计的概念、 历史发展以及功能原则了解版式设计程序从而对版式设计 的基本概念进行由浅到深的介绍。教学目标： 通过对版式设计的概念、 历史发展以及原则功能来学习版 式设计的基本概念， 了解版式设计基础知识， 为后面进一步学好版式 设计做好铺垫。章节重点： 了解版式的概念， 并熟知版式设计的原则、 功能以及版面 设计程序的任务。1 . 1 版式设计的概念 版式
2、设计是平面设计过程中的一个重要环节， 主要是将平面设计的 所有元素在版面上进行有组织有目的的编排， 它又被称编排设计、 版式编排设计， 版式设计其实就是对版面上元素进行规划设计。根据以上定义可以得到如下几个结论：（ 1） 版式设计是有计划有目的的平面展示；（ 2） 版式设计的主体是视觉传达， 而视觉传 达的主要作用是达到信息传递的目的；（ 3） 版式设计是通过大众传播媒介来进行 的，是视觉上的；（ 4 ） 版式设计的目的是为了让人更容易读懂 内容， 在某种程度上也更能达到宣传目 的。（ 见图 1 ）图 1 时尚杂志版式1 . 2 版式设计的历史和发展 版式设计的发展是一个漫长的过程， 早期人类
3、交流和传播信息与想法的 口语有限， 无法随着社会的发展来满足文明传承的需要。 下面我们通过 个对传统书籍与西方书籍的版式设计了解版式设计的历史与发展。1 . 2 . 1 中国书籍形态和版式设计的历史 中国书籍最早从简册开始， 简背面写有篇名与篇次， 将简册卷起来的时候文字正好显示在外面， 方便人们在阅读时查找， 这为现代书籍扉页奠 定了基础。 传统书籍文化对现代书籍版式设计产生了极为重要的影响。（ 见图 2 图 3 ）图 2 书籍版面的区域划分图 3 传统竹简图 4 传统木牍图 5 传统缣帛图 6 传统书籍 中国传统书籍的版式设计对后来的版面设计有着很大的影响。 传统书 籍中文字采用竖排从右至
4、左的阅读方式形成了与当时西方书籍完全不 同的版面形式。 中国人在设计书籍版式与印刷技术方面都非常成熟。 在传统书籍中， 文字的编排表现了中国的传统文化， 与中国的绘画构 图有着重要关联。（ 见图 4 图 6 ）1 . 2 . 2 西方的书籍及版面形式的发展图 7 杂志版面 西方国家最初的书籍的样式与当时的报纸很相似。 18 世纪慢慢抛弃了 标准的图书格式， 为了扩大版面采用大型号纸张， 但这阶段的书籍虽 然在纸张跟尺寸上有所改变， 但是在印刷和视觉因素上几乎还没有什 么变化， 这种状况一直持续到 19 世纪中期。 进入 20 世纪， 特别是 到了 60 年代， 版面设 计受到空前的重视。 留白
5、的诞生， 版面形 式以色彩和图片为基 础， 以大量文字与图 片来传达信息， 成为 西方版面发展史上的 一大转折。（ 见图7 图 8 ）图 8 杂志版面1 . 3 版式设计的原则版式设计的最终目的是使版面产生清晰的条理性， 用悦目的组 织来更好地突出主题， 达到最佳诉求效果。( 1 ) 主题鲜明突出 按照主从关系的顺序， 使放大的主体形象作为 视觉中心， 以此表达主 题思想。 将文案中的多 种信息作整体编排设计， 有助于主体形象的 建立。 在主体形象四周 增加空白量， 使被强调 的主体形象更加鲜明突 出。（ 见图 9 ）图 9 杂志版式设计图 10 杂志版式设计( 2 ) 形式与内容统一 版 式
6、 设 计 的 前 提 是 版 式 所 追 求 的完美形式必须符合主题的思 想内容。 通过完美、 新颖的形 式来表达主题。（ 见图 1 0 ） 优 化 整 体 布 局 是 将 版 面 的 各 种 编排要素在编排结构及色彩上 作整体设计， 以求最优的传达 效果。 如水平结构、 垂直结构、 斜向结构、 曲线结构。 文 案的合理编排可加强视觉效果。 如图 11中， 该版面采用倾 斜的图形结构与垂直的文字编 排， 体现了版面强烈的视觉冲 击力。（ 见图 1 1 ）( 3 ) 优化整体布局图 11 杂志版式设计 每一个版式的排列都有它自身的原理， 采用手法也多种多样， 可以 是夸张的、 比喻的、 联想的、
7、 幽默的、 对比的等， 其最终目的是使 画面产生美感阅读更方便， 也表现了设计师的风格艺术特色的视觉 展现。如图 12 是一张杂志的展开版面， 在该版面中运用图片的对比编排， 增添了版面的趣味性。 采用 图片型的编排结构， 使整个版面 具有活跃感， 文字编排整齐， 起 到了信息传递的作用。 对比型的 版面编排形式在版式设计中运用 广泛。 （ 见图 1 2 ）图 12 对比版式设计1 . 4 版式设计的功能 版式设计功能主要体现版面元素的编排能够保证达到信息传达的 目的， 文字的编排能够保证阅读的流畅， 并且通过编排的方法产 生一定的美感， 使阅读的过程充满轻松美好的感觉。图 13 是一张杂志版
8、式设计， 从整个版 面结构来看， 版面文字与图形编排整齐， 具有一定的规律性， 使读者在阅读的时候具有明确的阅读节奏与视觉 流程。 版面整洁具有稳定性， 给人平 稳、 理性的视觉感受， 这就是版式设 计的功能性表现。 它可以调整版面的 协调性， 使杂乱的文字与图形具有规 律性， 体现版面的统一协调的视觉效 果， 使信息阅读具有明确的节奏感与 阅读美感， 同时达到了信息传递的目 的。（ 见图 1 3 ）图 13 杂志版式设计1 . 5 版式设计程序 版面构成是传播信息的桥梁， 所追求的完美形式必须符合主题的 思想内容。 版面设计的程序是创造美感平面空间的主要手法， 关 系着整个版面从视觉到内容的
9、完善性和目的性。图 14 杂志版面结果 示意图图 15 杂志版面 我 们 在 做 一 个 版 式 设 计 的时候， 首先要明确该 版面的主题， 再根据主 题的内容确定版面风格， 最后才是确定版面 中元素的编排位置。 版 式设计作为加强信息传 达的表现手法， 在设计 编排的过程中应注意其 主次结构关系。（ 见图 1 4 图 1 5 ）1 . 5 . 1 读者群定位图 1 6 儿童读物版面图 1 7 时尚杂志封面版式版式设计主要体现为视觉传达信息， 不是盲目地编排画面， 而是根据 读者群体编排版式， 如书籍编辑与平面广告编辑等。 书籍包括杂志、小说、 课本等， 根据不同的读者群体编排不同的版式设计
10、， 小孩看书要多图少字， 有乐趣； 老人看的书要注意文字的编排， 字体选择稍微 大一号的字， 内容编排通俗易懂， 版面规整。（ 见图 1 6 图 1 7 ）1 . 5 . 2 明确设计项目图 1 8 杂志版式设计图 1 9 杂志版式设计 在定位了读者群体以后， 还要有清晰的设计项目主题， 再根据主题选 择元素， 然后再考虑采用什么样的表现形式， 使版式与色彩达到完美 的搭配， 有了明确的设计项目， 才能准确的表达设计版面与视觉传达。 中， 该杂志版面是图 18一专访页面， 在版面中 根 据 对 主 题 内 容 进 行 版 面结构的编排， 加强信 息传达， 给人视觉上的 流畅感。图 19 中，
11、该版面主要表 现该 T恤 的图案的个性化 特征， 注重版面色彩与 图形的活跃表现， 充分 体现 T恤 的个性化图案的 特征。1 . 5 . 3 明确传播信息内容图 2 0 招贴版式设计图 2 1 杂志版式设计一个好的版式设计不仅仅是画面的美感， 更应有明确的目的性， 准确 传达信息是版式的首要任务， 当今社会信息的传播是很重要的， 版式 设计通过对文字图形与色彩的合理搭配， 追求了版面的美感的同时在 信息传达上也更要准确清晰。 在编排一个版式设计的时候， 作为设计 师首先应该明白该版式设计的主要目的， 要传达给目标群体什么样的 信息， 其次再考虑采用什么样的版面编排能更好的实现信息的传递。（
12、见图 2 0 图 2 2 ）图 2 2 招贴版式设计1 . 5 . 4 明确设计宗旨 在定位了读者群， 明确了设计项目主题和信息内容， 下来让我们了解 设计宗旨的含义。 所谓设计的宗旨就是你所做这个设计版面主要是要 表达什么意思， 传达一个什么样的信息， 达到什么样的目的， 就是你做的这个设计的宗旨所在。 所以在做设计之前明确设计宗旨是很重要 的， 比如说做一个饮料广告版式， 设计的宗旨就是让消费者了解这种 饮料， 提高饮料的知名度， 达到促销该饮料的目的。 图 23 是一张冰箱广告的杂志宣传版 面， 该版面运用鱼的鲜活特征， 体 现该冰柜具有很好的保鲜作用。 因 此该版面的主要设计宗旨就是宣
13、传 该冰箱具有良好的保鲜作用， 使该 冰箱在市场上形成独特的品牌形象， 从而达到产品促销的作用。图 2 3 杂志版式设计1 . 5 . 5 明确设计要求图 2 4 汽车宣传版式设计图 2 5 饮料宣传版式设计设计的主要目的是信息的传递， 现在市面上最常见到的就是商业广告 设计， 是一种盈利性的宣传活动， 版式设计是建立在广告设计基础上的， 在版式方面要明白设计的要求， 也就是要达到广告宣传的要求，有明确的设计宗旨， 明确的主题， 通过画面与文字的结合把商品信息 准确快速地传递给社会大众， 达到促销商品的目的。 一个好的平面广 告版式能让人一眼难忘， 记忆深刻。（ 见图 2 4 图 2 6 ）图
14、 2 6品牌服饰宣传 版式设计1 . 5 . 6 计划安排图 2 7 招贴版式设计 在做设计之前要对设计的背景进行研究调查， 收集资料了解背景信息 是做设计前的基本要求， 熟悉背景的主要特征， 根据对收集的资料进 行分析再确定自己的设计方案， 最后根据自己的设计方案安排设计内 容， 在有效的时间内完成版式设计。1 . 5 . 7 设计流程 所谓设计流程就是做出一个设计方案所要 经历的一个过程， 这个过程也是做设计的 关键。 首先接到一个设计项目， 要做到的 就是了解主题， 熟悉背景， 明确设计宗旨， 再对上述信息进行分析， 确认设计方 案即设计定位与表现风格。 初学者往往没 有手绘的习惯直接在
15、电脑上排版， 其实， 适当地运用手绘草图可以帮助构思的完整 性， 形成草图以后再到电脑上完成制作定 稿会取得更好的效果。（ 见图 2 7 ）教 学 实 例 根 据 版 面 设 计 的 表 现 手 法 明 确 版 面 的 设 计 宗 旨 与 版 面 的 主 要 功 能 体 现 。1. 宣传册版式设计图 2 8图 2 9 在做版式设计的时候， 根据版面的主题内 容的需要选择采用什么样的编排表现形式。 明确版式设计宗旨， 从而体现该版面 的功能性特征。 图 28的版面中都采用了大小图对比编排方 式， 将版面的主体图片进行放大， 使版面 具有明确的视觉中心。 文字合理地编排在 图片下方， 具有解释说明
16、的意思， 使读者 在阅读的时候能够快速的了解版面信息， 符合版式设计的信息传达的功能性。 根据版面的需要， 加大主体图片与其它三 张图片的大小对比关系， 使版面具有跳跃 性特征， 增添了活跃感。（ 见图 2 9 ）2 . 户外广告版式设计 户外广告具有版面简洁、 信息明了、 视觉效果强烈等特征， 因此在 编排户外广告版面时， 常以图片的形式吸引人们的注意， 文字的编 排起辅助信息传达的作用， 根据版面中图片的大小， 表现不同的版 面效果， 根据不同的版面元素处理方式， 了解版面的功能性特征。图 3 0运用图片框的形式使版面具有规律 严谨的视觉效果， 在信息传达上具 有高质量的视觉感受。图 3
17、1在处理图片上的文字编排时候， 应注意文字的位置与色彩的编排， 选用与图片区分较为明显色 彩进行信息传达。设 计 点 评通过上面的学习， 对版式的版面和视觉传达的表现应该有了一定 的了解。 版式设计其最主要的目的在于视觉上吸引人们的眼球， 便于人们观看、 阅读， 从而达到宣传的目的。图 32 图 33 点评： 本设计是两张杂志版面， 两张版面都采用对比的 形式， 画面简洁且统一， 同时在统一中偶有差别， 增加了整个版面 创意性、 趣味性性与可阅读性。图 3 2图 3 3图 3 5图 3 4图 34 图 35 点评： 本设计制 作的是洗手夜招贴版面设 计， 其中画面采用剪影的手， 手上有很多细菌
18、的图片跟细菌危害介绍， 表现手法 很新颖。 图 34 中， 在画面完 整新颖的情况下， 产品的照 片明显达到了信息传达的目 的， 整个版式具有活跃感； 而在图 35 中， 缩小产品图片 的大小， 使整个版面具有品 质感， 体现出一种高品质的 版面效果。图 3 6图 3 7图 36 图 37 点评： 本设计制作的是一种洗发水的宣传单版式设计。 图 36 两张局部特写的图片放在一起， 画面显得很拥挤、 混乱没有主 题， 没有达到画面的审美效果， 经过修改以后图 37色调统一、 画面 整洁， 画面有了对比， 具有了生气， 突出了层次， 达到了产品宣传 的目的。图 3 8图 3 9图 38 图 39
19、点评： 左图是 两张招贴设计， 采用插画 的风格来表现， 体现了版面中点线面的结合。 在色 彩上选择选择个性的红色 与黑色搭配， 充分展现了 该手机的个性时尚， 版式 设计上视觉流向清晰， 大 小图片疏密适中搭配均衡， 整个画面充满了自由 轻快之感， 加上插画的艺 术风格， 更能展现画面的 活跃感与该手机的年轻化。 整个版面在信息传达 的同时， 将年轻时尚的气 息也随之进行了宣传。课 后 练 习1 通过对上面版式设计知识的了解与学习， 根据版式的基本原则与设 计功能， 编排一张报版设计。 要求画面简洁不杂乱， 阅读轻松、 层次 清晰明了、 文字编排合理。 了解报纸的特性， 体现该报纸的功能性。
20、创意思路： 报纸版面的设计编排， 首先要了解报纸版面的设计 要素、 报纸的失效性与报纸的消 息宣传范围。 其次， 了解看报人 的心理， 根据人们阅读的习惯， 在版式设计上注意要层次清晰， 表达准确。 最后明确设计方向， 根据设计方向的定位分析， 进行 设计元素编排， 最终目的要符合 版式设计的基本原则， 在个性的 版式基础上使阅读更方便。图 4 02 通过对版式设计基础知识的了解， 设计一个汽车的网页版式， 要求 高品质， 能很好的树立品牌形象。图 4 1图 4 2创意思路： 了解汽车背景， 由于其针对人群不同， 其特点也不相同， 在策划之初要先了解产品的突出特点在何处， 然后再针对其优势进行
21、 设计。 当确定了优势后， 为了能让画面富于审美情趣， 可以通过夸张、 联想、 象征、 比喻等手法来突出汽车的特点。第 2 章 版 式 设 计 的 原 理2 . 1 版式视觉空间的构成元素2 . 2 版式的视觉流程2 . 3 版面的排列2 . 4 版式设计的基础类型课题概述： 本章主要介绍了版式设计的构成元素。 其中， 通过版式设 计的视觉流程、 版面安排以及版式设计的基本类型从而对版式设计的 版面视觉空间的构成元素进行深入了解。教学目标： 对版式设计的原理的学习与掌握， 以及对版式设计中构成 元素、 视觉流程、 版面的排列的认识， 能够熟练地将版式设计原理运 用到实际版式设计当中。章节重点：
22、 了解版式的构成元素， 并熟知版式设计的视觉流程、 版面 排列以及版式设计的基本类型的任务。2 . 1 版式的视觉构成元素版面设计的效果要达到既新颖、 美观、 大方， 又与自身定位相结合， 关键在于版面构成给人视觉上的感受。 了解版面的视觉构成元素是关键的一步， 视觉构成元素主要指点、 线、 面， 不同的组合给 人不同的心理感受。2 . 1 . 1 点的编排构成 所谓点就是细小的形， 点是相对于其他元素的比例而决定的， 而不 是由自身的大小而决定的， 它是视觉设计的最小单位， 越小的形越 容易被认为是点， 理想的点是圆点。 下面我们来谈谈点的编排构成， 点的编排有密集和分散两种。( 1 ) 密
23、集型 所 谓 密 集 就 是 点 的数量众多， 排 列疏密有致， 以 聚集或者分散的 原则方法形成的 构图形式。（ 见 图 1 图 2 ）图 1 点的密集版式图 2 点的密集型示意图图 1 将不同大小、 疏密有致的混合排列， 形成散点式的构图形式。 这种聚散的大小重叠、 交叉， 字体大小比例适中， 形成一幅成功的 招贴设计。( 2) 分散型其实点作为一种视觉元素， 意义非常广泛， 在版式设计中起 到了平衡、 强调、 跳跃等作用。 分 散 型 的 排 列 形式， 就是运 用剪缺和分解的基本手法破 坏形， 通过破 坏后所形成的 新构图效果就 是点的分散形排列。（ 见图 3 图 4 ）图 3 点的分
24、散版式图 4 点的分散示意图2 . 1 . 2 线的编排构成有人说线就是点的移动轨迹， 线又被称为过长的形象， 即其长度跟 宽度形成强烈对比时就能称为线。 线可以是移动的也可以是静止的。 线也可以构成各种装饰元素以及各种形态， 它们起着分隔画面 形象的作用。 线在设计中的影响力远远大于点。 线要求在视觉上占 有很大一部分空间， 它的延伸带来一种活力。（ 见图 5 ）直线： 单纯、 明快、 刚硬 粗直线： 笨重、 有力细直线： 敏锐、 脆弱 锯齿线： 不安、 焦虑水平线： 安定、 平静 垂直线： 严肃、 庄重 斜线： 速度、 飞跃曲线： 柔和、 优雅图 5 线的表现形式 线的编排构成分为有节奏的
25、、 有情感的、 有空间关系的。 每条线都有自己独特的性感存在， 将不同的线有节奏的编 排于版式中就能形成各种不同的效果。( 1 ) 线的节奏 文字排列的线， 由于组 成线的点按照规律、 大 小、 方向的变化， 使构 成线条运动、 跳跃、 有 节奏、 有韵律的感觉， 使整个画面具有无穷的 想象空间。（ 见图 6 ）图 6 线的节奏在画面上直线与曲线给人的视觉效果是不 一样的， 直线一般代表男性化， 刚硬而有力； 曲线一般用来表示女性的线条柔美。 因此， 我们在运用线条之前， 应该线的表现有一定的了解， 才能产生你所要表达的 情感意义。（ 见图 7 ）图 7 线的情感( 2 ) 线的情感( 3 )
26、 线的空间 线不仅仅具有情感上的因素， 线还具有方 向性、 流动性、 延续性与空间感。 线条的 起伏荡漾所产生的视觉空间的深、 广度， 给设计带来了宽广的思维空间。 线条的微 妙变化显示了设计的含蓄与情感表现。 放 射性线条使画面视觉表现强烈， 具有爆发 力。（ 见图 8 ）图 8 线的空间感2 . 1 . 3 面的编排构成图 9 面的几何直线形几何直线形： 如方形、 三角形、 菱形 面是线重复密集移动的轨迹和线的密集形态， 也可理解为点的放大、 点的密集或线的重复。 面在空间上的占有面积也最多， 因此在视觉上 要比点、 线来得强烈， 同时具有鲜明的个性特征。 几何形和自由形是 面的两大类型。
27、 面的形状和边缘对面的性质也影响着面的表现形态， 在不同的情况下 会使面的形象产生很多变化。 从整个视觉要素来看， 面的视觉影响力 最大， 它们在画面上有着举足轻重的地位。（ 见图 9 图 1 1 ）几何曲线形： 如圆形、 椭圆形自由形： 自由直线形、 自由曲线形图 1 0 面的几何曲线形图 1 1 面的自由形面具有多重性格， 让人感觉到 它的丰富内涵， 有时动态、 强势、 有韵律， 能够塑造立体感也 会给人很多错觉 感。（ 见图 1 3 ）( 1 ) 面的分割构成 面的分割构成主要表现为， 线条对一张图片以及多张图片进行的分 割， 整齐有序地排列在版面上。 像这样的分割编排版面具有强烈的 秩
28、序感与整体感， 使版面产生严肃、 稳定的视觉效果。（ 见图 1 2 ）( 2 ) 面的情感构成图 12 面的分割图 13 面的情感2 . 1 . 4 点线面的混排图 1 4 点线面混排图 1 5点线面混排一个完整的版面主要是点、 线、 面的有机结合而组成的。 在版面中的 点由于大小、 形态、 位置的不同， 所产生的视觉效果和心理作用也不同。 点的流向编排就形成了线， 线的密集排列就形成了面。 点、 线、 面是相对而言的， 根据它们在画面中的比例关系决定。 在很多应用性版式设计中， 文字构成线占据画面的主要地位， 成为设计师处理的重 要对象。（ 见图 1 4 图 1 5 ） 在右图中， 黄 色代
29、表点， 绿 色代表线， 整 个版面就形成 了一个面。 这 就是点线面的 结合表现。2 . 1 . 5 版式设计中的其他构成要素图 1 6 比例关系构成 空间层次版面设计主要是由不同的元素， 巧妙的搭配而形成。 现在我们来了解 一下版式设计中的其他构成要素。( 1) 三维空间的编排构成所谓三维空间就是立体的， 看得见， 摸得着的。 在平面上的三维空间 是制造的一种假象， 看得见而摸不着的。 采用近大远小， 比例的对比， 位置的不同， 还有肌理的突显而制造的空间层次。1） 比例关系的空间层次， 面积大小的比 例关系， 在版面编排的时候将主体形 象进行放大， 使版面形成良好的主次、位置关系的空间层次
30、， 将文字与图2 ） 强弱的空间层次关系。（ 见图 1 6 ） 形重叠排列， 所产生的空间节奏感。 3 ） 所谓肌理空间层次， 主要表现为肌理的粗细、 质感与色彩的变化。图 1 7 版面色彩构成( 2 ) 色彩构成 色彩也是版式设计中重要的构成元素。 不同的颜色使人产生不同的情 绪， 从而引起人的心理发生变化。 心理学家对颜色与人的心理健康进 行了研究。 研究表明， 在一般情况下， 红色表示快乐、 热情， 它使人 情绪热烈、 饱满， 激发爱的情感； 黄色表示快乐、 明亮， 使人兴高采 烈， 充满喜悦之情； 绿色表示和平， 使人的心里有安定、 恬静、 温和 之感。 总之， 各种颜色都会给人的情绪
31、带来一定的影响， 使人的心理 活动发生变化。 在版式设计中颜色也是很重要的一个视觉元素， 本身 就具有强烈的空间感。 合理的利用色彩搭配， 能吸引人们的注意， 更 让人印象深刻。（ 见图 1 7 图 1 8 ）图 1 8 版面色彩构成2 . 2 版式的视觉流程 每一个版面都有一个视觉流向， 要想在视觉上有所突破， 就得在视 觉流向上下好功夫。 版面构成的视觉流程主要是指平面上各种不同 元素的主次关系， 是设计上处理起始点和过程的一种阅读节奏。2 . 2 . 1 单向视觉流程 在解读或认识一些平面读物的时候， 都会有 一定的先后顺序和主次关系， 设计师在编排 的过程中特意的采用某种形式来引导人们
32、的 视觉流向， 这就是编排设计中的视觉流程。 视觉流程的编排在展现设计师个性化的同时， 也要符合人体视觉习惯， 过分夸张反而 得到适得其反的效果。 单向视觉流程是按照 常规的视觉流程规律， 引导读者的一种视觉 走向， 使版面的视觉走向更简洁明了 。（ 见图 1 9 ）图 1 9 招贴设计版面图 2 0 直式视觉流向单向视觉流程具有三种表现形式：（ 1 ） 直线式视觉流程： 视觉流向简洁有力， 具有稳固画面的作用， 在引导读者的同时稳定了画面。（ 见图 2 0 ）（ 2 ） 横式视觉流程： 主要视线是水平的， 左右看， 具有温和的画面情感， 给人一种很安静的感觉。（ 见图 2 1 ）（ 3 ）
33、斜式视觉流程： 主要视线是左上角与右下角之间， 给人倾斜的视觉效果与不稳定的心理感受。 斜式视觉流程具有强烈冲击力， 能 有效地吸引人们的注意。（ 见图 2 2 ）图 2 2 斜式视觉流向图 2 1 横式视觉流向2 . 2 . 2 重心视觉流程图 2 4重心在左侧图 2 3重心在右侧 我们在看一个版式设计的时候， 视线接触画面常常迅速由左上角到左 下角， 再通过中心部分从右上角经右下角， 然后回到以画面最吸引视 线的中心视圈停留下来， 这个中心点就是视觉的重心， 视觉重心有着稳定版面的效果， 可以使版面具有平稳的视觉效果， 给人可信赖的心 理感受， 没有重心的版式设计是失败的。 版式设计主要表
34、现在视觉 上， 优秀的版式设计， 主 要表现为版面上元素构成 达到和谐的比例关系， 形 成的一种视觉平衡。 根据 版面所表达的含义来决定 视觉重心的位置， 能更好、 更准确的传达信息。（ 见图 2 3 图 2 4 ）2 . 2 . 3 反复视觉流程 所谓反复视觉流程就是以相同的或者相似的元素反复排列在画面中， 给人视觉上的重复感。 设计师采用这种重复形的图案， 增强了图形的 识别性， 增加了画面的生动感， 形成了画面的统一性， 与连续性。 给 人整齐， 稳定有规律的感觉， 增添了整个版面的节奏与韵律。图 2 5 反复视觉流程图 2 6 反复视觉流程示意图在完全相同元素重复的同时， 也有主要的表
35、现方式， 在相同中找差异， 在整齐中求变化， 这就是反复视觉流程中的特异视觉流程。 采用 突破的手法， 违反秩序以突出小部分元素来展现面的趣味感， 而且吸 引读者的眼球， 使整个版面更具有生气。（ 见图 2 5 图 2 6 ）2 . 2 . 4 导向性视觉流程 所谓导向视觉流程， 就是设计师在设计 上采用的一种手法， 引导读者按照自己 的思路贯穿整个版面， 形成一个整体的、 统一的画面。（ 见图 2 7 ）( 1) 放射性视觉流程图 2 7 导向视觉流程所谓放射性视觉流程， 是采用点与线作为引导作用， 把散落在四周 的所以元素统一在一个圆点上， 达到统一画面的视觉效果， 整个画面赋有动态感。（
36、 见图 2 8 ） ( 2 ) 十字形视觉流程十字形视觉流程， 就相当于在画面上画 了一个十字架， 这个十字架的中心就是 整个版面的视觉中心。 同时也引领了读 者的视线从四周往中间集中， 突出了重 点， 发挥出最大的信息传达效果。图 2 8 放射性视觉流程2 . 2 . 5 散点视觉流程散点组合将图片散点排列在版面各部位， 版面即充满自由轻快之感。 散点组合编排时， 注意图片大小、 主次的搭配， 方形图与退底 图的配置， 同时还应考虑疏密、 均衡、 视觉方向程序等。 散点视觉 主要分为发射形与打散形。发射具有一定的方向规律感， 发射中心就是视觉的焦点， 所有元素 都向中心集中， 或由中心散开，
37、 具有强烈的视觉效果。 打散就是把一种事物分解再组合的构成 方法， 就是把一个完整的东西， 分成几 个部分， 然后根据版式设计构成原则进 行再次组合。 这种方法可以帮助我们了 解内部结构， 从不同的角度去观察事物， 用分割的结构元素再组合成一种新 的心态， 产生不一样的美感。（ 见图2 9 ）图 2 9打散视觉流程2 . 3 版面的排列图 30 以图形为主 的杂志版式设计 版面的排列主要表现为版面上各类元素的和谐搭配， 在编排的过程 中必须做到信息传达的逻辑关系一致、 主次分明， 表现合理。2 . 3 . 1 版面的大小比例 版面的主要元素是文字、 图形、 色彩等通过点、 线、 面的组合与排
38、列构成的， 并采用夸张、 比喻、 象征的手法来体现视觉效果， 既美 化了版面， 又提高了传达信息的功能。（ 见图 3 0 图 3 2 ）图 31 以文字为主 的杂志版式设计图 32 以图形为主 的杂志版式设计图 33 两栏对称示意图2 . 3 . 2 对称所谓对称就是以中轴线为轴心的上下对称、 左右对称， 以原点为基 准的散点放射性对称。 对称画面的特点是使画面统一、 庄严， 给人高品质、 可信赖的感觉。 对称是属于左右版面完全一样的版面， 均衡是在视觉上给人左右平衡的感觉， 但是不对称。 对称与均衡的结 合可以使整个版面变的更趣味性， 具有生动、 活泼、 明确的视觉效 果。（ 见图 3 3
39、图 3 5 ）图 34 三栏对称示意图图 35 三栏对称 版面2 . 3 . 3 黄金版面图 36 黄金比例黄金比例是希腊建筑美的基准（ 1： 1 . 618）， 这个传统比例一直影响着社会美学。 黄金版面在很多作品中都存 在， 它所分割开来的两个页面部分的比例， 是自然界和 谐共存的一种表现。 符合黄金分割的比例形式最容易引 起人视觉上的美感。 （ 见图 3 6 ）设定黄金比例的主要步骤：（ 1 ） 选择一张正方形的纸；（ 2 ） 按照中轴线对折， 形成两个相同的长方形；（ 3 ） 在纸上画出一个等腰三角形；（ 4 ） 以等腰三角形的顶点画一条弧形；（ 5 ） 以圆弧和基线的的交叉点画一条垂
40、直线， 使原来的正方形变成现在的长方形， 就形成了标准的黄金比例。图 37 对比与平衡2 . 3 . 4 对比和平衡对比可以是形态上的也可以是色彩和质感上的。 对比使画面具有明了、 强烈的视觉效果。 平衡是一种相对的稳定状态， 在版式设计中 主要表现为版面的上下左右比例适中， 左右版面接近均衡的版面结 果， 在视觉上给人平衡稳定的视觉效果。（ 见图 3 7 图 3 8 ）图 38 对比与平衡2 . 3 . 4 对比和平衡在版面结构布局上， 四边与中心有着潜在的重要性。 四边是指版心 边界的四个点， 把四边连接起来的斜线即对角线， 交叉点就是中心。 编排的时候通过四边和中心结构使版面更具多样化视
41、觉效果。图 39 破型版式2 . 3 . 6 破型图 40 破型版式破型也就是在版式设计中， 这个“ 破” 是指打破拘束、 打破平衡、 增添动感的手法。 版式设计中注重版面上设计元素之间的结构关系， 这种结构能关系可以帮助读者与设计师之间的交流。 破型的设计表现出一 种创意。 打破传统的 网格结构可以自由发 挥想象， 破型的版式 表现应注意把持这个 尺度， 不能太过， 必 须考虑到受众是否能 够辨别出并从中获得 信息， 这才是版式设 计的主要目的所在。（ 见图 3 9 图 4 0 ）2 . 4 版式设计的基本类型图 41 满版型版式如图 41， 整个画面都是采用了 一整张照片的形式进行信息宣
42、传， 当照片放大到一定的比例， 在视觉表现上具有强烈的 视觉效果， 吸引人们注意。 满 版型版式设计具有传播速度快、 视觉表现强烈的宣传效果， 是版式设计中最主要的表 现形式。（ 见图 4 1 ）在做版式设计时， 经常会采用不同的版面形式来传递信息。 不同的 版面有其自身的规律， 下面介绍几种常见的版式设计类型。2 . 4 . 1 满版型版式设计满版形主要以图片传达信息， 以图片充满整个版面。 在视觉传达上 直观， 表现强烈。 根据版面的需要， 文字的位置编排在版面的上下、左右、 中心点上， 层次清晰传达信息准确明了。 满版型给人大方、直白的感觉， 常用于平面广告中。 2 . 4 . 2 分割
43、型版式设计 在平面构成中， 把整体分成部分叫分割。 分割也是版式设计中重要表 现手法， 分割可以调整画面的灵活性， 对画面进行一些取舍再拼贴， 形成另一种风格的版式。 下面介绍三种常用的分割方法。 第一种是等形分割。 分割形状完全一样， 分割后再把分隔界线加以调 整取舍， 达到的一种有良好的效果。 第二种是自由分割。 自由分割就是不规则的、 无限制的， 将画面自由 分割的一种方式， 它不同于数学规则分割产生的整齐效果， 但随意性 分割， 使画面产生活泼不受约束的感觉。 第三种是比例与数列。 利用比例关系完成的构图通常都具有秩序、 明 朗的特性， 给人清新的感觉。 分隔具有一定的法则， 如黄金分
44、割法、 数列等。图 4 2 等型分割图 4 3自由分割 图 45， 采用了分割的手法， 使画面 变得有生气， 不像一张单一照片那 么呆板。 分割的版式具有强烈的空 间感， 展现了版式的灵活性。图 4 4 比例分割图 4 5 分割版式 分割型版式设计在版面上采用分割再拼凑的版面， 以一种打破常规 的版面构成形式， 在视觉上吸引人们吸引人们注意， 表达一种冲击 活跃的版面效果。（ 见图 4 2 图 4 4 ）2 . 4 . 3 倾斜型版式设计图 4 6 正三角形版式倾斜型版式设计主要表现为： 版面主体形象或多幅图版做倾斜编排， 造成版面强烈的动感和不稳定因素， 引人注目。2 . 4 . 4 三角型
45、版式设计根据人们对图形的认识， 三角形想对于圆形、 四方形等基本形态， 是 最具安全稳定因素的形态。 在版式设计中三角形版式分为两种。图 4 7倒三角形 版式 第一种是正三角形版式。 正三 角形自古以来都是象征稳定的 图形， 被人们认为是最具稳定 感的图形存在。 在版式设计中， 正三角形的版式设计给画 面更稳定、 更安全、 值得信赖 的感觉。（ 见图 4 6 ） 第二种是倒三角形版式。 倒三 角形则给人以动感和不稳定感。（ 见图 4 7 ）2 . 4 . 5 曲线型版式设计图 4 8 曲线型版式图 4 9 自由型版式 曲线型版式设计就是在一个版面中图片或文字在排列结构上作曲线的 编排构成， 所
46、产生的节奏和韵律。 曲线版式设计具有一定的趣味性， 让人的视线随着画面上元素的自由走向而产生变化。（ 见图 4 8 ）2 . 4 . 6 自由型版式设计自由型版式设计在版面结构中 采用无规律、 随意地编排构成， 使画面产生活泼、 轻快的 感觉。 自由型版式设计没有网 格的约束， 在排版上体现个性 风格化设计。 在编排的过程中 要注意把握画面的协调性。（ 见图 4 9 ）教 学 实 例图 5 1图 5 0 版 式 设 计 中 的 版 面 编 排 类 型 与 视 觉 流 程 的 不 同 编 排 所 产 生 的 版 面 视 觉 效 果 。1. 餐饮杂志版面每个版面中图形与文字的编排不一样， 所构成的
47、版面结构与版面形式 也会有所不同， 根据版式设计的不同类型， 分析版面的视觉效果。 如图 50图 51是一张餐饮杂志 的单页版面， 该运用出血图的 编排形式， 图片中元素的运用 能有效的吸引消费者的注意。 从版面编排类型来看， 在杂志 版面运用的是满版型的编排形 式突出版主题， 满版型版面的 运用， 使版面具有活跃性， 给 人强烈的视觉效果。图 5 3图 5 22 . 书籍内页版式根据书籍版面中视觉重心的位置编排， 分析版面所产生的视觉效果。 视觉重心是设计师考虑将主要信息或视觉流程的停留点安排在 瞩目价值高的最佳视域， 使得主题一目了然。 在版面中不同的视域， 瞩目程度不同， 给人们留下的心
48、理感受也不同。 如图 52 图 53 中， 该 版面图片编排在版面 的上部具有强烈的视 觉效果， 文字编排在 图片的下部具有信息 说明的作用。 该版面 的视觉重心设置在上 部， 给人以轻松、 愉 快之感。设 计 点 评通过对版式设计构成元素、 视觉流程及版面排列的学习， 有了一 定的了解， 现在我们来看看版式设计的这些原理在实际版式中应 该如何处理。图 54 点评： 该设计为杂志宣传 广告， 整个版面以图片为主要 表现因素。 在版式设计中图片 的比例大小对整个画面的视觉 效果有着很到的影响。 图片比 文字更能吸引人们注意。 右图采用了满版型的版式设计， 从 画面上强调宣传目的。 文字根 据画面
49、的需求进行有机的调整 排列， 使整个画面显得和谐层 次清晰， 达到了宣传的目的。图 5 4图 5 6图 5 5图 55 图 56 点评： 本设计为 两张招贴设计， 招贴设计版面简洁明了， 主要版式是以 突出视觉传达为基本。 从视 觉上看， 这两张招贴设计有 着不同的视觉中心点， 不同 的视觉中心给人不一样的视 觉传达效果。 图 55 的视觉中 心在上部， 给人以轻松、 愉 快、 视觉向上扬升的感觉。 图 56 视觉中心在下部， 给人 一种下坠、 沉重、 消沉、 稳 定的感觉。图 5 7图 57点评： 该设计是杂志版面设计， 以相同的图形反复排列， 增 强了图形的识别性， 图形色彩选 用单一的黑
50、色， 与文字的呼应， 增加了画面的生动感。 为了使画 面更能吸引人们的目光。 版面中 的图形在规律中又显出细小的差 别， 突破了常规的单调， 为版面 增添了趣味性， 在视觉传达上给 人醒目、 生动的视觉效果。图 5 8图 58点评： 该版面是一张招贴设计， 从画面的颜色分析， 红色代表 激情奔放有活力， 具有强烈的视觉 效果。 此招贴设计中线条给人一种 波动的心理感触， 整个版面采用横 式视觉流程， 在激情中显安静， 在 动态中显平和， 使整个版面生动， 具有了乐趣。 但是， 文字太小， 不 符合招贴设计的基本表现形式， 不 能很好的传达信息。图 5 9图 6 0图 59点评： 该设计是一张招
