1. 首页
  2. PS教程

图文排版构图帮你做好版式设计!

当我们在进行版式设计中,为了使版面更准确、迅速地传递主题信息,通常会采用与该版面风格相对应的版式形式来进行编排。那么对于一些刚接触商业设计的设计新手而言,如何针对性地使版面结构达到恰到好处的位置,从而让版面达到平衡。所以,在今天的文章里我分享一些基本的版面构图法。

图文排版构图帮你做好版式设计!

一个优秀的画面自然有好的构图,那么怎样才能轻易划分好的构图呢?或许大家都会听说过摄影三分法构图,而这三分法构图不仅简单,而且便于掌握。先解释一下什么是三分法。

什么是摄影三分法?

三分法,有时也称作井字构图法,是一种在摄影、绘画、设计等艺术中经常使用的构图手段。在摄影三分法中,摄影师需要将场景用两条竖线和两条横线分割,就如同是书写中文的“井”字。这样就可以得到4个交叉点,然后再将需要表现的重点放置在4个交叉点中的一个即可。

 

图文排版构图帮你做好版式设计!

(三分法图示)

三分法规定,为了尽可能吸引观者的注意力,视觉重心或者最吸引人的东西应该尽量靠近四条线相交处。当然这条规定是可以灵活运用的,主体不一定要正好在交叉点上,在交点的那一带也可以。

说到这里,或许大家已经有基本的概念,下面我们不妨举例来说说三分法如何运用到版式设计当中。

下图的主体位于中央,构图会产生静止的感觉,画面呆板

图文排版构图帮你做好版式设计!

通过三分法来划分后,将主体放置于右下角,瞬间使画面具有空间感

图文排版构图帮你做好版式设计!

但是,作为版式设计来说

如果将此图作为一张banner,我们发现版面的左上方会不会显得有点单薄

是否需要添加一些元素使版面更加饱满和平衡

从三分法构图当中,通过右下角与左上角的交点对角关系,

主体图位置确定后,及能轻易找到版面的平衡点(左上角)

图文排版构图帮你做好版式设计!

然而在版面的左上方处添加文字的元素(如下)

便使版面达到了平衡,以及在视觉上增强了画面的表现力

图文排版构图帮你做好版式设计!

原来三分法构图实际上是种比例分配原则,不仅能突出版面主题重点,而且通过井字构图轻易找到画面的平衡点,使画面更加和谐。这种三分法构图,表现鲜明,构图简练,最重要的是能轻易记住当中的技巧。长话短说,下面我通过实例给大家分析一下三分法与版面构图如何结合在一起的,从而得出以下几个基本的版面构图的类型:

1、左右排列

左字右图——将主体图片放置在版面的右边,使读者产生从右到左的颠覆性视觉效果,留下深刻的印象。

(主体不一定要正好在交叉点上,在交点的那一带也可以)

确定主体图位置,找到平衡点(左侧)

图文排版构图帮你做好版式设计!

图文排版构图帮你做好版式设计!图文排版构图帮你做好版式设计!图文排版构图帮你做好版式设计!图文排版构图帮你做好版式设计!图文排版构图帮你做好版式设计!

左图右字——将主体图片放置在版面的左边,相对于文字来说,图片更具有视觉吸引力,因此通过该类排列方式,可使画面产生由左向右的阅读顺序使版面展现出统一的方向性。

确定主体图位置,找到平衡点(右侧)

图文排版构图帮你做好版式设计!

图文排版构图帮你做好版式设计!图文排版构图帮你做好版式设计!图文排版构图帮你做好版式设计!

2、上下排列

上部——当将主体图片摆放在版面的上方时,可以构建起从上往下的阅读顺序,并使读者从图片的内容入手,使其理解能力得到显著提升。

确定主体图位置,找到平衡点(下方)

图文排版构图帮你做好版式设计!

图文排版构图帮你做好版式设计!
图文排版构图帮你做好版式设计!
图文排版构图帮你做好版式设计!

下部——如果要强调文字要素,将图片摆放在文字的下方,使读者在第一时间了解到版面的主体信息。使画面表现出稳固、深沉的视觉效果。

确定主体图位置,找到平衡点(上侧)

图文排版构图帮你做好版式设计!

图文排版构图帮你做好版式设计!
图文排版构图帮你做好版式设计!
图文排版构图帮你做好版式设计!

3、对角排列

确定主体图位置,找到平衡点(左上方)

图文排版构图帮你做好版式设计!

图文排版构图帮你做好版式设计!

图文排版构图帮你做好版式设计!
图文排版构图帮你做好版式设计!
图文排版构图帮你做好版式设计!

4、中央排列

将主体图或主要文字元素放置于版面的中央,以达到引起读者的高度注意,同时利用图文并茂的表达方式,有效加深读者对版面的认知深度,并提高版面的主题信息。

确定主体图位置,找到平衡点(上下方或环绕)

图文排版构图帮你做好版式设计!

图文排版构图帮你做好版式设计!图文排版构图帮你做好版式设计!图文排版构图帮你做好版式设计!

5、自由排列

顾名思义,自由排列就是对版面进行无规则、无要求的编排。该类编排方式不受任何约束,因此单从三分法构图原则去编排,是不能满足自由编排的灵活性。所以在进行自由排列的版面往往能在视觉上带给人以活跃的版式印象。

图文排版构图帮你做好版式设计!图文排版构图帮你做好版式设计!图文排版构图帮你做好版式设计!

实战演示,利用三分法掌握基本的版面构图

通过以上对三分法与版式设计相结合的分析之后,大家是否已经有了初步的了解。下面我为大家实战演示一下如何利用三分法来掌握基本的版面构图:


主题:宜家家居

主标题:为自己选一把舒适的椅子

主体图:如下

说明文字:扶手椅就是要满足每个人对舒适感的要求……


主体图👇

图文排版构图帮你做好版式设计!

第一步:画出三分法构图(井字构图)

确定主体图位置👇

图文排版构图帮你做好版式设计!

第二步:通过井字构图找出平衡点

左右关系,在平衡点左侧处放置文字要素

 

图文排版构图帮你做好版式设计!
图文排版构图帮你做好版式设计!


下面我们再看看其他构图类型

上下排列👇

图文排版构图帮你做好版式设计!

对角排列👇

图文排版构图帮你做好版式设计!
图文排版构图帮你做好版式设计!

中央排列👇

图文排版构图帮你做好版式设计!

总结:

  • 三分法构图实际上是种比例分配原则,不仅能突出版面主题重点,而且通过井字构图轻易找到画面的平衡点,使画面更加和谐。
  • 三分法并不一定适合所有人,毕竟提升设计的技巧和方法有很多。但是作为一项基本的排版布局规则,三分法与版式中的简单构图相结合却是可以值得借鉴去学习的技巧和经验。
  • 以上所分析的基本构图类型一般可运用于海报、banner和单张设计。除了自由排列可用于所有的设计。
  • 做任何设计的时候,都必须根据实际情况而定,不一定要按照规定去做,需要灵活变通才能设计出好的作品。

原创文章,作者:平面广告设计师-CMM,如若转载,请注明出处:http://www.mxjjrcm.com/3173.html

联系我们

151-6889-7510

在线咨询:点击这里给我发消息

邮件:759058706@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息