救命！老板说我的排版太！平！了！

是的，

干货 表情包，又来了~

许多新手设计师都会面临一个问题：画面做完之后总觉得很平、很呆板，版式过于常规。

要打破这种情况，就需要用到今天我们要讲有内容点。那就是排版中常用的手法：破形。

简单来说，就是在排版的时候，需要在工整排版的基础上，再去打破平衡，重新建立新的视觉秩序，这个过程，就叫做破形。

好了，废话少说，直接来看怎么破！

异化，是指画面中的元素变化一下，打破原有规律。

比如画面中有多张图片，如果规规矩矩排版，就会是这样的：

虽然工整，但是过于呆板，完全没有设计感。

如果对其中的一些图片进行打乱，进行异化处理。只是一个小小的变化，画面的排版节奏感就出来了。

这个手法同样可以用在文字排版上。

比如我随便打几个字：

然后把第二行的DE两个字母提取出来，换一下字体和样式：

是不是感觉很不一样了？

我们找一张模特图，把文字效果放到图中看看效果：

再加一些细节装饰，丰富一下画面：

简单几步，一张杂志风海报排版就搞定！

好了，继续破。

对画面中的图片或者文字进行裁剪处理，可以达到聚焦和强化主题的作用。同时裁剪后的图形或者文字能产生陌生感，给用户新鲜的刺激。

比如可以将人物照片放大，聚焦到眼部，强化画面的情绪感。

我之前做的人像海报，也用了类似的手法：

最终效果：

裁剪手法同样适用于文字处理。

比如下面的书籍封面设计中，数字的部分被裁切掉，使得它们看起来更加图形化。

这张海报则是文字的左半部分被切掉，换成小字，从而形成疏密变化。

下面我们看一个实操案例，做一张茶叶的海报。

第1步，

先把产品图抠出来。

第2步，

如果按常规的排版思路，大多数人可能会选择上下结构，标题在上，图片在下的排版方式。

这种排版在视觉上很稳，但是看起来缺少变化，没什么设计感。

第3步，

我们可以尝试打破一下，将产品图放到画面的边上，裁剪掉一部分。这样会产生失调的视觉效果，后面再用文字排版平衡回来。

第4步，

将文字排版到画面的左边，并且将标题放大，同样进行裁剪处理。

第5步，

因为我们的产品和文字是完全对齐的，整体版式呈矩形，看起来过于严肃，所以我用了一片茶叶穿插到画面中，形成破版的效果。

第6步，

添加背景纹理和其它辅助文案信息。

OK，完工。

破了吗？没破戳一下！

遮挡可以让画面形成前后远近的空间感，也是设计中用来破版的常见手法。

例如下面这张鞋子广告，如果没有车窗这层遮挡关系，画面就会乏味不少。

如果图片本身没有遮挡元素，那就人为加入一些几何色块，也能让画面的层次变得丰富起来。

还可以像下图一样，用几何形状框住人物，然后再将人物的局部从框中拿出来。

从上图可以看出来，这一招的本质，其实就是给主体增加束缚，然后再打破束缚的过程。

在排版设计中，这样的处理手法可以有效打破版式的呆板，给画面带来活力。

我们来看实操案例。

第1步，

先抠好产品图。

第2步，

我们需要给产品增加束缚空间：用色块在画面中挖个洞，再把产品图放进去。

第3步，

让产品的一部分从洞中伸出来，这样就形成了很好的空间关系。

第4步，

在色块的下部增加绿色点缀元素，强化空间感。

第5步，

添加纹理背景，还有光影效果。这里我是直接用图片素材叠加上去的。

效果：

第6步，

最后，再将文案排版好。

OK，完工！

下面再来看一张人像海报的案例。

第1步，

这次找一张刘昊然的帅气照。

第2步，

用框把他框住！

第3步，

将人物比例适当放大，让他可以撑起画面的主体。然后把头部从框中突出来，打破束缚感。

第4步，

给画框添加一些细节：叠加效果，投影什么的。这样画面看起来不会过于单调。

第5步，

制作背景。

直接把人物照片复制一层，放大平铺到背景上。

第6步，

将背景图高斯模糊掉，并且在CameraRaw滤镜中添加一些噪点效果。

具体的参数可以根据图片大小来定，效果如下：

第7步，

最后，简单排版一下文案。

OK，完工！

好了，今天的教程内容到这。

走了~