2.5　版式的空间构成

版面是平面的，但也可以营造出空间和层次效果，这种空间感和层次感是版面元素组成的远、中、近的立体空间视觉效果。

2.5.1　版面比例影响空间感

平面设计中的空间感主要依靠版面来表现。其关键在于远、中、近的空间层次关系的处理。最常用的方法之一是将主体元素或标题文字放大，将次要元素缩小，使版面中的主次、强弱分明，并且使版面的韵律感和节奏感更强。

案例分析

Before

在该版面中，使用了较为保守的编排方式，版面中的图片尺寸相差不大，图文排列非常整齐，对比较弱，难以给读者留下深刻的印象。

After

在该版面中，对图片有所取舍，在右侧放置满版图片，增强视觉冲击力，将文字内容全部放在左侧，整个版面张弛有度，富有节奏感。

案例分析

Before

版面中的图片使用相同的形态和尺寸，文字的字号几乎相同，整体层次感较弱，视觉冲击力不强，显得平淡、松散。

After

将图片调整为不同大小，并将主题文字放大，表现版面的重心，加强了层次感和视觉冲击力，令人感觉活泼，充满动感和活力。

2.5.2　版面位置影响空间感

一般情况下，视觉中心是版面中较引人注目的位置，由上部至左侧、右侧、下部依次递减。设计版式时，要根据主次顺序，将重要的信息安排在引人注目的位置，其他信息编排在读者的关注程度相对较低的位置，形成版面的空间层次感。

案例分析

Before

在该版面中，图片都集中在下方，使版面的重心下沉，读者的视线容易集中在图片部分，而忽略上半部分的文字内容。

After

将部分图片移至版面的上方，使视觉中心上移，并且使整体的层次更加丰富，读者的视线会先被上方的图片吸引，然后按顺序阅读正文内容。

案例分析

Before

该版面比较简洁，图形符号放在右侧版面，左侧上半部分的留白较多，显得很空，整体有些头重脚轻。

After

将图形符号放在左侧版面，突出表现主题，随着图形的引导，读者会将视线自然移至右侧，阅读正文内容，整个版面显得更加稳定、自然。

技巧

在版式设计过程中，版面素材的相互叠加放置，能够形成很强的层次感，但读者对信息的关注程度相对低一些。

2.5.3　版面黑、白、灰的层次影响空间感

黑、白、灰层次的概念源于素描。需要注意的是，黑、白、灰仅表示无彩色，在彩色的版面设计中，色调之间的关系也属于黑、白、灰空间层次。黑表示阴影，白表示高光，灰则表示所有的中间色。版面的色调明暗关系决定了黑、白、灰形成的远、中、近的关系。通过调整版面中的黑、白、灰色调关系，可以营造出版面的空间感。

该画册版式设计黑白层次分明，在图片上为白色文字加衬黑色背景，使版面的层次感很强烈，也就是说通过版面中的黑白层次对比，版面的空间感更强。

在该画册版式设计中，右侧图片的色调较暗，左侧采用了浅色的背景，从而使左右版面之间产生强烈的对比，版面的层次感和空间感更强。

案例分析

Before

该画册版面的设计非常简洁，左侧放置满版图片，右侧为纯黑色背景搭配白色的文字，图片的色调过暗，使图片与背景无法形成有效的对比，层次不够清晰、明确。

After

对左侧的满版图片进行调整，将该图片的明度提高，使图片更加明亮，与右侧的纯黑色背景形成鲜明对比，很好地突出了图片的效果，并且黑白层次感的表现更加明确、清晰。