产品设计作品集排版-图片布局这么乱，你怎么敢设计？

排版的难点在于我们不是按照已经设计好的布局来填充内容（设定模板），而是按照具体的内容来布局布局。 例如，有时版式中有一两张图片，有时有十张或八张图片。 张先生，由于构图元素不同，使用相同的构图、布局和形式往往是不可行的。 所以小编今天这篇文章就是给大家分享一下不同情况下的图片布局技巧。

1、单图排版

1. 瓷砖

即将图片铺满整个页面，这种处理方式多用于封面设计；

或者在内页的一半上放置一张大图片产品设计作品集排版，在另一半上排列文字或小图片。

平铺的图片比较有张力，有视觉重心的图片适合这样处理。 比如下图平铺的效果就一般。

另一种情况是，当使用图片作为背景时，也可以使用平铺，如下图所示。

2. 周围留空

即图片应小于布局，并在其周围留有空白。 这里有两种情况。 一是图片位于布局的中心，图片周围的空白是对称的。 这种效果类似于相框，常用于封面设计。 。

另一种情况是图片周围的留白不对称，如下图所示，留白较多的区域会用来排列文字，这在海报设计和画册内页设计中经常使用。

3.一侧出血

即将画面的一侧与边界对齐，意味着突破约束，可以增加画面的想象力和布局的设计感。

4、三边出血

这样做会将布局分为两部分，一部分是色块，另一部分是图片。 我们在排版时也可以通过文字、色块或颜色将这两个部分连接起来。

5. 分裂

即把一张图片拆成几部分，然后远距离排列，会比放置单张图片更有设计感和趣味性，而风景图片就适合这样的处理。

6.跨版本

也就是说，在画册设计中，让图片同时占据两页。 当跨页只有一张图片时，如果只将图片排列在页面的一半，那么页面的另一半就会显得单调，所以在这种情况下通常会使用跨页，而图片放大后会更加紧张，还可以连接左右页。

二、双图排版

在画册的设计中，有时我们要把一个页面看成一个版面，有时我们需要把一个跨页看成一个版面，这取决于具体的内容和排版形式，所以图片的排版也应该分为需要考虑这两类情况。

1.统一尺寸对齐排版

这种布局方式常用于一些作品集或产品目录中，视觉过程简单明了。

2.统一尺寸错位排版

它比对齐排版更有活力，而且由于图片不多，所以不会显得杂乱。

3.大小排版

这种排版更锐利、更轻松，可以用于跨版，也可以用于P版。

还可以去掉其中一张图片的底部，这样组合更灵活，对比度更强。

如果把整个跨页看成一个布局，那么大图可以跨页，小图不能跨页。

或者将大图铺满一张P，而小图和文字则排列在另一张P中。

这两种排列方式都非常大气、精致。

3.多图排版

有时一个页面中有很多图片，这使得排列它们变得更加困难。 常用的布局方法有：

1.统一尺寸对齐排版

这种排列整齐，但缺乏多样性，适合目录页面或产品和人物介绍。

2.尺寸不统一对齐和排版

这种安排会比之前的安排更加灵活一些。 适合使用网格工具辅助排版。

这种排版虽然没有统一的图像尺寸，但由于严格的对齐，所以看起来仍然很整齐。

3、图片与色块组合排版

图片和色块的组合不会像只有图片那么单调，还可以用色块来排列文字。 但要注意色块中的颜色不要太多表情包设计，颜色最好来自图片。

4.排版错误

也就是故意将相连的两张图片错开吉祥物，或者交换图片和文字的位置。 这样可以有效匹配完全对齐的图片的单调性，而且由于有一定的规则，所以不会对视觉过程产生太大的影响。

5.将图片放入特定的形状

这种布局方式适合图片较多的情况。 这样做可以避免图片太多而显得混乱，而且由于构图的形状必须与设计要求相关，所以会显得更有创意。

6.按照一定路径排版

这一安排与上一安排相同。 适用于大量同一类型的图片。 可以防止图片过于分散。 如果图片的大小和方向不统一，效果会比较生动但不规范。 适合照片墙和儿童相册排版。

如果把图片的大小和方向统一起来，或者让它们逐渐变化，这些图片也能形成一定的节奏感，不仅不会混乱，而且非常漂亮。

7.大小排版

如果将多个尺寸相似的图像单独排列在版面中，版面就会缺乏焦点和张力。 如果将其中一张图像放大以与其他图像形成鲜明的尺寸对比产品设计作品集排版，则可以有效地解决该问题。

8.免费排版

即尺寸不需要统一，图片也不需要严格对齐。 效果更加灵活，设计感强。 常用于杂志排版。

▲ 这种排列方式有两点需要注意。 一是图片排列不宜过于分散； 二是最好有尺寸比较。

▲去掉底图也很适合这个。 当然，排版时一定要区分大小与大小。 同时要注意图与图之间的互补、图与文字之间的勾勒。

版面的图片数量从一张到几十张不等，图片种类也很多，无法一一列举。 以上总结的十七项技能仅代表一些主流方向。 改变还是需要大家根据具体的内容和设计要求去尝试和突破。 希望这篇文章能给您带来一点帮助。