4种构图，搞定所有版式！

你们喜欢的

干货表情包，来了~

排版构图，是不少新手设计师的硬伤，看别人的案例好像很简单，自己一动手就废了。排版其实没那么复杂，只要记住一句话就行，万变不离其踪。

我们在网上看到各种五花八门的构图方式，都是由几种基础的构图方式变化而来的。也就是说，只要把最基础的构图方式都熟练地掌握，再举一反三，就能扩展到其它形式了。

好了，那我们今天就来讲讲4种最基础的构图方式，只要用好这几种构图，基本上就能应付绝大部分排版。

话不多说，干货走起。

居中构图是一种对称式的构图，看起来中正、大气。适合风格比较简洁，文案比较少的版面使用。

一般有横向和纵向两种应用方式：

在具体的应用中，我们可以让所有元素居于画面正中间排列。

也可以让文案居中，图像元素居于画面两侧。

又或者让主体居中，文案居于两侧。下图尽管不是严格的居中对称排版，但由于画面的绝对重心在竹子的图案上，它将画面从正中间一分为二，所以也是居中构图。

居中排版虽然简单，但也不是只要把所有文字居中就行了，而是要有一定的对比，形成视觉上的变化，这样才不会显得单调。

用实操案例来演示一下具体如何应用。

第1步，

抠一张女模特图。

第2步，

给背景铺上黄色，加一条黑边栏压一下，让画面不会过于晃眼。

第3步，

按照居中构图的方式，我们这里适合把文案压在人物的顶部和底部。

第4步，

按照上面的布局，换上具体的文案。

第5步，

优化细节。并补充好其它次要文案。

OK，完工。

下一招走起。

上下构图是一种很常规，很符合我们日常阅读习惯的排版方式。一般有两段式或者三段式排版，分别是上下构图，以及上中下构图。

上下排版最常见的形式，就是文案和图像分别位于画面的上下两端。

上下构图的基本特点就是横平竖直，但在实际的排版中，我们完全可以让画面多一点变化，打破上下构图的呆板。

上下构图也不一定就要工工整整的，只要内容分布于上下两个空间，中间通过共同的元素将上下联系起来即可。

上下排版由于分割界线非常清晰，很容易让画面各个部分显得脱节，这是我们在排版的时候一定要注意的点。

来看看实操案例。

第1步，

抠一张人物素材图。

第2步，

按照人物的运动方向，用不同色块将画面一分为二。

第3步，

大致规划一下文案的分布。

第4步，

填充上具体的文案。

第5步，

优化排版的细节。

上下构图并不是说所有的内容都要严格的分布于各自的空间，我们可以让上下的内容互相穿插，从而让画面显得没那么割裂。

OK，完工！

继续走你。

左右构图常用于主体是竖长型的，文字可以采用竖向排版。

最常见的应用如下图，主标题居一边，图像分布在另一边，同时注意大小对比，不要让左右过于平均。

左右的分布，也不一定要有明显的区块感。

文案分布也可以呼应图形的轮廓，这样可以让版式整体看起来更加统一感。

下面来看实操案例。

第1步，

抠一张鞋子的产品图。

第2步，

由于原图缺少上部分，所以我将图像旋转90度，同时换个角度也能产生一点视觉上的新鲜感。

第3步，

为了让鞋子更加突出，将裤子的颜色调为绿色，和背景融为一体，强化鞋子的主体地位。

第4步，

按照左右构图的分布，大致确认一下文案的排版方向和位置。

第5步，

打上具体的文案。

第6步，

添加纸质纹理背景，丰富视觉层次。

OK，完工！

容我休息会，继续。

顾名思义，包围式构图就是指文案将画面主体包住。这是一种满版的构图方式，适合文案比较多的版面。它分为全包围式构图和半包围式构图。

包围式构图的版面一般都比较满，给人很丰富的感觉。

这种压住四角的包围式结构，看起来非常稳定，有力量的感觉。

相对来说，半包围构图则看起来比较透气一些，在某一个方向留出来的空间，可以用来突出主体。

来看看实操案例。

第1步，

找一张女装素材图。由于这张图本身品质足够好了，所以我们不需要对图像本身进行加工。

第2步，

给图片加一个黑框，缩小版心，让画面看起来更加紧凑。

第3步，

打上主要的文案。

第4步，

对于文案比较多，比较复杂的排版，建议大家建立网格来进行操作，可以让排版更加严谨，有规律。

打开 视图>新建参考版面，即可很方便地创建自己想要的网格，然后我们根据图片的分布，在空白地方画出适合排版文案的区块。

第5步，

将文案填充进划好的网格中。

第6步，

围绕人物，我们将所有的文案按照重要程度，分布于的四周，形成包围式构图。

第7步，

再对局部的排版细节进行优化。在保证整体框架不变的同时，添加一些小的装饰元素，以及做一些小的变化，让排版看起来更加丰富有层次。

OK，完工！

好了，今天的内容就到此结束。

走了~

下面就到你们动手的时间。

结合今天讲的内容，自拟素材，做1-4张练手海报。

注意了！

我给大家提供了一个作业PSD模板，必须按模板的尺寸提交，没有按模板要求提交的不参与优秀作业评选！！

下载地址：(提取码: pmzd)

https://pan.baidu.com/s/1XX2wG8L_yhNj_zKDQnhpUg?pwd=PMZD

文件命名：

你的名字-你的QQ-作业.jpg

例如：阿门-12345678-作业.jpg

提交作品时，务必将你的每个文件按格式要求命名。不需要发 psd 源文件，也不要压缩包，有多少张就直接上传多少张。

下面是投稿的邮箱。

投稿邮箱也换了！大家不要发原来的旧邮箱。

投稿邮箱：

[e-mail]

邮件标题：

20221102-你的名字-你的QQ-作业

我会选择3位同学送出庞门正道定制本各1本,这个是只送不卖的纪念品，纪念你曾经努力的意义。

下一期教程出来的时候公布优秀结果。

期待你的参与，让一百多万门友共同见证你的进步！

上期的电影海报作业，一共收到46份作品，希望大家看完教程后，都像这些同学一样，练起来！这样才有效果！

全部作品截图：

很多同学都做得十分用心，相信时间会见证你们的进步，下面精选出3位同学送出小礼物：

01号作品

6号波

好骚的蛋！

虽然谐音梗要扣钱，但是设计真没得挑，又有趣又好看，必须要点个赞！

02号作品

Jun

字体的设计很用心，简笔画为整个画面带来了灵魂！

03号作品

Green

我就喜欢大小对比，简单，但是极易出效果！

以上三位送出庞门正道定制本各一个！

请把你的 收件人姓名、手机号、收件地址 发送到邮箱。

-----------------------

好了，

学到干货的同学请大方地点击一下喜欢作者！！：）

这样下一期干货来得更快！

(在公众号回复：色彩教程，排版教程，有惊喜)

-------------------------

往期精华文章导读：

非科班设计师为什么难进步？

老板总在群里说业绩下滑，怎么办？

手机摄影！太炸了！

-END-

越努力，越幸运。

这里是庞门正道。