我哪儿会设计啊,全靠叠!
救命!老板说我的排版太!平!了!
是的,
干货 表情包,又来了~
许多新手设计师都会面临一个问题:画面做完之后总觉得很平、很呆板,版式过于常规。
要打破这种情况,就需要用到今天我们要讲有内容点。那就是排版中常用的手法:破形。
简单来说,就是在排版的时候,需要在工整排版的基础上,再去打破平衡,重新建立新的视觉秩序,这个过程,就叫做破形。
好了,废话少说,直接来看怎么破!
异化,是指画面中的元素变化一下,打破原有规律。
比如画面中有多张图片,如果规规矩矩排版,就会是这样的:
虽然工整,但是过于呆板,完全没有设计感。
如果对其中的一些图片进行打乱,进行异化处理。只是一个小小的变化,画面的排版节奏感就出来了。
这个手法同样可以用在文字排版上。
比如我随便打几个字:
然后把第二行的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-
越努力,越幸运。
这里是庞门正道。