2.6　选择合适的版面构图方式

即使是相同的内容和元素组合在一起，不同的构图方式也会使其呈现截然不同的视觉效果。因此，设计师进行版式设计时，应该根据需要表现的主题来选择合适的版面构图方式。

2.6.1　垂直构图

垂直构图将一排主要元素同时展示，相互平行的垂直线通过位置、高矮等变化，形成版面的变化。垂直线的组合能够增强画面的感染力。

在该招贴版式设计中，将图片垂直放在版面中，再将竖排文字放在版面中间位置，版面呈现出个性化的风格。

在该杂志内页版面的版式设计中，使用不同的垂直色块来划分不同的内容，版面内容划分清晰、易读。

1　以左右对称的方式组合对象

将跨页版面分为3等份，在正中央的区域放置文字内容，同时在左右两侧的区域放置垂直或水平黄金比例的矩形图片。垂直的黄金比例长方形带来安定感，左右对称的构图产生了独特的格调。

在该跨页版面中，图片采用垂直放置的方式分别放在左右两侧形成对比，文字内容放在中间位置，富有稳定感。

2　创造明显的分界，使版面更易读

将跨页细分成好几个不同区域的版式设计，常见于信息量较大的杂志。这样的版面由于元素过多而易显得复杂，因此需要划分成多个部分，从而提高内容的可读性。

通过明确分割细节主题，可以设计出易于浏览的版面，能完整、快速地传达内容，非常适合杂志版面。

在该杂志版式设计中，使用不同的背景颜色对不同的主题内容进行分割，这种垂直分割版面的方法，可以让人感受到知性美和成熟格调。

案例分析

Before

在调整前的版面中，采用垂直构图的方式来安排内容，每个垂直列设置不同的宽度，因为版面中的内容较多，看上去显得比较混乱。

After

在调整后的版面中，保持原有的垂直构图方式，根据每个垂直列上部图片的背景颜色来设置该整列的背景颜色，用背景颜色来区分不同的主题内容，版面清晰、易读。

2.6.2　平衡构图

平衡构图能够令人感觉满足，画面结构完美无缺，安排巧妙，版面中的元素对应而平衡。平衡构图方式适合表现平静、安定、稳重的主题。

在该杂志版式设计中，图像和文字段落都运用了平衡构图来编排，显得开阔、大气、稳定。

1　利用平均分割的网格，整齐地呈现内容

杂志里介绍商品或店铺的页面，通常需要罗列大量的商品信息，可以利用网格系统来整理这些信息。

网格系统是利用格状参考线等分页面，再用分割出的网格放置文字、图片或各种设计元素。由于是沿着参考线放置元素，因此有统一感和整体性。

在该杂志版式设计中，以西洋棋盘式的交错纵横的格式来安排图文内容，从而使版面中的图文信息变得更有条理，非常适合产品类版面的编排，看起来更活泼、不死板。

2　运用看不见的轴线来优化版面

贯穿水平、垂直方向或对角线的轴线，可以使原本散乱的版面变得整齐。当版面看起来没有重点或很散乱时，可以考虑以设置轴线的方式来调整版面。乍看起来这是极为普通的编排，但是版面中看不见的轴线能将图文信息整合起来，富有稳定感，版面整齐。

在该杂志版式设计中，运用看不见的垂直方向上的轴线对版面进行对称排版，显得非常整齐，富有稳定感。

技巧

在版式设计过程中，可以利用正文与图片的位置、留白形成的线段等，巧妙地在版面中创造出轴心。

案例分析

Before

在调整前的版面中，使用满版图片作为跨页的背景，重心位于跨页的中心位置。分别在左下角和右下角放置内容，使版面看起来比较分散，影响视觉效果。

After

在调整后的版面中，跨页的下方使用正文为轴线来统一版面，并为正文部分添加了半透明的黑色背景色块，使版面的重心位于下端，有一定的稳定感。

2.6.3　倾斜构图

倾斜构图的版面中，主要元素使用倾斜的编排，形成不安定感和强烈的动感，这是一种非常吸引人的构图方式，常用于时尚类主题的版式设计。

在该网页版式设计中，通过对矩形色块的倾斜处理，使版面富有一定的节奏感，采用同色系色彩进行搭配，使整个版面的视觉效果统一。

1　通过倾斜构图创造出动感的版面

将跨页分成左右两页设计成对比构图，能清晰地体现图片之间的异同，同时赋予版面动感。在版式设计中可以大胆地倾斜左右对比的轴线，使版面富有动感。

在该画册版面中，左上角与右下角的三角形图片形成对比，并且划分出倾斜的空间区域，版面中的其他图片也采用了倾斜效果，显得动感十足。

2　沿对角线倾斜排列图片体现版面活力

编排有关联的大量元素时，可以大胆地在版面的对角线上排列图片，这样既能提高可读性，又能赋予整个跨页动感，同时呈现出活力十足的愉快氛围。

在该杂志版面中，图片沿着版面对角线放置，图片旁边放置文字内容，版面具有一定的稳定感，并且沿对角线排列图片，充满活力。

案例分析

Before

在调整前的版面中，在中间位置使用半透明的白色背景来呈现内容，版面具有一定的稳定感，表现效果中规中矩。

After

在调整后的版面中，正文的背景色块进行了倾斜处理，并且该色块中的图片调整为了不规则形状，更富有动感。

2.6.4　曲线形构图

将版面中的主要元素做曲线形编排，称为曲线形构图。曲线形构图引导读者的视线沿曲线进行移动，能够使版面的趣味性和动感更强。

在该网页版式设计中，使用黄色和白色均分版面背景，在版面中心位置用圆环图形来展示产品，使该网页富有趣味性。

1　通过曲线构图做出有幽默感的设计

就杂志的版面设计来说，以网格与段落为基准编排版面是最基本的方式之一。以水平、垂直的线段为基准，除了能使矩形图片更美，还能将图片整齐地摆放在网格中。

如果使图片跳出网格，沿曲线路径摆放，则能使版面变得更加生动、幽默。使用曲线形构图方式可以表现出开心、愉快的感觉。

在该杂志版式设计中，以半圆弧形路径横跨整个跨页，在圆弧曲线路径上放置多个圆形图片，在图片旁边搭配相应的文字，整个版面显得自由、生动。

2　沿S形放置图片，使版面更加有趣

在跨页版面中以锯齿状或沿S形放置图片，是轻松而富有动感的编排，在引导视线之余还能让读者感受到阅读的乐趣。这样的编排方式除了能增强读者对页面的印象，还能起到画龙点睛的作用。

在该杂志版式设计中，左侧页面放置正文内容，右侧页面沿着不规则的S形曲线路径放置相关图片。轻松而富有动感的编排设计丰富了版面的表现形式，增强了阅读乐趣。

案例分析

Before

在调整前的版面中，使用大幅风景图片横跨页面，在图片下方叠加两个较小的图片，矩形的图片给人一种方正、整齐的感觉。

After

在调整后的版面中，将大幅图片底部处理为圆弧形状，将底部两张小图片处理为圆形并沿着大图片的圆弧路径放置，表现效果更加轻松，表现出一种愉快的氛围。

2.6.5　三角形构图

三角形构图分为正三角形和倒三角形两种形式，其中正三角形具备三角形的稳定感，而倒三角形表现出版面的不稳定感和动感。

在该海报版式设计中，白色的产品图形与底部的主题文字形成正三角形构图。正三角形构图能够使版面富有稳定感。

1　通过倒三角形构图表现版面的动感

在版面中放置多张图片的基本手法之一就是使用倒三角形构图方式，通过倒三角形的构图方式使读者的阅读顺序自上而下，大幅度提高了版面中纵向段落正文的可读性，富有动感。

在该画册版式设计中，以倒三角的方式放置多张图片，在版面上半部分放置比重较重的图片，可以引导读者由上往下阅读，使版面富有不稳定的动感。

技巧

倒三角形构图就是在版面上半部放置大型图片及表现力较强的图片，强化其比重后，在版面下半部逐渐减少图片数量，呈现倒三角形的构图形式。

2　通过对角线构图使版面呈现安定感

除了三角形构图，还可以使用对角线构图使版面呈现稳定感。对角线构图就是在版面对角线的两端放置同样大小的图片，这是一种基本的版式设计方式，可以使版面呈现沉稳、安定感，让人能冷静地阅读正文。

在该画册版面中，左下角和右上角位置分别放置了两张大小相同的图片，并且左上角和右下角分别放置文字内容，使版面呈现对角线对称，从而表现出沉稳与安定。

案例分析

Before

在调整前的版面中，在右侧页面顶部水平放置了4张小图片，在下部放置正文内容，中间部分为大面积的留白，版面过于松散，没有重心。

After

在调整后的版面中，将4张小图片放大并重新排列，放在中间位置，使整个跨页形成三角形构图，版面重心落在左侧页面上，整个跨页得到平衡。