图多不会排?这个方法几乎万试万灵!

当图片开始增多的时候,首先不要慌张,更多考虑的是图片之间的大小对比,来提升画面的层次感。但是光说道理是不行的,接下来给大家解构这个套路,运用三角形结构布局法。
在平面中的三角形,是最稳定的又最简单的结构。如果将它运用到多图的编排中,也是较为简单而有效。那么怎样才算是三角形结构?我们通过下面的案例来分析。
上面是画册的其中两页,包含三张图和一段文字。
把图片之外的元素遮盖住,剩下三张图,再用线连接起来。很明显它们形成三角形结构,所以三角形结构适用于图片的布局,而且是三张图的编排。其实三图多数以这种三角关系存在。
这也是三张图的布局,但是图片分布在右侧的单页上,而不是像刚才分布在两个页面。
所以三角形结构在画册中,无论图片分布在单页或双页,都能被运用。那么通过上面的例子分析之后,你应该开始慢慢掌握和摸索这种结构的布局模式了。
上面我们说过了,这种三角形结构适用于三张图的编排。那么是不是只局限于三张图?四张、五张图行不行呢?下面我们继续通过画册的案例进行解构分析。
○ 三张图单页存在
如果图片和信息内容性质相同,都是同等级的,那么就可以选择常规的并列方式编排,以大小尺寸等同的方式进行排布。
这是最简单的一种排版方式,只需要将图片等距进行排列即可。但是这种并列式排布容易造成单调性。
▼ 所以我们利用三角结构的布局,就更能提高版面的灵活性。
▼ 当图片尺寸可以改变的时候,更多考虑的是图片之间的大小对比,来提升画面的层次感。
即便三张图都在单页上,就算是文字量少还是多,都可以通过三角形结构来平衡和控制画面。接下来看看三图在双页的变化。

○ 三张图双页存在
① 当其中一页大面积铺满图片的时候:
依然使用这种三角关系,根据主题调性,调整版面的版面率和留白率。
▼ 甚至这样,你会发现色块的运用是最快速改变视觉效果的方法。
② 如果没有大面积铺满图片的时候:
需要注意图片与文字间的关联性。
③ 或者图片横跨页面的时候:
可以先考虑水平方向的编排,图片在上面,文字在下面,整体就是上下的构图关系。如果这种形式满足不了版面要求,再考虑三角结构。
▼ 主要三角关系所形成的留白,让层次感立即丰富起来。
▼ 如果想让视觉更强烈,加个色块,就可以看到变化。
○ 四张图存在
先将图片的尺寸等级确定好,如下图所示。将一张图放大,两张图是同样尺寸,剩下一张是跟另外三张不同尺寸
▼ 依然要先考虑一张大尺寸的图是按单页,还是跨页的形式表现,我们就以跨页方式排布。
▼ 当大图确定位置之后,就开始思考是用水平,垂直,对角,还是三角这几种结构去布置其他的图。例如三角形结构,那我们把内容放上去。
有没有发现我将两张尺寸一样大的图,当成一张图了?版面是不是跟三图布局一样?这样做为了降低编排难度,更利于我们编排。
▲ 运用刚才的方法,将两张尺寸一样的图看作成一张图,依然是三角型结构。
其实也可以把尺寸不同的可以看成一张,只要并列成为矩形的都可以。那么这就是四张图使用三角形结构编排的规律。
除了上面介绍的三角形结构,当然还有水平、垂直、对角、分散等等结构来协助图片的排布。但是前提一定要根据信息量和画册的主题调性,再按照刚才所说的规律来划分信息区域。
所以在执行设计之前,也可以先找一些类似的参考,再做编排的。
(0)

相关推荐