1、平鋪布局

如下圖，整張圖片從左至右平鋪在整個版面上，文字浮在圖片的背景上，位于右上、和左上。

如下圖，圖片平鋪、文字浮在圖片上，位于左小角。

再如下圖也是如此，

規(guī)律：文字常浮動與左上、右上等四角位置，或有時位于水平中心線位置。

同時，文字也常位于圖片中的遠景、或顏色較但單一的區(qū)域，天空、地面等大片同類色區(qū)域。

或者如下圖，在圖片上增加一個色塊，在色塊上添加文字，其實也是創(chuàng)造一個單一顏色區(qū)域。

2、居中布局：

圖片沒有鋪滿整個版面，而是比版面要小，位于版面中心位置。

如下圖，就是這種布局，另外在圖片的邊距上做了一些裝飾美化。

如下圖：圖片居中，裁剪成了圓形，邊緣裝飾是裁剪成矩形框的圖片。

下圖裁剪成了矩形，但也是居中的。

或者再增加一些變化，讓圖片居中，裁剪成矩形，橫跨整個左右版面。

3、左/右布局：

版面中只有1張圖，在水平方向上的或左邊、或右邊布局一張圖片。

如下圖，圖片放置在左邊，右邊是圖點、線條形、文字列表。

如下圖也居左布局，只是圖片一條邊裁剪成了斜線。整體圖片變成了類似梯形。

如下圖，圖居右布局，左邊是標題、段落。

或者右邊的圖片是PNG圖形，左邊是標題文字群。

除了圖片居左、右，還有圖片居上、下的排布，形式與上述類似。

4、四角布局：

圖片位于左上或右上等4角處的位置。

如下圖，圖片位于右上角的位置。

下圖：圖片位于右下角的位置。

1、左右分布

如下圖，左右分布，是一種常見的分布方式，中規(guī)中矩。

如下圖也是左右分布，只是將圖片裁剪成了半圓形，增添了變化。

左右布局，在各自圖片下方增加文字段落。

也可以左右布局，兩邊的圖片形狀不一、大小不一。

2、對角式分布：

對角式分布，也可以圖片大小、形狀不一樣。文字靠近各自的圖片布局。

也可以用文字連接對角布局的兩張圖片。

3、重疊式布局：

兩張圖片，一張圖片在另一張圖片的上方，通常是主體在背景的上方。

三、3張圖片：

1、水平并列

如下圖：3張圖片水平并列排布。

或者將并列的圖片裁剪成其它形狀，增加一些變化。

2、曲線排布

如下圖：三張圖片豎直方向排列成一個弧線形狀。

3、斜線排布

如下圖，圖片排布成一條斜線，圖片邊緣有重疊。

4、一大兩小：

如下圖，上部的圖片最大，下面兩個圖片都為上圖的二分之一。

有時大圖在左、右或下的位置。

5、骨骼型排布

版面被分割成了若干塊相等大小的矩形區(qū)域，圖片占其中一個或兩個矩形的大小。

# 畫冊圖片布局規(guī)律：

一、1張圖片：

1、平鋪布局

2、居中布局

3、左/右布局

4、四角布局

二、2張圖片：

1、左右分布

2、對角式分布

3、重疊式布局

三、3張圖片：

1、水平并列

2、曲線排布

3、斜線排布

4、一大兩小

5、骨骼型排布

規(guī)律：單圖平鋪時，文字常浮動與左上、右上等四角位置，或有時位于水平中心線位置。

同時，文字也常位于圖片中的遠景、或顏色較但單一的區(qū)域，天空、地面等大片同類色區(qū)域。

我是原創(chuàng)：開心一哥歲月。

為了演示理論，部分圖片來源于網(wǎng)絡，非商業(yè)用途，僅作為學習交流之用，侵權(quán)可聯(lián)系刪除。