一、1张图片：
1、平铺布局
如下图，整张图片从左至右平铺在整个版面上，文字浮在图片的背景上，位于右上、和左上。
如下图，图片平铺、文字浮在图片上，位于左小角。
再如下图也是如此，
规律：文字常浮动与左上、右上等四角位置，或有时位于水平中心线位置。
同时，文字也常位于图片中的远景、或颜色较但单一的区域，天空、地面等大片同类色区域。
或者如下图，在图片上增加一个色块，在色块上添加文字，其实也是创造一个单一颜色区域。
2、居中布局：
图片没有铺满整个版面，而是比版面要小，位于版面中心位置。
如下图，就是这种布局，另外在图片的边距上做了一些装饰美化。
如下图：图片居中，裁剪成了圆形，边缘装饰是裁剪成矩形框的图片。
下图裁剪成了矩形，但也是居中的。
或者再增加一些变化，让图片居中，裁剪成矩形，横跨整个左右版面。
3、左/右布局：
版面中只有1张图，在水平方向上的或左边、或右边布局一张图片。
如下图，图片放置在左边，右边是图点、线条形、文字列表。
如下图也居左布局，只是图片一条边裁剪成了斜线。整体图片变成了类似梯形。
如下图，图居右布局，左边是标题、段落。
或者右边的图片是PNG图形，左边是标题文字群。
除了图片居左、右，还有图片居上、下的排布，形式与上述类似。
4、四角布局：
图片位于左上或右上等4角处的位置。
如下图，图片位于右上角的位置。
下图：图片位于右下角的位置。
二、2张图片：
1、左右分布
如下图，左右分布，是一种常见的分布方式，中规中矩。
如下图也是左右分布，只是将图片裁剪成了半圆形，增添了变化。
左右布局，在各自图片下方增加文字段落。
也可以左右布局，两边的图片形状不一、大小不一。
2、对角式分布：
对角式分布，也可以图片大小、形状不一样。文字靠近各自的图片布局。
也可以用文字连接对角布局的两张图片。
3、重叠式布局：
两张图片，一张图片在另一张图片的上方，通常是主体在背景的上方。
三、3张图片：
1、水平并列
如下图：3张图片水平并列排布。
或者将并列的图片裁剪成其它形状，增加一些变化。
2、曲线排布
如下图：三张图片竖直方向排列成一个弧线形状。
3、斜线排布
如下图，图片排布成一条斜线，图片边缘有重叠。
4、一大两小：
如下图，上部的图片最大，下面两个图片都为上图的二分之一。
有时大图在左、右或下的位置。
5、骨骼型排布
版面被分割成了若干块相等大小的矩形区域，图片占其中一个或两个矩形的大小。
四、总结回顾：
# 画册图片布局规律：
一、1张图片：
1、平铺布局
2、居中布局
3、左/右布局
4、四角布局
二、2张图片：
1、左右分布
2、对角式分布
3、重叠式布局
三、3张图片：
1、水平并列
2、曲线排布
3、斜线排布
4、一大两小
5、骨骼型排布
规律：单图平铺时，文字常浮动与左上、右上等四角位置，或有时位于水平中心线位置。
同时，文字也常位于图片中的远景、或颜色较但单一的区域，天空、地面等大片同类色区域。
我是原创：开心一哥岁月。
为了演示理论，部分图片来源于网络，非商业用途，仅作为学习交流之用，侵权可联系删除。
联系客服
