用超多案例，帮你掌握「上下构图」的排版技巧

构图是将文本、颜色、图形等元素结合在有限的空间内形成图片，使作品不仅具有美感，而且能清晰地表达设计师的目的。不同的构图可以使图片产生不同的视觉变化，然后给观众带来不同的心理感受。相同的心理感受。本期分享了上下构图的使用方法，具有良好的视觉效果，易于掌握，是一种非常实用的构图方法。

上下构图是什么？

上下构图形式是将布局分为上下两部分，或使图片中的元素整体呈现上下分布趋势。主空间承载视觉点，次空间承载阅读信息，视觉效果平衡稳定。

最典型的上下构图「上图下字」或者「上字下图」由两部分组成，图片和文字各占一部分，不相互干预，可以清晰地传达出版信息。

主空间还经常使用图形标题文本作为图片的主体，可以很好地解决图片缺乏图片层次的问题。

上下构图空间划分相对固定。为了获得丰富的视觉效果和良好的设计感，有必要通过精心设计的安排来丰富布局的视觉效果。例如，文本的水平和垂直排版、元素之间的比较、点、线、表面的使用、巧妙的空白等。

构图比例

上下构图设计时，图片空间可根据布局内容的信息量进行划分。常用的布局划分比例如下：1:1、1:1.618、1:1.414、1:2、1:三等。在找到最合适的构图比例之前，还可以在设计中反复调整。

1. 1:1分割

将画面平分为上下两部分，形成对称平衡的分割构成。

1:1分割比例构成方法主要用于布局中两部分的平行或对立关系。

2. 黄金分割

「黄金分割比(1):1.618）」它被认为是最具美感的分割比例，具有严谨的艺术性、和谐性，具有丰富的审美价值。

在设计中有意识地运用黄金分割比例进行设计，可以营造出美观的布局效果。

3. 白银分割

「白银分割比(1):1.414）」它是日本首次采用的分割比例，目前广泛应用于布局设计中。

与黄金分割相比，白银分割次空间所占比例较大，可承载的信息量也较大。

4. 2:1分割

采用2:1的比例，图片主体在图片中占据主导地位，视觉焦点更清晰。

主要信息(标题)往往融入图片中，放在主空间中成为图片的主体，而阅读文本则放在次空间中。

5. 3:1分割

3:分割的比例与2:1比例相似，但图片在图片中占据主导地位，主空间承载视觉点，次空间承载阅读信息。

通过比例，布局分割可以更加严格。然而，根据图片的项目调性、信息量、信息功能和图形主体，没有这种比例关系是绝对正确的。例如，使用其他比例分割的优秀案例：

空间调整

将图片和文本按比例分别排列在布局的上下部是一种更严格和标准化的构图方法，但为了避免布局的僵化，可以通过调整布局空间来改变各种布局形式。例如，在以下情况下：

缩小图片和文字空间，使空白形成外部空间，增加层次感。

在背景(绘画作品)上重新划出新的空间，形成内外空间对比，既丰富了画面层次，又使布局生动有趣。

通过图片文字的错位排版和负空间的巧妙留白，原本僵硬的上下构图变得灵活多变，充满个性。

偏移图片位置的重心，打破平衡稳定的构图形式。标题的破图处理也增加了布局的灵活性和丰富性。

在上面的空间中划分新的空间，可以使空间多变，也可以使我们的设计更加灵活。

灵活运用

上下构图的框架看似固定，但也可以通过设计手法改变各种排列形式，巧妙打破上下分割的单一性和僵化感。

1. 曲线分割

将生硬的直线改为动态曲线或斜线来划分画面，使布局更加生动活泼。

2. 图片裁切

将方形图片切割成其它形状，使上下构图没有明显的分割线，也能呈现出良好的视觉效果。

3. 文字破图

用文字串联上下两个空间，打破上下构图布局的单一性。

4. 元素串联

利用图形、色块等元素串联空间，使主次空间建立联系，视觉效果丰富，设计感好。

5. 图片退底

对图片主体进行退底处理，重建场景，弱化空间分区。

6. 空间留白

利用空白打破两个空间之间的间隙，打开画面的空间感，具有良好的视觉效果。

总结

上下构图是一种非常实用的构图方式，将布局分为上下两部分，或使图片中的元素呈现上下分布趋势。主空间承载视觉点，次空间承载阅读信息，视觉效果平衡稳定；上下构图设计时，图片空间可根据布局内容的信息量进行划分。常用的布局划分比例为：1:1、1:1.618、1:1.414、1:2、1:3等；为了避免布局僵化，可以通过调整布局空间来改变各种布局形式；可以通过曲线分割、图片切割、文本图片、元素串联、图片底部、空间空白等方式，改变各种布局形式，巧妙地打破上下分割的单一性和僵化感。

构图技巧更多：

欢迎关注作者微信微信官方账号:「Designdesign」