转载自 {{article.sourceName}}

上下构图是非常实用的一种排版方式，简单来说就是，画面中的元素呈上下分布，主空间承载视觉点，次空间承载阅读信息，但你不知道的是，即使是上下，也能有很多种方式，今天就用一个海报，实操演示一下。

设计一款最典型的上下构图，版面由“上图下字”两部分构成，并采用黄金比例划分空间。

再通过文字编排来丰富视觉：

文字部分也进行上下构图处理，标题和宣传文字形成一个文字组，阅读信息形成另外一个文字组。

文字编排运用字体大小、粗细、字型、方向等对比，使用了两端对齐、居中对齐、左对齐，加入了点线面的点缀装饰，方案一就完成了。

接下来尝试把画面划分为3:1，把标题融入图片中成为主体。再使用标题文字串联起两个空间，打破上下构图的单一性。 

最后再通过精心编排，方案二设计完成：

除了使用文字，还可以利用色块串联上下空间，让主次空间建立起联系。

方案四把画面平分为上下两部分，形成对称均衡的分割。复制原图进行水平翻转，使用PS中“反向”命令把图片调整为反白效果，呼应黑白世界的主题。

文字改为竖排版，继续使用黑底白字和白底黑字，强化空间对立关系。

尝试缩小图片和文字空间，使留白处形成外空间，增加层次感，并把分割线改为斜线。

标题文字拆为对角编排，部分笔画进行镂空处理，再结合错位，版面更生动了（这个方案最有感觉）。

还可以通过调整空间，变换出多种编排形式。如在背景上重新划出一个新的空间，形成内外对比。

再把之前编排的文字放置在画面中，方案六设计完成：

继续设计新的方案，让图片位置重心向左偏移，打破均衡稳定的构图形式。

在上方划分出新的空间，形成左右构图。标题进行破图和错位处理，其他阅读性文字放在画面下半部分，又是一个方案：  

通过图片文字的错位和负空间的留白，方案八也出来了。

把图片主体进行退底处理，重新营造场景，弱化空间的分区，也得到了良好的视觉效果。

通过本期的实操演示，可以看到上下构图看似比较呆板和单一，实则可以通过各种比例分割，空间的布局，设计手法，灵活变换出多种编排形式，你学会了吗？

方案汇总

版权声明：{{article.isOrigin?'本文系字由用户的原创内容，未经许可不得以任何形式进行转载':'本文转载自互联网，如有问题请通过意见反馈与我们联络'}}

文章评论

评论

{{item.user.name}} {{item.timestamp|time}}

{{item.content}}

{{item.reply.user.name}}: {{item.reply.content}}

回复

回复

还没有人留言

查看更多 >