圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


排版的難處在于,我們不是根據(jù)已經(jīng)設(shè)計好的版面來填充內(nèi)容(套模板),而是要根據(jù)具體的內(nèi)容來布局版面,比如版面中的圖片有時候是一兩張,有時候是十張八張,由于構(gòu)成元素的不同,導(dǎo)致采用同樣的構(gòu)圖、版式、形式往往是行不通的。

今天的這篇文章就來分享,在不同情況下有哪些圖片排版技巧。

一、單圖排版

1.平鋪

即把圖片鋪滿整個版面,這種處理方式多用于封面設(shè)計;

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

或者在內(nèi)頁中把某一半版平鋪一張大圖,另一半則排列文字或者小圖。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

平鋪的圖片比較有張力,有視覺重心的圖片適合這么處理,例如下圖平鋪的效果就一般般。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

還有一種情況是把圖片當(dāng)做背景時,也可以采用平鋪,如下圖。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


2.四周留白

即圖片要比版面小,并讓其四周都留出空白,這里也分兩種情況,一是圖片位于版面正中央,圖片周圍的留白是對稱的,這種效果類似于相框,常用于封面設(shè)計。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

還有一種情況是圖片周圍的留白并不對稱,如下圖,留白較多的區(qū)域會用來排文字,常用于海報設(shè)計和畫冊內(nèi)頁設(shè)計。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


3.一條邊出血

即把圖片的一條邊對齊邊界,這么處理有點(diǎn)沖破束縛的意思,可以增加圖片的想象力和版面的設(shè)計感。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


4.三條邊出血

這么做會把版面分成兩部分,一部分為色塊,一部分為圖片,在排版時我們還可以通過文字、色塊或顏色把這兩個部分聯(lián)系起來。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


5.拆分

即把一張圖片拆分成幾份,然后隔開一點(diǎn)排列,這么做比單獨(dú)放一張圖片會更有設(shè)計感和趣味性,風(fēng)景類圖片適合這么處理。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


6.跨版

即在畫冊設(shè)計中,讓圖片同時占據(jù)兩個版面,當(dāng)在一個跨版中只有一張圖片時,如果只把圖片排在某一半版中,那么另一半版就容易單調(diào),所以在這種情況下通常會使用跨版,而且圖片放大后會更有張力,還能把左右兩個版面關(guān)聯(lián)起來。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


二、雙圖排版

在畫冊的設(shè)計中,有時候我們應(yīng)該把一P當(dāng)成一個版面,而有時候則需要把一個跨版當(dāng)成一個版面,這取決于具體的內(nèi)容以及排版形式,所以圖片的排版也要分成這兩種情況來考慮。

7.統(tǒng)一大小對齊排版

在一些作品集或產(chǎn)品畫冊中常用到此排法,視覺流程簡單、清晰。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


8.統(tǒng)一大小錯位排版

比對齊排版更有動感,且由于圖片不多,所以也不會顯得亂。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


9.一大一小排版

這種排版對比鮮明、更有張弛,可以在一個跨版中使用,也可以是在某一P中使用。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

還可以把其中的一張圖片去底,這么組合起來更靈活,對比更強(qiáng)烈。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

如果把整個跨版當(dāng)成一個版面,那么可以把大的那張圖進(jìn)行跨版,小的那張圖則不跨版。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

或者把大圖鋪滿一個P,而小的圖片和文字則排在另一個P。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

這兩種排法都很大氣且不失細(xì)膩。


三、多圖排版

有時候一個版面內(nèi)的圖片會有很多,這種版面排起來會更有難度,常用的排版方式有:

10.大小統(tǒng)一對齊排版

這種排法比較整潔,但缺少變化,適合用于目錄頁或者產(chǎn)品和人物介紹。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


11.大小不統(tǒng)一對齊排版

這種排法會比前一種更靈活一點(diǎn)。適合利用網(wǎng)格工具來輔助排版。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

這種排版雖然沒有統(tǒng)一圖片的大小,但由于保持了嚴(yán)格的對齊關(guān)系,所以依然顯得很整潔。


12.圖片與色塊組合排版

圖片與色塊組合在一起排版既不會像只有圖片那么單調(diào),還可以利用色塊排文字。不過注意色塊的顏色不要太多,且顏色最好來自圖片。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


13.錯位排版

即把相連兩張圖片刻意錯開,或者把圖片與文字的位置互換,這么做可以有效搭配圖片完全對齊的單調(diào),且由于有一定的規(guī)律,所以也不會對視覺流程造成太大影響。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


14.把圖片拼成特定的形狀

這種排法適合圖片比較多的情況,這么做可以避免圖片太多而顯得混亂,而且因?yàn)槠闯傻男螤钜c設(shè)計需求相關(guān),所以會顯得更有創(chuàng)意。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


15.按照某一路徑排版

這種排法跟前一種一樣,適合數(shù)量較多的同類圖片使用,可以避免圖片拍得太過分散,如果不統(tǒng)一圖片的大小和方向,效果會比較活潑但不規(guī)范,適用于照片墻和兒童畫冊的排版。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

如果統(tǒng)一圖片的大小和方向,或者使它們呈漸變式的變化,這些圖片還可以形成一定的節(jié)奏感,不僅不會亂,還很美觀。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


16.一大多小排版

如果在版面中分開排列大小差不多的多張圖片,那么該版面就會缺乏重點(diǎn)且沒有張力,而如果把其中一張圖片放大,與其他圖片形成鮮明的大小對比,就可以有效解決這一問題。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計


17.自由排版

即大小不需要統(tǒng)一、圖片與圖片之間也不一定要嚴(yán)格對齊,效果比較靈活,設(shè)計感較強(qiáng),常用于雜志排版中。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

這種排法有兩點(diǎn)需要注意,一是圖片不要拍的太分散;二是最好要有大小對比。

圖片排版的17大實(shí)用技巧,輕松完成一大半的設(shè)計

去底圖也很適合這么做,當(dāng)然,在排版的時候也要有大小底區(qū)分,同時要注意圖片與圖片、圖片與文字之間的輪廓要形成互補(bǔ)。

以上總結(jié)的十七個技巧僅僅代表一些比較主流的方向,具體的變化還需要大家根據(jù)具體的內(nèi)容和設(shè)計需求去做嘗試和突破,希望這篇文章能給你一點(diǎn)幫助。包裝設(shè)計

往期精彩:
茶葉包裝光有“面子”已經(jīng)不夠了,沒有靈魂的設(shè)計還不如不“裝”
吃了那么多外賣,你還不知道的外賣包裝玄機(jī)
奶茶外帶杯顏值已經(jīng)不夠了,這些手提袋包裝又環(huán)保又可愛
茶葉包裝光有“面子”已經(jīng)不夠了,沒有靈魂的設(shè)計還不如不“裝”
茶葉包裝光有“面子”已經(jīng)不夠了,沒有靈魂的設(shè)計還不如不“裝”
通話完全免費(fèi),請放心接聽
我們的來電顯示:13585166199 025-84486366

提交成功后請接聽您的專屬呼叫中心系統(tǒng)客服電話

免費(fèi)通話.

在線
客服

在線客服服務(wù)時間:9:00-23:00

撥打
電話

13585166199
13357720636
7*24小時客服服務(wù)熱線

智能
客服

關(guān)注
微信

官方小程序
關(guān)注官方微信
頂部