網(wǎng)站建設圖片排版的17個(gè)實(shí)用技巧發(fā)布者：本站     時(shí)間：2022-02-23 12:02:03

排版的難處在于，我們不是根據已經(jīng)設計好的版面來(lái)填充內容（套模板），而是要根據具體的內容來(lái)布局版面，比如版面中的圖片有時(shí)候是一兩張，有時(shí)候是十張八張，由于構成元素的不同，導致采用同樣的構圖、版式、形式往往是行不通的，所以蔥爺今天的這篇文章就是要來(lái)分享，在不同情況下有哪些圖片排版技巧。

一、單圖排版
1.平鋪

即把圖片鋪滿(mǎn)整個(gè)版面，這種處理方式多用于封面設計;

圖片排版的17個(gè)實(shí)用技巧

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

圖片排版的17個(gè)實(shí)用技巧

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

圖片排版的17個(gè)實(shí)用技巧

還有一種情況是把圖片當做背景時(shí)，也可以采用平鋪，如下圖。

圖片排版的17個(gè)實(shí)用技巧

2.四周留白

即圖片要比版面小，并讓其四周都留出空白，這里也分兩種情況，一是圖片位于版面正中央，圖片周?chē)牧舭资菍ΨQ(chēng)的，這種效果類(lèi)似于相框，常用于封面設計。

圖片排版的17個(gè)實(shí)用技巧

還有一種情況是圖片周?chē)牧舭撞⒉粚ΨQ(chēng)，如下圖，留白較多的區域會(huì )用來(lái)排文字，常用于海報設計和畫(huà)冊?xún)软?yè)設計。

圖片排版的17個(gè)實(shí)用技巧

3.一條邊出血

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

圖片排版的17個(gè)實(shí)用技巧

4.三條邊出血

這么做會(huì )把版面分成兩部分，一部分為色塊，一部分為圖片，在排版時(shí)我們還可以通過(guò)文字、色塊或顏色把這兩個(gè)部分聯(lián)系起來(lái)。

圖片排版的17個(gè)實(shí)用技巧

5.拆分

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

圖片排版的17個(gè)實(shí)用技巧

6.跨版

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

圖片排版的17個(gè)實(shí)用技巧

二、雙圖排版
在畫(huà)冊的設計中，有時(shí)候我們應該把一Ｐ當成一個(gè)版面，而有時(shí)候則需要把一個(gè)跨版當成一個(gè)版面，這取決于具體的內容以及排版形式，所以圖片的排版也要分成這兩種情況來(lái)考慮。

7.統一大小對齊排版

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

圖片排版的17個(gè)實(shí)用技巧

8.統一大小錯位排版

比對齊排版更有動(dòng)感，且由于圖片不多，所以也不會(huì )顯得亂。

圖片排版的17個(gè)實(shí)用技巧

9.一大一小排版

這種排版對比鮮明、更有張弛，可以在一個(gè)跨版中使用，也可以是在某一Ｐ中使用。

圖片排版的17個(gè)實(shí)用技巧

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

圖片排版的17個(gè)實(shí)用技巧

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

圖片排版的17個(gè)實(shí)用技巧

或者把大圖鋪滿(mǎn)一個(gè)Ｐ，而小的圖片和文字則排在另一個(gè)Ｐ。

圖片排版的17個(gè)實(shí)用技巧

這兩種排法都很大氣且不失細膩。

三、多圖排版
有時(shí)候一個(gè)版面內的圖片會(huì )有很多，這種版面排起來(lái)會(huì )更有難度，常用的排版方式有：

10.大小統一對齊排版

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

圖片排版的17個(gè)實(shí)用技巧

圖片排版的17個(gè)實(shí)用技巧

11.大小不統一對齊排版

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

圖片排版的17個(gè)實(shí)用技巧

圖片排版的17個(gè)實(shí)用技巧

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

12.圖片與色塊組合排版

圖片與色塊組合在一起排版既不會(huì )像只有圖片那么單調，還可以利用色塊排文字。不過(guò)注意色塊的顏色不要太多，且顏色最好來(lái)自圖片。

圖片排版的17個(gè)實(shí)用技巧

圖片排版的17個(gè)實(shí)用技巧

13.錯位排版

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

圖片排版的17個(gè)實(shí)用技巧

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

這種排法適合圖片比較多的情況，這么做可以避免圖片太多而顯得混亂，而且因為拼成的形狀要與設計需求相關(guān)，所以會(huì )顯得更有創(chuàng )意。

圖片排版的17個(gè)實(shí)用技巧

15.按照某一路徑排版

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

圖片排版的17個(gè)實(shí)用技巧

圖片排版的17個(gè)實(shí)用技巧

如果統一圖片的大小和方向，或者使它們呈漸變式的變化，這些圖片還可以形成一定的節奏感，不僅不會(huì )亂，還很美觀(guān)。

圖片排版的17個(gè)實(shí)用技巧

圖片排版的17個(gè)實(shí)用技巧

圖片排版的17個(gè)實(shí)用技巧

16.一大多小排版

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

圖片排版的17個(gè)實(shí)用技巧

圖片排版的17個(gè)實(shí)用技巧

17.自由排版

即大小不需要統一、圖片與圖片之間也不一定要嚴格對齊，效果比較靈活，設計感較強，常用于雜志排版中。

圖片排版的17個(gè)實(shí)用技巧

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

圖片排版的17個(gè)實(shí)用技巧

▲去底圖也很適合這么做，當然，在排版的時(shí)候也要有大小的區分，同時(shí)要注意圖片與圖片、圖片與文字之間的輪廓要形成互補。