产品图文排版设计技巧分享（一）

在这信息爆炸的时代里，作为一个优秀的设计师，在设计的过程中最重要的就是吸引用户眼球，比如一个产品图文排版设计，如果您的排版杂乱无章，那么您确定您产品会吸引到别人？答案是否定的，为您帮助大家提高产品销量，我将会在下方的文章里为大家分享几个产品图文排版设计技巧。

一、单图排版技巧

1、周边留白

即图片要比版面小，并让其四周都留出空白，这里也分两种情况，一是图片位于版面正中央，图片周围的留白是对称的，这种效果类似于相框，常用于封面设计。

还有一种情况是图片周围的留白并不对称，如下图，留白较多的区域会用来排文字，常用于海报设计和画册内页设计。

2、图片平铺

即把图片铺满整个版面，这种处理方式多用于封面设计;

或者在内页中把某一半版平铺一张大图，另一半则排列文字或者小图。

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

还有一种情况是把图片当做背景时，也可以采用平铺。

3、一条边出血

即把图片的一条边对齐边界，这么处理有点冲破束缚的意思，可以增加图片的想象力和版面的设计感。

4、三条边出血

这么做会把版面分成两部分，一部分为色块，一部分为图片，在排版时我们还可以通过文字、色块或颜色把这两个部分联系起来。

5、跨版

即在画册设计中，让图片同时占据两个版面，当在一个跨版中只有一张图片时，如果只把图片排在某一半版中，那么另一半版就容易单调，所以在这种情况下通常会使用跨版，而且图片放大后会更有张力，还能把左右两个版面关联起来。

6、拆分

即把一张图片拆分成几份，然后隔开一点排列，这么做比单独放一张图片会更有设计感和趣味性，风景类图片适合这么处理。

二、双图排版技巧

在画册的设计中，有时候我们应该把一Ｐ当成一个版面，而有时候则需要把一个跨版当成一个版面，这取决于具体的内容以及排版形式，所以图片的排版也要分成这两种情况来考虑。

1、统一大小错位排版

比对齐排版更有动感，且由于图片不多，所以也不会显得乱。

2、统一大小对齐排版

在一些作品集或产品画册中常用到此排法，视觉流程简单、清晰。

3、一大一小排版

这种排版对比鲜明、更有张弛，可以在一个跨版中使用，也可以是在某一Ｐ中使用。

还可以把其中的一张图片去底，这么组合起来更灵活，对比更强烈。

如果把整个跨版当成一个版面，那么可以把大的那张图进行跨版，小的那张图则不跨版。

或者把大图铺满一个Ｐ，而小的图片和文字则排在另一个Ｐ。

这两种排法都很大气且不失细腻。

排版对于整个设计产品来讲是至关重要的，若是您没有这方面的技术，可以咨询我们蓝橙客服，我们有专业的设计团队，能够为您提供产品图文排版定制设计服务！

相关阅读：

《icon设计法则及用途规范（二）》