3招多图排版小技巧

  • A+
所属分类:经验思维

本文来源: 王猛奇(公众号: 胡晓波工作室), 共 1078 字

许多时候,我们拿到的图片并非一张,所以如何在一个画面当中,很好的将几张图片排放的融合,秩序,又不失变化,需要更加灵活的处理方式,不能像一张图排版时候那样局限。

3招多图排版小技巧

图片的增多,难度主要在于构图的可能性越来越多,可变化的余地会越来越大,但是仍然有一些常规的排列方式可以总结一下,大多数时候我们都会采用这些方式来进行进行版面构图规划。

3招多图排版小技巧

第一种方式是:大小对比,大小对比常用与有明确的重要层级关系的两张图,比如下面的两个食物图片,在卖家的角度来说,一个肯定是更加重要的主要宣传卖点,另一张在层级上非常弱化,作为次要卖点。

3招多图排版小技巧

而无论是怎样简单的一种方式,在实践中都会衍变出无数的可能性,这种可能性可以是风格,构图,颜色等。所以说,所有的归类总结背后都需要通过看大量的设计图。

年纪轻轻的我就是这样从一个清纯双眼皮少男变成了现在的稳重不失可爱,成熟不忘初心的黑框眼镜少男。

3招多图排版小技巧

再来看一下,这个方法还可以怎样来进行无尽的变化。

有同学开始有疑问了,有变化吗?有!不信你看。它多了一个碗。所以它做了两重大小对比。

3招多图排版小技巧

或是这样的排列。

3招多图排版小技巧

3招多图排版小技巧

许多同学以为多图并置就是单纯的将图片以鼠标键一样的方式摆放起来。你们还是还是too young too simple。没错,这个英文是我复制过来的。当然了,首要我们介绍的肯定还是常规的并置。

3招多图排版小技巧

并置的意思是,以大小基本等同的方式进行排布。但是排放可以有更多的处理变化。

3招多图排版小技巧

又或是...你看这个碗又少了一个,还变大了。

3招多图排版小技巧

3招多图排版小技巧

这类方式较为特殊,设计者会以一种不太常规的排列方式来布置,但是最终又呈现了一种较为规整的排列。

3招多图排版小技巧

3招多图排版小技巧

接下来我们将会用几个案例来示范一下。

3招多图排版小技巧

第一个案例我们用大小对比的方式来做,但是又会有一些部分是并置。首先我们排列文字部分。

标题部分我用书法体搭配宋体。

3招多图排版小技巧

然后将图片排放好,注意大小对比,大的一定是我们要突出的,小的几个图片呈现并置的方式,即大小轮廓基本一致。

3招多图排版小技巧

我还是利用了线框将图片营造面积感,会显得更加的秩序一些。

3招多图排版小技巧

最后加一个质感背景。

3招多图排版小技巧

接下来我们来看第二个案例。

3招多图排版小技巧

首先我们还是将文字部分排列出来,做一个简单的排版。

3招多图排版小技巧

这个案例中图片有两个,所以我们用一种特殊的形式来做。这样并置的手法在日式海报中还是比较多见的。

3招多图排版小技巧

图文组合画面看看效果。

3招多图排版小技巧

最后的排版效果中我加了一个简单的英文底纹作为背景,让画面的层次更加丰富一些。

3招多图排版小技巧

3招多图排版小技巧

第三个案例我们可以排的偏日式一些。文字排列的更加精致一些,部分文字字距可以稍微加大,增加版面的呼吸感。

3招多图排版小技巧

然后整体都利用线框来做,大图直接可以用线框来裁剪。

3招多图排版小技巧

最后的排版效果。因为文字刻意设定较小,所以整体的留白会比较多,版面就是显得更显清新一些。

3招多图排版小技巧

这次的教程就到这里,拜了个拜。


  • 版权声明:本文源自 王猛奇(公众号: 胡晓波工作室), 共 1078 字。
  • 转载请注明,本文链接:3招多图排版小技巧

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: