一、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、骨骼型排布 规律:单图平铺时,文字常浮动与左上、右上等四角位置,或有时位于水平中心线位置。 同时,文字也常位于图片中的远景、或颜色较但单一的区域,天空、地面等大片同类色区域。 我是原创:开心一哥岁月。 为了演示理论,部分图片来源于网络,非商业用途,仅作为学习交流之用,侵权可联系删除。 |
|