本文由半支凤笛贡献
第1章版式设计的理论基本
1.1 1.2 1.3 1.4 1.5 版式设计的概念 版式设计的历史和发展 设计原则 设计功能 版面设计程序
课题概述：本章主要介绍了版式设计的基本概念。其中，通过版式设 计的概念、历史发展以及功能原则了解版式设计程序从而对版式设计 的基本概念进行由浅到深的介绍。 教学目标：通过对版式设计的概念、历史发展以及原则功能来学习版 式设计的基本概念，了解版式设计基础知识，为后面进一步学好版式 设计做好铺垫。 章节重点：了解版式的概念，并熟知版式设计的原则、功能以及版面 设计程序的任务。
1.1版式设计的概念 1.1版式设计的概念
? 版式设计是平面设计过程中的一个重要环节，主要是将平面设计的 所有元素在版面上进行有组织有目的的编排，它又被称编排设计、 版式编排设计，版式设计其实就是对版面上元素进行规划设计。 根据以上定义可以得到如下几个结论： （1）版式设计是有计划有目的的平面展示； （2）版式设计的主体是视觉传达，而视觉传 达的主要作用是达到信息传递的目的； （3）版式设计是通过大众传播媒介来进行的， 是视觉上的； （4）版式设计的目的是为了让人更容易读懂 内容，在某种程度上也更能达到宣传目 的。（见图1） 图1 时尚杂志版式
?
1.2版式设计的历史和发展 1.2版式设计的历史和发展
? 版式设计的发展是一个漫长的过程，早期人类交流和传播信息与想法的 口语有限，无法随着社会的发展来满足文明传承的需要。下面我们通过 个对传统书籍与西方书籍的版式设计了解版式设计的历史与发展。 中国书籍最早从简册开始，简背面写有篇名与篇次，将简册卷起来的时 候文字正好显示在外面，方便人们在阅读时查找，这为现代书籍扉页奠 定了基础。传统书籍文化对现代书籍版式设计产生了极为重要的影响。 （见图2 ～图3）
1.2.1 中国书籍形态和版式设计的历史
?
图2 书籍版面的区域划分
图3 传统竹简
图4 传统木牍 ?
传统缣帛 图5 传统缣帛
图6 传统书籍
中国传统书籍的版式设计对后来的版面设计有着很大的影响。传统书 籍中文字采用竖排从右至左的阅读方式形成了与当时西方书籍完全不 同的版面形式。中国人在设计书籍版式与印刷技术方面都非常成熟。 在传统书籍中，文字的编排表现了中国的传统文化，与中国的绘画构 图有着重要关联。（见图4 ～图6）
1.2.2 西方的书籍及版面形式的发展
? 西方国家最初的书籍的样式与当时的报纸很相似。18世纪慢慢抛弃了 标准的图书格式，为了扩大版面采用大型号纸张，但这阶段的书籍虽 然在
纸张跟尺寸上有所改变，但是在印刷和视觉因素上几乎还没有什 么变化，这种状况一直持续到19世纪中期。 ? 进入20世纪，特别是 到了60年代，版面设 计受到空前的重视。 留白的诞生，版面形 式以色彩和图片为基 础，以大量文字与图 片来传达信息，成为 西方版面发展史上的 一大转折。（见图 7 ～图8）
图7 杂志版面
图8 杂志版面
1.3版式设计的原则 1.3版式设计的原则
? 版式设计的最终目的是使版面产生清晰的条理性，用悦目的组 织来更好地突出主题，达到最佳诉求效果。 (1)主题鲜明突出 ? 按照主从关系的顺序， 使放大的主体形象作为 视觉中心，以此表达主 题思想。将文案中的多 种信息作整体编排设计， 有助于主体形象的建立。 在主体形象四周增加空 白量，使被强调的主体 形象更加鲜明突出。 （见图9） 图9 杂志版式设计
(2)形式与内容统一 ? 版式设计的前提是版式所追求 的完美形式必须符合主题的思 想内容。通过完美、新颖的形 式来表达主题。（见图10） 图10 杂志版式设计
(3)优化整体布局 ? 优化整体布局是将版面的各种 编排要素在编排结构及色彩上 作整体设计，以求最优的传达 效果。如水平结构、垂直结构、 斜向结构、曲线结构。文案的 合理编排可加强视觉效果。如 图11中，该版面采用倾斜的图 形结构与垂直的文字编排，体 现了版面强烈的视觉冲击力。 （见图11）
图11 杂志版式设计
?
每一个版式的排列都有它自身的原理，采用手法也多种多样，可以 是夸张的、比喻的、联想的、幽默的、对比的等，其最终目的是使 画面产生美感阅读更方便，也表现了设计师的风格艺术特色的视觉 展现。 如图12是一张杂志的展开版面， 在该版面中运用图片的对比编排， 增添了版面的趣味性。采用图片 型的编排结构，使整个版面具有 活跃感，文字编排整齐，起到了 信息传递的作用。对比型的版面 编排形式在版式设计中运用广泛。 （见图12）
?
图12 对比版式设计
1.4版式设计的功能 1.4版式设计的功能
? 版式设计功能主要体现版面元素的编排能够保证达到信息传达的 目的，文字的编排能够保证阅读的流畅，并且通过编排的方法产 生一定的美感，使阅读的过程充满轻松美好的感觉。 图13是一张杂志版式设计，从整个版 面结构来看，版面文字与图形编排整 齐，具有一定的规律性，使读者在阅 读的时候具有明确的阅读节奏与视觉 流程。版面整洁具有稳定性，给人平 稳、理性的视觉感受，这就是版式设 计的功能性表现。它可以调整版面的 协调性，使杂乱的文字与图形具有规 律性，体现版面的统一协调的视觉效 果，使信息阅
读具有明确的节奏感与 阅读美感，同时达到了信息传递的目 的。（见图13）
?
图13 杂志版式设计
1.5版式设计程序 1.5版式设计程序
? 版面构成是传播信息的桥梁，所追求的完美形式必须符合主题的 思想内容。版面设计的程序是创造美感平面空间的主要手法，关 系着整个版面从视觉到内容的完善性和目的性。 我们在做一个版式设计 的时候，首先要明确该 版面的主题，再根据主 题的内容确定版面风格， 最后才是确定版面中元 素的编排位置。版式设 计作为加强信息传达的 表现手法，在设计编排 的过程中应注意其主次 图14 杂志版面结果 结构关系。（见图 示意图 14 ～图15）
?
图15 杂志版面
1.5.1 读者群定位
? 版式设计主要体现为视觉传达信息，不是盲目地编排画面，而是根据 读者群体编排版式，如书籍编辑与平面广告编辑等。书籍包括杂志、 小说、课本等，根据不同的读者群体编排不同的版式设计，小孩看书 要多图少字，有乐趣；老人看的书要注意文字的编排，字体选择稍微 大一号的字，内容编排通俗易懂，版面规整。（见图16 ～图17）
图16 儿童读物版面
图17 时尚杂志封面版式
1.5.2 明确设计项目
? 在定位了读者群体以后，还要有清晰的设计项目主题，再根据主题选 择元素，然后再考虑采用什么样的表现形式，使版式与色彩达到完美 的搭配，有了明确的设计项目，才能准确的表达设计版面与视觉传达。 图18中，该杂志版面是 一专访页面，在版面中 根据对主题内容进行版 面结构的编排，加强信 息传达，给人视觉上的 流畅感。 图19中，该版面主要表 现该T恤的图案的个性化 特征，注重版面色彩与 图形的活跃表现，充分 体现T恤的个性化图案的 图18 杂志版式设计 特征。
?
?
图19 杂志版式设计
1.5.3 明确传播信息内容
? 一个好的版式设计不仅仅是画面的美感，更应有明确的目的性，准确 传达信息是版式的首要任务，当今社会信息的传播是很重要的，版式 设计通过对文字图形与色彩的合理搭配，追求了版面的美感的同时在 信息传达上也更要准确清晰。在编排一个版式设计的时候，作为设计 师首先应该明白该版式设计的主要目的，要传达给目标群体什么样的 信息，其次再考虑采用什么样的版面编排能更好的实现信息的传递。 （见图20 ～图22）
图20 招贴版式设计
图21 杂志版式设计
图22 招贴版式设计
1.5.4 明确设计宗旨
? 在定位了读者群，明确了设计项目主题和信息内容，下来让我们了解 设计宗旨的含义。所谓设计的宗旨就是你所做这个设计版面主要是要 表达什么意思，传达一个什么样的信息，达到什么样的目的
，就是你 做的这个设计的宗旨所在。所以在做设计之前明确设计宗旨是很重要 的，比如说做一个饮料广告版式，设计的宗旨就是让消费者了解这种 饮料，提高饮料的知名度，达到促销该饮料的目的。 图23是一张冰箱广告的杂志宣传版 面，该版面运用鱼的鲜活特征，体 现该冰柜具有很好的保鲜作用。因 此该版面的主要设计宗旨就是宣传 该冰箱具有良好的保鲜作用，使该 冰箱在市场上形成独特的品牌形象， 从而达到产品促销的作用。 图23 杂志版式设计
?
1.5.5 明确设计要求
? 设计的主要目的是信息的传递，现在市面上最常见到的就是商业广告 设计，是一种盈利性的宣传活动，版式设计是建立在广告设计基础上 的，在版式方面要明白设计的要求，也就是要达到广告宣传的要求， 有明确的设计宗旨，明确的主题，通过画面与文字的结合把商品信息 准确快速地传递给社会大众，达到促销商品的目的。一个好的平面广 告版式能让人一眼难忘，记忆深刻。（见图24 ～图26）
图24 汽车宣传 版式设计
图25 饮料宣 传版式设计
图26 品牌服饰宣传 版式设计
1.5.6 计划安排
? 在做设计之前要对设计的背景进行研究调查，收集资料了解背景信息 是做设计前的基本要求，熟悉背景的主要特征，根据对收集的资料进 行分析再确定自己的设计方案，最后根据自己的设计方案安排设计内 容，在有效的时间内完成版式设计。
1.5.7 设计流程
? 所谓设计流程就是做出一个设计方案所要 经历的一个过程，这个过程也是做设计的 关键。首先接到一个设计项目，要做到的 就是了解主题，熟悉背景，明确设计宗旨， 再对上述信息进行分析，确认设计方案即 设计定位与表现风格。初学者往往没有手 绘的习惯直接在电脑上排版，其实，适当 地运用手绘草图可以帮助构思的完整性， 形成草图以后再到电脑上完成制作定稿会 取得更好的效果。（见图27） 图27 招贴版式设计
教学实例
——根据版面设计的表现手法明确版面的设计宗旨与版面的主 根据版面设计的表现手法明确版面的设计宗旨与版面的主 要功能体现。 要功能体现。
1.宣传册版式设计 ? 在做版式设计的时候，根据版面的主题内 容的需要选择采用什么样的编排表现形式。 明确版式设计宗旨，从而体现该版面的功 能性特征。 图28的版面中都采用了大小图对比编排方 式，将版面的主体图片进行放大，使版面 具有明确的视觉中心。文字合理地编排在 图片下方，具有解释说明的意思，使读者 在阅读的时候能够快速的了解版面信息， 符合版式设计的信息传达的功能性。 根据版面的需要，加大主体图片与
其它三 张图片的大小对比关系，使版面具有跳跃 性特征，增添了活跃感。（见图29）
? 图28
?
图29
2.户外广告版式设计 ? 户外广告具有版面简洁、信息明了、视觉效果强烈等特征，因此在 编排户外广告版面时，常以图片的形式吸引人们的注意，文字的编 排起辅助信息传达的作用，根据版面中图片的大小，表现不同的版 面效果，根据不同的版面元素处理方式，了解版面的功能性特征。
?
图30 运用图片框的形式使版面具有规律 ? 严谨的视觉效果，在信息传达上具 有高质量的视觉感受。
图31 在处理图片上的文字编排时候， 应注意文字的位置与色彩的编排， 选用与图片区分较为明显色彩进 行信息传达。
设计点评
通过上面的学习，对版式的版面和视觉传达的表现应该有了一定 的了解。版式设计其最主要的目的在于视觉上吸引人们的眼球， 便于人们观看、阅读，从而达到宣传的目的。
图32
图33
图32～图33点评：本设计是两张杂志版面，两张版面都采用对比的 形式，画面简洁且统一，同时在统一中偶有差别，增加了整个版面 创意性、趣味性性与可阅读性。
图34～图35点评：本设计制 作的是洗手夜招贴版面设计， 其中画面采用剪影的手，手 上有很多细菌的图片跟细菌 危害介绍，表现手法很新颖。 图34中，在画面完整新颖的 情况下，产品的照片明显达 到了信息传达的目的，整个 版式具有活跃感；而在图35 中，缩小产品图片的大小， 使整个版面具有品质感，体 现出一种高品质的版面效果。 图34 图35
图36
图37
图36～图37点评：本设计制作的是一种洗发水的宣传单版式设计。 图36两张局部特写的图片放在一起，画面显得很拥挤、混乱没有主 题，没有达到画面的审美效果，经过修改以后图37色调统一、画面 整洁，画面有了对比，具有了生气，突出了层次，达到了产品宣传 的目的。
图38
图38～图39点评：左图是 两张招贴设计，采用插画 的风格来表现，体现了版 面中点线面的结合。在色 彩上选择选择个性的红色 与黑色搭配，充分展现了 该手机的个性时尚，版式 设计上视觉流向清晰，大 小图片疏密适中搭配均衡， 整个画面充满了自由轻快 之感，加上插画的艺术风 格，更能展现画面的活跃 感与该手机的年轻化。整 个版面在信息传达的同时， 将年轻时尚的气息也随之 进行了宣传。
图39
课后练习
1．通过对上面版式设计知识的了解与学习，根据版式的基本原则与设 计功能，编排一张报版设计。要求画面简洁不杂乱，阅读轻松、层次 清晰明了、文字编排合理。了解报纸的特性，体现该报纸的功能性。 创意思路： 创意思路：报纸
版面的设计编排， 首先要了解报纸版面的设计要素、 报纸的失效性与报纸的消息宣传 范围。其次，了解看报人的心理， 根据人们阅读的习惯，在版式设 计上注意要层次清晰，表达准确。 最后明确设计方向，根据设计方 向的定位分析，进行设计元素编 排，最终目的要符合版式设计的 基本原则，在个性的版式基础上 使阅读更方便。 图40
2．通过对版式设计基础知识的了解，设计一个汽车的网页版式，要求 高品质，能很好的树立品牌形象。
图41
图42
创意思路：了解汽车背景，由于其针对人群不同，其特点也不相同， 创意思路： 在策划之初要先了解产品的突出特点在何处，然后再针对其优势进行 设计。当确定了优势后，为了能让画面富于审美情趣，可以通过夸张、 联想、象征、比喻等手法来突出汽车的特点。