查看原文
其他

多图排版,教你三个小妙招

王猛奇 字体设计 2022-09-12

点击上方蓝字,把我设置为星标☆吧

今天,和大家分享一篇猛奇老师的版式教程,教你三个多图排版的小妙招。文章分两部分,第一部分是解析,第二部分是示范。


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



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



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


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



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


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



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

有同学开始有疑问了,有变化吗?

有!不信你看。

它多了一个碗。

所以它做了两重大小对比。

或是这样的排列。




许多同学以为多图并置就是单纯的将图片以鼠标键一样的方式摆放起来。

你们还是还是too young too simple。

没错,这个英文是我复制过来的。

当然了,首要我们介绍的肯定还是常规的并置。



并置的意思是,以大小基本等同的方式进行排布。

但是排放可以有更多的处理变化。



又或是...

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




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



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

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

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



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


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



最后加一个质感背景。



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

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

这个案例中图片有两个,所以我们用一种特殊的形式来做。

这样并置的手法在日式海报中还是比较多见的。

图文组合画面看看效果。



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



第三个案例我们可以排的偏日式一些。

文字排列的更加精致一些,部分文字字距可以稍微加大,增加版面的呼吸感。


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


最后的排版效果。

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



这次的教程就到这里。


顺带,和大家看看往期学生们,在第七节课‍的美食类海报设计作业。


by Gt


by 阿源


by 举个栗子


by 若若


by Vincent


by so.so


by 小D同学


by 启间


大家可以从上面的这些作业当中,同刚才教大家的多图排版技巧对比一下,看看分别是使用了哪个排版方式。另外如果想看更多作业的,可点击→《2600多张学生版式作业!从吃喝玩乐到裂变

关于美食类的排版设计方法,有食材拼贴,负空间,在场景中排版,大小对比,把焦点框起来,以字体为视觉辅助等等。这些招式不复杂很实用能够立马见效,可解决大部分排版的问题。

最后,想跟着猛奇老师一起学版式设计吗?
↙可点击左下角的“阅读原文

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存