天天看点

【广告设计】我用这 7 招,搞定多图排版!

作者:衍果视觉

多图编排对于很多设计师来说,确实是一个大难题。多图编排意味着版面率会提高,如果处理不好,就很容易造成版面的拥挤,甚至显得很呆板。

【广告设计】我用这 7 招,搞定多图排版!

在一个页面中,有四张图或以上的为多图。当图片增多的时候,更多考虑的是对图片进行大、中、小三个级别的分类,明确图片的主次关系,再以图片的展示形式和处理方式来合理地编排。

【广告设计】我用这 7 招,搞定多图排版!

根据主题风格和需求,考虑图片的大小、版面比例、展示形式、处理技巧以及构图布局等因素,以最大程度地打造画面的创意性和美感。

【广告设计】我用这 7 招,搞定多图排版!
【广告设计】我用这 7 招,搞定多图排版!

将图片的背景去掉,留下主要的部分,这样的做法可以节省图片在版面的空间,从而最大化地利用空间去编排。甚至跟其它视觉元素搭配使用,更显设计空间感。

【广告设计】我用这 7 招,搞定多图排版!

\ 环形、围绕排列 /

将重要信息放在中心,将图片去底后再以环形、围绕的方式进行排列。注意图片大小并非千篇一律,而是张弛有度。

【广告设计】我用这 7 招,搞定多图排版!

▲ 设计:野村デザイン制作室(nomura-design.com)

【广告设计】我用这 7 招,搞定多图排版!

▲ 《闲情四事──插花、焚香、挂画、喝茶》文物展海报

运用色块或边框

\ 包围群组一起 /

运用色块或边框将多张去底图片包围起来,并将图片紧凑地排列,使它们群组一起,让读者很自然地将视线集中在图片上,画面也变得更加清晰明了。

【广告设计】我用这 7 招,搞定多图排版!

▲ 设计:㎡/emuni 设计事务所

【广告设计】我用这 7 招,搞定多图排版!

▲ 设计:黒丸健一(Studio:homesickdesign)

\ 用“线”串连起来 /

运用色块或边框将多张去底图片包围起来,并将图片紧凑地排列,使它们群组一起,让读者很自然地将视线集中在图片上,画面也变得更加清晰明了。

【广告设计】我用这 7 招,搞定多图排版!

▲ 此图片来自日本时尚杂志《GINZA》

【广告设计】我用这 7 招,搞定多图排版!

▲ 设计:㎡/emuni 设计事务所

\ 以“S”型曲线排列 /

图片以类似“S”型曲线进行排列,“S”型具有穿针引线的作用,可以把画面中散乱的视觉元素串联起来,让画面具有韵律感和协调感。

【广告设计】我用这 7 招,搞定多图排版!

▲ 此海报来自网络

【广告设计】我用这 7 招,搞定多图排版!

▲ 此海报来自网络

\ 借助“格子”来布局 /

即便页面中有大量的图文信息,但是使用格子来布局元素,能很好地保证视觉元素的对齐和规划。通过将图片、文字等信息放置到等分后的格子中,这样就能有效整理页面的图文信息,得到一个清晰的结构,使信息清晰明了,一目了然。

【广告设计】我用这 7 招,搞定多图排版!

▲ 此海报来自网络

【广告设计】我用这 7 招,搞定多图排版!

▲ 此图片来自《Discover Japan 》杂志

\ 堆叠聚集起来 /

图片采用局部退底的形式,类似使用剪刀把图片的主体粗略地裁剪出来。再将图片堆叠聚集起来,不仅使画面视线集中,也让页面留有足够的留白。

【广告设计】我用这 7 招,搞定多图排版!

▲ 此图片来自日本时尚杂志《GINZA》

【广告设计】我用这 7 招,搞定多图排版!

▲ 《好好拍电影》海报,设计:杨士庆

\ 嵌入轮廓形状中 /

将图片嵌入到不规则的形状、文字甚至特定轮廓中,类似ps中的剪贴蒙版功能。随后将图片进行去除背景的处理,同时把去背景后的图片超出形状边界来打破常规,增加层次感或编排的灵活性。

【广告设计】我用这 7 招,搞定多图排版!

▲ 设计:Baju Studio

【广告设计】我用这 7 招,搞定多图排版!

▲ 此海报来自网络

虽然去底处理并非万能,但只要灵活运用,便能充分发挥其优势。以多图编排为 例,巧妙使用去底图能够使画面更加清晰明了,突显重点。好啦,今天的内容就分享到这里,喜欢的话点个赞赞哦~

继续阅读