分享

画册排版规律探究(一)

 开心一哥岁月 2019-12-06

一、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、骨骼型排布

规律:单图平铺时,文字常浮动与左上、右上等四角位置,或有时位于水平中心线位置。

同时,文字也常位于图片中的远景、或颜色较但单一的区域,天空、地面等大片同类色区域。


我是原创:开心一哥岁月。

为了演示理论,部分图片来源于网络,非商业用途,仅作为学习交流之用,侵权可联系删除。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多