咕噜噜

“感觉画面太平了…”大家做图的时候是不是经常有这种感受,但是又不知道怎么往下动手,这一期我们就从切割这个方向,来聊聊它

小可爱们,我这里会定期推送插画、UI设计、排版等相关文章教程,有事没事来逛逛啊;
设计路上在学习,永不停歇,我们一起加油~

 

图片

找了一些网上使用切割方式做的海报,仔细观察可以看出,它的方式其实都比较简单,用简单的线条,色块来切割版面丰富细节。

图片

光看可不行,赶紧上手整活吧!

 

 

图片

第一个案例是文字为主体的,先选一个无衬线的英文来做主视觉元素,块面的字母即使切割后,形状也仍然是饱满的,画几根线条,阶梯式排布,然后框选对象,进行切割(文字要先扩展哦)。

图片

切割之后的部分进行移动,错位摆放。

图片

这次的主题是爱与自由,听起来就觉得很浪漫,所以我这里用来蓝粉渐变,让画面有一种梦幻感~

图片

接着把中文标题跟重复的英文标题的部分也进行切割,不影响识别度的情况下,进行小部分的切割,切掉的部分也可以不显示,再加入其他的信息完整编排。

图片

图片

主体英文切割部分也可以用不同的颜色,增强层次感,然后再加入一些小装饰元素丰富一下即可。

图片

 

 

图片

一般我们拿到信息后,先阅读分析,把文字信息进行层级大小的规整摆放,这样后续版面的处理就简单多了。

图片

然后我们根据文字层级用大小色块对画面进行随意切割,这个过程中结合文字的位置摆放,并进行颜色搭配。

图片

 

图片

图片

图片

这个时候可以看到画面会有留白的地方,不着急,咱们继续细化,在色块的基础上,增加一些简单的几何图形,线条来丰富版面,简单地说就是哪里空补哪里,so easy!

图片

第二版为了丰富版面,英文部分我也加了一丢丢小切割。

图片

 

 

图片

接着我们来做一个人物海报,如果你也要做人物海报,不知道怎么下手的时候,就可以试试这个简单的方法。

第一步先抠图,然后填充一个纯色背景。

图片

然后确定构图方式,用简单的上下构图关系就可以,接着我们就可以加入格子框线,把标题文字往里面搁,为了平衡可以来个对角摆放。

图片

好像缺少一丝潮流的赶脚,加入一个蓝橙的渐变色吧,再填充其他的信息,为了灵活版面,我再加入一个手写字,颜色选择背景的橙色,这样不会太抢戏。

图片

继续完善版面,加入其他信息,也同样加入线条来区隔版面信息。

图片

最后就是常规套路,添加一些小元素装饰,丰富版面,就看哪里有空子给我钻。

图片

 

 

图片

人物海报除了线条,当然还可以有色块的切割,这里我们就采用简单的椭圆图形,重复排列得到下图。

图片

这里的切割我们分两次来做,故意让人物有一些错位,版面会显得更灵活一些。

图片

根据图形跟人物的形状,适合居中放置版面中,然后再把其他文字环绕编排即可。

图片

然后可以再叠加一个手写字,跟其他小元素丰富版面,版面下方我重复了一次英文标题,可以让版面层次也多一些。

图片

 

 

图片

除了单人物的海报,平时也会有多人物编排的画面需求,所以接着我们就来做一张多人物的版面。

图片

我们先把画面平均切分成若干个小方块。

图片

然后就把人物往里面搁,摆放的时候可以有一些大小变化。

图片

接着来做文字编排+颜色搭配,这次的人物比较有趣,所以也可以在人物上再叠加颜色来增强趣味感。

图片

继续细化,在空白的格子里添加一些几何图形,符号,来丰富版面。

选择多边形工具按键盘上下箭头,画一个12边形的笑脸,再用星形工具按键盘上下箭头画一个多边星形,过程中可以按住【ctrl】键调整星星的尖角角度大小。

图片

图片

最后把案例再展示一遍,大家一起上手练起来吧!

图片

图片

图片

图片

图片

图片

 

原文地址:胡晓波工作室(公众号)

作者:大熊

图片

转载请注明:学UI网 » 5个案例展示切割的运用!

登录收藏
 
你可能喜欢的:
不就是排个版吗,这是对设计最大的偏见。不就是排个版吗,这是对设计最大的偏见。
客户:要多、要大、要好看,能安排不?客户:要多、要大、要好看,能安排不?
排版不必花里胡哨 | 设计技巧排版不必花里胡哨 | 设计技巧
AI & PS 夏日魔法篇AI & PS 夏日魔法篇
很喜欢这个排版设计思路,真的很出彩!!很喜欢这个排版设计思路,真的很出彩!!
网格系统只能用来设计艺术海报?网格系统只能用来设计艺术海报?
三个Ps/Ai技法,吊打胡晓波的flash!三个Ps/Ai技法,吊打胡晓波的flash!
5个超酷的标题设计技巧,So easy!5个超酷的标题设计技巧,So easy!
用海报留给龙虾最后的倔强用海报留给龙虾最后的倔强
拿捏8种LOGO设计技法!拿捏8种LOGO设计技法!