1.3　版面布局

版面布局就是将图片、文字以及各种符号在有限的设计空间中，经过合理的摆放和调整大小，让画面整体呈现出和谐统一的美感。一个合理的版面布局可以让整个设计作品给人清晰明快的视觉感受，但在进行版面布局设计时也要遵循一定的原则。

1.3.1　版面布局的原则

无论杂志排版、网页设计，还是海报设计，这些都是在一个平面空间中进行设计，这个平面空间就是通常讲的版面。在整个版面中，既有文字，又有图片，甚至可能还有动画，如果将这些内容简单地罗列在一起，那么版本就会变得杂乱无章，这时就需要通过一定的方法将其进行合理布局和编排，使其组成一个有机的整体展示给用户。图1-44和图1-45所示为优秀的平面设计作品。

版面布局的原则包括：直观性、易懂性、美观性。

•　直观性：当受众看到一个设计作品时，能够明白这个作品要表达的内容和要传达出的信息，而不是抓不住重点。

•　易懂性：这个主要就是在文字的编排方面，在设计时要尽可能地增强文字的易懂程度。

•　美观性：因为设计作品只有足够的漂亮，才能给人带来直观的视觉感受。

美观性虽然重要，但也不能只追求美感而忽略直观性和易懂性，一个设计作品再具有美感而不能给人带来实质性的需求，也是缺少生命力的。所以需要这三个方面相互结合，让设计作品呈现出美感与实用并存的版面效果。

重点1.3.2　版面布局的方式

在平面设计中常见的版式布局有骨骼型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型。但根据不同的设计类型的特点以及具体项目的尺寸要求，版式布局规律也会有所变化。

•　骨骼型：骨骼型是一种规范的理性分割方法。常见的骨骼型有：竖向通栏、双栏、三栏、四栏，横向通栏、双栏、三栏和四栏等，一般以竖向通栏居多。在图片和文字的编排上严格按照骨骼比例进行编排配置，给人以严谨、和谐、理性的美。骨骼经过相互混合后的版式，既理性条理，又活泼而具有弹性，如图1-46所示。

•　满版型：满版型是图像充满整个版面。主要以图像为诉求，视觉传达直观而强烈。文字的配置主要在图像的上下、左右或中部。满版型给人以大方、舒展的感觉，是商品广告常用的版式，如图1-47所示。

•　上下分割型：上下分割型就是将版面分为上下两个部分，在上半部或下半部配置图片，另一部分则配置文案。配置图片的部分感性而有活力，文案部分则理性而静止。让整个版面在动与静的结合下浑然一体。配置的图片可以是一幅也可以是多幅，这个根据具体版面的实际情况而定，如图1-48所示。

•　左右分割型：左右分割型就是将版面分为左右两个部分，分别在左或右配置图像和文案。当左右两部分形成强弱对比时，会给人在视觉上带来不平衡感。此时可以将中间的分割线进行虚化处理，或者将文字进行左右穿插甚至重复，都可以将画面整体变得均衡统一，如图1-49所示。

•　中轴型：中轴型就是将图片在水平或垂直方向排列，文案则在上下或左右配置。水平排列的版式给人以稳定、含蓄之感，而垂直排列的版式则给人强烈、活泼的动感。这两种版式没有好坏之分，根据具体的情况来选取相应的版式类型，如图1-50所示。

•　曲线型：曲线型就是使图片和文字在版面结构上形成曲线的编排构成，让整体版式产生节奏感和韵律感，如图1-51所示。

•　倾斜型：倾斜型就是版面主题形象或多幅图片在版式编排上呈现倾斜，让版面整体呈现不稳定的动感，以引人注目，如图1-52所示。

•　对称型：对称型就是将图片和文字以对称的形式进行编排。对称的版式给人以庄重、理性之感，对称有绝对对称和相对对称。为了避免对称在视觉上造成过于严谨的感受，在版式方面多采用相对对称，如图1-53所示。

•　重心型：重心有三种概念：直接以独立而轮廓分明的形象占据版面的中心；视觉元素向版面中心不断聚扰的向心；犹如石子投入水中，产生一圈圈向外扩散弧线的离心。重心型版式容易产生视觉焦点，让主体物强烈而突出，如图1-54所示。

•　三角型：三角型就是将图片和文字以三角形的方式进行编排。因为三角形是最具完全稳定因素的形态，会让整体版面给人以稳定、安全之感，如图1-55所示。

•　并置型：并置型就是将相同或不同的图片进行大小相同而位置不同的重复排列。并置构成的版面有比较、解说的意味，给予原本复杂喧嚣的版面以有序、安静、调和的节奏之感，如图1-56所示。

•　自由型：自由型就是将图片和文字以自由的方式进行排列。让整体版式在无规律和随意的编排下呈现自由、活泼、随性之感，如图1-57所示。