第二章 版式设计的原则与类型

教学重点：

1.了解和熟悉现代版式设计所遵循的基本原则、艺术原则和技术原则，从而进行有效快捷的、使用的、艺术的编排。

2.了解和熟悉版式设计的13种类型。

教学难点：

1.深刻理解现代版式设计所要遵循的法则，进行有目的、有思路的编排。

2.深刻理解现代版式设计的类型与主题要协调统一，把版式的类型与主题恰当的结合起来。

第二章版式设计的原则与类型

第一节版式设计的原则

一、版式设计的基本原则

版式设计的初学者由于对编排工作没有足够的认识，往往会出现误区，要么编排过

于严肃，要么单纯表现自我。为了避免这些误区就必须明确设计目标、了解设计需求、

了解所处的设计环境、了解媒介的特征等。这些都要求设计者遵循设计的以下四大基本

原则。

（一）思想性与单一性

版面设计本身并不是目的，其最终目的是使版面产生清晰的条理性，用悦目的组

合来更好地突出主题，达到最佳诉求效果。设计师不能只陶醉于个人风格及与主题

不相符的字体与图形中，这样会造成设计的失败。一个成功的版面必须明确客户的

需求，并深入去了解、观察、研究与设计有关的方方面面。版面要突出主题思想，

而且主题思想明确单一，这就要求版面表现必须单纯、简洁。受众们早已厌烦了以

往那种填鸭式的、含义复杂的版面形式。以图2-1和2-2为例，第一张海报，采用类

似漫画的表现形式，创造出一种简洁、诙谐的图形语言，描绘一颗子弹反向飞回枪

管的形象，讽刺发动战争者自食其果，含义深刻。这张纪念二战结束30周年的海报

设计，获得了国际平面设计大奖。其设计作品中主题明确，画面简洁单一，具有很

强的思想性与单一性特征（图2-1）。第二张是1975年为日本京王百货设计的宣传

海报中，福田就开始利用“图”、“底”间的互生互存的关系来探究错视原理。作

品巧妙利用黑白、正负形成男女的腿，上下重复并置，黑色“底”上白色的女性的

腿与白色“底”上黑色男性的腿，虚实互补，互生互存，创造出简洁而有趣的效果，其手法为“正倒位图底反转”。作品中的男女腿的元素，也成为福田海报中有代表

性的视觉符号（图2-2）。

（二）艺术性与装饰性

寻求合乎情理的版面视觉语言可以使版面更好的为版面内容服务。构思立意是设计的第一步，也是设计作品中所进行的重要的思维活动。主题明确后，版面的布局和表现形式等则成为版面设计艺术的核心，也是一个艰辛的创作过程。版面设计构成是设计者的艺术修养、思想境界、技术水平的全面检验。

版面装饰因素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面，又提高了传达信息的功能。装饰是根据内容风格设计出来的，不同内容的版面信息，具有不同的装饰形式。它既能烘托气氛突出主题，又能使受众得到美的享受。（图2-3 图2-4 图2-5）（三）整体性与协调性

一副成功的的设计作品必须具有整体性，版式设计的整体性强调形式与内容的统一，只讲形式而忽略内容，只讲内容而缺乏艺术表现，版面都是不成功的。强化版面的协调性原则即是强调版面的各种编排要素在编排结构及色彩上的关联性。通过版面的文、图与色彩整体组合及协调性编排。任何一种承载形式的作品，加强整体性都可获得更良好的视觉效果。（图2-6 图2-7）

（四）独创性与趣味性

独创性原则其实是突出个性化特征。鲜明的个性是版面构成的灵魂。日本设计大师原研哉为梅田医院设计的导师系统可谓此领域的典范，其设计的独特性让这家医院的形象凸显了出来。他给每个门口的指示牌套上了一个可换洗的白色的棉制的外套，让原本有着僵硬棱角的指示牌开始变得有生气，有人情味。人们对这家医院的好感在不知不觉中已经开始提升了。原研哉为梅田医院做的导视识别系统最大的特点就是标识本身都是布做的。传达一种柔和的感觉，给人以心理的安慰。一切从简，洁白又显清洁。给产妇和家属带来平静的心情。所有用白色棉布做成的标识都是可拆洗的。因为白色本身很容易脏，而且又是布的，更容易被大人或者小孩弄脏。这样一来，医院便需要经常清洗，就如同一流的酒店选用白色桌布一样。（图2-8）

单一的版面和同质化严重的版面给人留下的记忆度底，更谈不上出奇制胜，趣味性

原则也是凸显个性的行之有效的方法。因此要敢于出奇制胜、别出心裁，在版式设计中多一些个性少一些共性，才能给受众留下深刻的印象。（图2-9）

二、版式设计的艺术原则

（一）感性美与理性美

感性是与生俱来的一种自然情感、本能反应，比较主观。理性是智慧的体现，注重客观需要。艺术创作崇尚感性意识，崇尚自然流露、情感宣泄，并通过作品传达给观众。而一般的编排设计则更注重理性思维，运用理性思维结果达成对作品内容的表述，以此在诱导作者根据自己设定的方向进行阅读，从而准确的传递信息。除了能准确有效的传递信息，还通过个性情感的流露和个人的表现技巧感染人。所以作品中必然是感性美和理性美的融合，是感性与理性意识自然更替的过程。（图2-10）

在历史的长河中，由于传递信息等实际需要，也由于视觉语言表达形成了一定的基础，导致一些视觉语言的形式规则被总结出来，并被广泛的应用。这是感性上升到理性的一种选择，也是社会进步的标志之一。19世纪工业革命加速了设计师理性的、技术性的表现设计作品。20世纪20年代德国包豪斯的建立，开创了近代构成概念的先河，将设计训练抽象画、技术化，希望这些理性思维潜移默化到现代设计中。同时开创了现代设计的新时尚，将简约的、追求效率的理性之美灌输给现代人，对后人影响颇深。（图2-11）

时至今日，格局清晰、排列有序的编排方法受到后现代主义反叛性的冲击，自由编排，感性编排的意识不断上升，感性表达和理性表达的较量再次升级。这并不意味着理性思维被压抑，而是掺杂了感性成分后，上升到了一个新高度。多样性的审美是这个宽容时代的标志之一。虽然自由编排具有很强的感染力，但是受众在阅读时往往会遇到麻烦，所以进行大面积阅读内容的编排时，仍然离不开条理清晰的理性样式。（图2-12）（二）比例美

比例是指整体与局部、部分与部分之间长度、体积与面积相应要素的线性尺寸比值关系，是整体与部分的视觉结构关系。

在古埃及就有人开始探索美好的比例关系了。古希腊众多的人体比例模式中，毕达哥拉斯提出的黄金分割（0.618）影响最深远。这个比例是以人的肚脐为分割点，上半身和下半身之比是0.618.后来的画家、艺术家、建筑家、雕塑家都根据这个标准创造了无数不朽的作品。（图2-13）（图2-14）（图2-15）

各种各样的比例为编排提供了多样的比例和分割关系，这些比例和分割方法，在编

排设计中发挥了提升效率、规范形式、创建美好度等作用。因此在现代设计中最好的比例关系被奉为平面设计的最高境界。常被用到的比例关系及数列关系包括：黄金比例（0.618）、根2比（1:1.14）、等比（1:1）、叠席比（1:2）等比例关系。

印刷用到的纸张、阅读的书籍、通讯用的信件等，都会按照一定的比例进行尺寸确定的。常见的纸张均为矩形，长宽之比多为根2比，如A4幅面的纸张长宽比为297÷210=1.414；16开纸张长宽比为260÷184=1.413；32开的书籍封面长宽比为184÷130=1.415。而常见的4×6英寸的照片长宽比为1.5，接近黄金比。

利用这些美好的比例尺寸进行纸张切割后，在设计中的分割编排区域，进行元素布局时，依然可以参考美好的约定俗成的比例进行处理。

三、版式设计的技术原则

版式设计中，最基本的元素为文字、图形、色彩。版式设计就是建立在对图文色三种元素的配置之上的，对于文字、图形、色彩的特点及应用后面的内容有详细讲解，下面俩分析一下版式设计的三大逻辑关系。

（一）层次关系

版式设计的主要任务是进行视觉元素排列，建立合理的阅读次序。在排列中首先要分清主从关系。元素的分量根据内容主次进行区别。例如，主标题可以用较大的字号、花哨的字体，副标题字号相对较小。正文字号更小且不易用花哨字体。（图2-16）（二）疏密关系

疏密关系也称虚实关系，是空白与实体在画面所占比例关系。疏密变化可以使画面产生律动的画面效果，以增强节奏感，提升阅读的舒适度。（图2-17）（三）视觉与心理关系

客观实际与视觉辨识性往往并不在一个标准下，因为视觉中的某些现象与格式塔心理学有关，如人的视觉总是把直线夸大，把原点缩小，色彩不一样的形状也不会一样等等。版式设计必然受制于视觉心理。在具体设计时必须要考虑顺应人类独特的视觉心理，并在这个前提下进行有效的引导，才能达成信息准确传达的目的。（图2-18）

第二节版式设计的类型

版式设计的类型一般分为：骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。常用

版式类型有以下几种：

一、骨格型

骨格型是一种有规律的理性的分割方法。如：在“田”字格中摆放信息。此方法的优点是能在有限的版面中容纳大量信息，充分节约空间。缺点是稍显呆板，但是如果安排合理的话也是一种非常不错的形式。常见的骨格有：竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。在图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性之美。骨格经过相互混合后的版式显得既理性有条理，又活泼而具有弹性。（图2-19 图2-20）

二、满版型

它是指版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字布局压置在页面的上下、左右的图像上。满版型，给人以大方、跳跃、舒展的感觉，是商品广告常用的一种形式。（图2-21 图2-22）

三、上下分割型

它是指整个版面被分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字。图片部分感性而有活力，而文字则理性而静止。(图2-23图2-24 图2-25 图2-26)

四、左右分割型

整个版面分割为左右两部分，分别配置文字和图片。两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，上下分割型的视觉流程自然。如果将分割线虚化处理，或用文字左右重复穿插，左右图会变得自然和谐。(图2-27、图2-28 )

五、其他版式类型

（一）中轴型

将图形作水平方向或垂直方向排列，文字配置在上下或左右。水平排列的版面，给人稳定、安静、平和与含蓄之感。垂直排列的版面，给人强烈的动感。(图2-29图2-30图2-31)

（二）曲线型

图片和文字，排列成曲线状，给人的韵律与欢快的节奏的感觉。使人在阅读时有视觉节奏感，同时也比较轻松愉悦，比较适合于儿童、娱乐读物排版。(图2-32 图2-33 图2-34)

（三）倾斜型

倾斜式编排它刻意打破稳定和平衡，从而赋予图形或文字以强烈结构张力和视觉动感，并迅速引起人们的注意。(图2-35 图2-36 图2-37)

（四）对称型

对称的版式，给人稳定、理性的感觉。对称分为绝对对称和相对对称两种。一般多采用相对对称手法，以避免过于严谨。绝对对称一般以左右对称居多。(图2-38）（五）重心型

重心型版式产生视觉焦点，使想要强调的内容更加突出。(图2-39 图2-40 图2-41)直接以独立而轮廓分明的形象占据版面中心。向心的视觉元素使版面中心作聚拢运动。离心的视觉元素犹如石子投入水中，产生一圈一圈向外扩散的波纹式的运动。

（六）几何型（圆形、矩形、三角形）

几何型的排版中含圆形、矩形、三角形等基本图形，此类形式比较容易突出主题，主要文字及主要图形都容易在短时间内给人留下印象。其中正三角形（金字塔形）最具有安全稳定因素。包装设计有别于书籍画册等二维的设计，包装设计的空间性和盒体（瓶体）形状的不确定性使其在板式编排中更加注重几何形排版。（图2-42 图2-43 图2-44 图2-45 图2-46）

（七）并置型

它是指将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏之感。(图2-47）（八）自由型

自由型是所有类型中最无规律的、随意的编排构成。这种版面给人活泼、轻快的感觉。一般很受年轻人喜爱，通常此类型版式用于较轻松的娱乐时尚等读物。(图2-48 图2-49)

（九）四角型

它是指在版面四角以及连接四角的对角线结构上编排图形。这种版面给人严谨、规范的感觉。在实际生活中的很多设计中运用的也比较多，此构成通俗易识别，在功能性的突出上是一种很好的类型。(图2-50 )

版式设计中常见的十三种基本类型，设计者可以根据不同的设计项目定位选择适合的版式类型。需要强调的是没有最好的，只有最合适的。

作业：

1. 搜集各种美好的比例，如黄金分割等，利用电脑制作出比例分割图。

2. 以“美丽海洋”公益招贴设计为题，设计出三种不同类型的版式。