版式教程 | 叠加&破格技巧...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
2313 3 11 2021-01-13

hello大家好我是二木,

今天的文章依旧非常细节,细节到学完立马起飞的那种!


自从女同事知道我PPT做的非常6之后,我再也低调不了了,毕竟谁抵挡得住漂亮妹妹的诱惑呢?



这不又给我发了张带颜色的图,


深绿色的色调仿佛在暗示着什么,不过她倒是好奇这马,在PPT是怎么探出头,这么生动的。


我的天!这么简单的操作都不会吗?!


直到女同事斜眼一笑,“木老弟,你该不会不行吧?”



啊哈哈你看这女人真的是,人是好看,就是兄弟了点,当场我就凑前去跟她讲,实现这个露头的效果很简单!



第一步:

准备两匹马,两个圆。


第二步:

布尔相交其中一组马和圆:

先点马,后点圆,最后相交来一遍


第三步:

两匹马叠一起,裁剪顶层的,然后都叠加在一起:


铛铛铛!这东西它就成了,再握着同事略带香气的鼠标操作一顿排个版,



简直绝了!啊!怎么会有这么好看的PPT!


“就这?”,“嗯”,“嗯?没了?”



啊!那一瞬间我懂了,原来这点东西满足不了女同事,说着迟写着快,我在纸上刷刷刷写下四个大字:



破格排版


我告诉她:这种打破常规排版,做出类似于“越界,超出框架”的排版技巧,专业术语叫做破格排版,简称破格。


当然了肯定不能说是我编的对吧。


“这种排版呢,会比常规的排版设计感更强,给人的视觉冲击力也会更大”,


“哦!可以理解为红杏出墙来对吧!难怪冲击力这么强,刺激!”


“啊这?也行吧!不过确实很多设计中,都可以找到这个技巧的存在”



例如这种就是将原本被英文挡住的象头,打破排版,视觉上高于文字层,简单高效视觉震撼!


又或者是这样的图,



可以怎样增加设计感呢?让两小图“突出来”就好了嘛,



你看,从层次上来讲,后者是比前者层次感更足的。鉴于有些同学会像我女同事一样不理解什么叫层次感,咱来看个案例:


像这样,叫做常规排版,


文字和配图之间关联不大,画面扁平了一些,再大也显得平淡无奇,


像这样,


文字区域与配图产生联系,有底层和顶层的区分,就产生了层次关系,(文字前,配图后),


而再加上咱上面说的破格技巧,


龟龟!这视觉冲击力大的让人自叹不如!



再对比一下初稿,

初稿这是嘛东西!


对于破格技巧来说,能突出来的不仅是人物,产品也行:


有些人会说这是给产品垫个底,但咱也可以说这是产品破圆形而出啊对吧!


你想啊,如果被圆包住了,

是不是就稍微差点意思?


当时女同事听完我这一唠叨,差点给我来一个爱的抱抱!可惜了,老板刚好过来找她。


等她回来我喝了口枸杞茶继续说到:


“破格技巧确实很好用,我刚才才想起来,这在设计上专业一点又可以叫做叠压排版”,


叠压排版


例如把鞋子叠压在左右分割开的版面:


把人物叠压在背景,


把汽车叠压在色块,


这些都是从要叠压的元素是单个元素,跟背景没啥关系的角度说的,


而如果要是元素本身跟背景是有联系的呢?


像左侧这位血气方刚的靓女,她的头探出了原本方形图的框架,


“这种咱就能叫破格排版,打破嘛对吧,要不我来考你一下,输了你就要请我喝点东西”,

“可以啊小老弟,都学会敲诈我了,你说”,



你看这个算叠压还是破格?



“哟呵就这?叠压”,“可以,继续,这个呢?”



“这不是往人下面叠个色块么,叠压啊”,“牛皮!学的真快,最后看这个”,



“车底下垫个背景图,叠压!”

“错了哈!这是破格,车本身跟背景图是一起的,是把车抠出来做强调处理”。


“输了吧!快请我喝点东西”,“可以,我刚给你枸杞茶加了点雪碧”,

“嗯???”



尽管如此,我还是感叹这女人虽然学东西挺快但却有点傻,毕竟我没说我输了要干嘛!嚯哈哈!


“等会!你屁大道理讲一堆,还没告诉我在PPT怎么用呢!”


不妙!被反应过来了!


这么说吧,我们PPT不是很多会有各种分要点的展示嘛,在底下叠压个色块,设计感立马上升几个度,



而如果你是有一整张图,图嘛一般原始都是方方正正的,


这时候用破格排版,抠一抠,挪一挪元素位置,


哎,立马就有立体感了,


技巧是这个技巧,但说法倒是很多,什么去底啊,镂空啊,都是一个理,

但不管别人说的咋样,我们都可以把这些技巧转换为自己能理解记忆的语言。


那既然元素产生联系能增添层次感,反过来看,一些层次感不足的PPT:



或许就是画面元素之间关联性不大,彼此比较孤立吧。


“所以你现在知道......哦不对,还有一点”,


运用了破格排版,元素造型会变得更加明显,观众对元素本身的印象会更加深刻,


例如提到的这两张图,

运用了破格排版


未运用破格排版


在设计上运用破格排版,对于突出产品或者人物本身,是很有帮助的。


“怎样!女神小妹妹,你学会了嘛!”
“可以的,我愿称你为木哥哥,以后跟你一起P PT嘛!”

“嗯!好!”


话到这,我在办公室紧紧牵住了女同事的手,直到我八点起床的铃声响起,



啊,又是美好的一天呢!

不知道女神小妹妹下一次来梦里是什么时候呢?



感谢阅读学习,故事纯属瞎编,如有雷同算我抄你的,




文章首发于公众号【一六视觉】,想了解更多,请移步。

Powered by Froala Editor

全部评论:3

  • 定位北京招UI岗

    2021-08-06 13:43

    破格还得把图抠出来?。。。普通人来说不容易,除非是透明底图

  • UI_CYM

    2021-01-26 13:56

    很棒

  • 聆风Raymond

    2021-01-16 23:42

    来啦!

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票