天天看點

【廣告設計】我用這 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 招,搞定多圖排版!

▲ 此海報來自網絡

雖然去底處理并非萬能,但隻要靈活運用,便能充分發揮其優勢。以多圖編排為 例,巧妙使用去底圖能夠使畫面更加清晰明了,突顯重點。好啦,今天的内容就分享到這裡,喜歡的話點個贊贊哦~

繼續閱讀