查看原文
其他

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

庞少棠 庞门正道 2022-09-04


是的,

干货 表情包,又来了~


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


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


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


好了,废话少说,直接来看怎么破!







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


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



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


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



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


比如我随便打几个字:



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



是不是感觉很不一样了?


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



再加一些细节装饰,丰富一下画面:



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


好了,继续破。







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


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



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



最终效果:



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


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



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



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


第1步,

先把产品图抠出来。



第2步,

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



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


第3步,

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



第4步,

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



第5步,

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



第6步,

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



OK,完工。


破了吗?没破戳一下!










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


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



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



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



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


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


我们来看实操案例。


第1步,

先抠好产品图。



第2步,

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



第3步,

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



第4步,

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



第5步,

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


效果:


第6步,

最后,再将文案排版好。



OK,完工!


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


第1步,

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



第2步,

用框把他框住!



第3步,

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



第4步,

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



第5步,

制作背景。

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



第6步,

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



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



第7步,

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



OK,完工!


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


走了~




-------------------------

往期精华文章导读:

我哪儿会设计啊,全靠叠!

老板画的5个大饼,你吃过哪个?

30岁没车没房没存款,如何破局?


-END-


越努力,越幸运。

这里是庞门正道。


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存