服务热线:
15071151002
图文展示
衍果视觉设计培训学校

【平面设计】多图排版技巧和方法

当图片开始增多的时候,首先不要慌张,更多考虑的是图片之间的大小对比,来提升画面的层次感。但是光说道理是不行的,接下来给大家解构这个套路,运用三角形结构布局法。


【平面设计】多图排版技巧和方法


在平面中的三角形,是最稳定的又最简单的结构。如果将它运用到多图的编排中,也是较为简单而有效。那么怎样才算是三角形结构?我们通过下面的案例来分析。


【平面设计】多图排版技巧和方法


上面是画册的其中两页,包含三张图和一段文字。


【平面设计】多图排版技巧和方法


把图片之外的元素遮盖住,剩下三张图,再用线连接起来。很明显它们形成三角形结构,所以三角形结构适用于图片的布局,而且是三张图的编排。其实三图多数以这种三角关系存在。


【平面设计】多图排版技巧和方法


这也是三张图的布局,但是图片分布在右侧的单页上,而不是像刚才分布在两个页面。


【平面设计】多图排版技巧和方法


所以三角形结构在画册中,无论图片分布在单页或双页,都能被运用。那么通过上面的例子分析之后,你应该开始慢慢掌握和摸索这种结构的布局模式了。



【平面设计】多图排版技巧和方法



上面我们说过了,这种三角形结构适用于三张图的编排。那么是不是只局限于三张图?四张、五张图行不行呢?下面我们继续通过画册的案例进行解构分析。

○ 三张图单页存在

如果图片和信息内容性质相同,都是同等级的,那么就可以选择常规的并列方式编排,以大小尺寸等同的方式进行排布。


【平面设计】多图排版技巧和方法



这是最简单的一种排版方式,只需要将图片等距进行排列即可。但是这种并列式排布容易造成单调性。

▼ 所以我们利用三角结构的布局,就更能提高版面的灵活性。


【平面设计】多图排版技巧和方法




▼ 当图片尺寸可以改变的时候,更多考虑的是图片之间的大小对比,来提升画面的层次感。



【平面设计】多图排版技巧和方法


【平面设计】多图排版技巧和方法


即便三张图都在单页上,就算是文字量少还是多,都可以通过三角形结构来平衡和控制画面。接下来看看三图在双页的变化。


○ 三张图双页存在

① 当其中一页大面积铺满图片的时候:依然使用这种三角关系,根据主题调性,调整版面的版面率和留白率。


【平面设计】多图排版技巧和方法



▼ 甚至这样,你会发现色块的运用是最快速改变视觉效果的方法。


【平面设计】多图排版技巧和方法



【平面设计】多图排版技巧和方法




② 如果没有大面积铺满图片的时候:

需要注意图片与文字间的关联性。



【平面设计】多图排版技巧和方法



【平面设计】多图排版技巧和方法




③ 或者图片横跨页面的时候:

可以先考虑水平方向的编排,图片在上面,文字在下面,整体就是上下的构图关系。如果这种形式满足不了版面要求,再考虑三角结构。


【平面设计】多图排版技巧和方法



▼ 主要三角关系所形成的留白,让层次感立即丰富起来。


【平面设计】多图排版技巧和方法

【平面设计】多图排版技巧和方法


▼ 如果想让视觉更强烈,加个色块,就可以看到变化。


【平面设计】多图排版技巧和方法



【平面设计】多图排版技巧和方法




○ 四张图存在

先将图片的尺寸等级确定好,如下图所示。将一张图放大,两张图是同样尺寸,剩下一张是跟另外三张不同尺寸


【平面设计】多图排版技巧和方法


▼ 依然要先考虑一张大尺寸的图是按单页,还是跨页的形式表现,我们就以跨页方式排布。


【平面设计】多图排版技巧和方法



▼ 当大图确定位置之后,就开始思考是用水平,垂直,对角,还是三角这几种结构去布置其他的图。例如三角形结构,那我们把内容放上去。


【平面设计】多图排版技巧和方法


有没有发现我将两张尺寸一样大的图,当成一张图了?版面是不是跟三图布局一样?这样做为了降低编排难度,更利于我们编排。


【平面设计】多图排版技巧和方法


▲ 运用刚才的方法,将两张尺寸一样的图看作成一张图,依然是三角型结构。


【平面设计】多图排版技巧和方法


其实也可以把尺寸不同的可以看成一张,只要并列成为矩形的都可以。那么这就是四张图使用三角形结构编排的规律


【平面设计】多图排版技巧和方法


除了上面介绍的三角形结构,当然还有水平、垂直、对角、分散等等结构来协助图片的排布。但是前提一定要根据信息量和画册的主题调性,再按照刚才所说的规律来划分信息区域。


【平面设计】多图排版技巧和方法


所以在执行设计之前,也可以先找一些类似的参考,再做编排的。那么今天的分享到这里,希望你会喜欢,我们下次再见。


联系老师

联系老师

副标题

 
 
 
 
 工作时间
周一至周日 :8:30-21:00
 联系方式
客服热线:15071151002