分享

YouTube上超好看的5种PPT排版样式

 剪刀手2016 2018-09-14


想必,那些中规中矩的设计方式大家已经看腻了。今天就来看点不一样的排版样式,方便我们周末做练习。


本文的设计样式都是我在YouTube上找的:




1

视觉误差式设计


顾名思义,让观众产生视觉误差。



这个页面的排版方式,看起来很有韵律,背景图片像被折叠了一样。


怎么做呢?原理很简单:给色块添加纯色填充,调整透明度。




    相关参数


01.  第一个色块,透明度:30%;

02.  第二个色块,透明度:60%;

03.  第三个色块,透明度:90%。


做完之后,可以复制一页幻灯片,选中复制的那一页幻灯片,添加“平滑”(Office 365及部分2016最新版有该功能,再问打死!)的幻灯片切换效果,再将第一页里的元素移出画布,就会出现下图的效果啦。


▲ 动图



2

蒙版+色块


蒙版和色块的玩法真的很多。如果你现在还不知道蒙版是什么,建议你百度一下。



    1.  居中排版


YouTube上的原图是这样的:



不过,我做了一下调整,改成居中版式了:



这类排版方式算是比较基础的。不过,要想做得好看,你需要在文字间距、行间距、文本框间距上下功夫(这就是台上1分钟,台下十年功的苦差了  )。


 页面原理 


01.  用放大字号、改变字体颜色的方式,突出重点信息;

02.  副标题与主标题的距离略大于主标题高度的一半 ;

03.  给主体信息添加矩形线框,再给页面添加2个三角形修饰,使页面有层次感。


如果不给主体信息加上边框和色块修饰,会是什么样的呢?来对比一下:


▲ A版


▲ B版


所以,你喜欢哪一版呢?



    2.  中心对称排版


这类页面,大概只能靠感觉了(女人有第6感,男人嘛...自己琢磨琢磨  )




 页面原理 


01.  给图片添加黑色蒙版;

02.  在黑色蒙版上添加一个平行四边形,并填充对比度强的、合适的颜色(这里是蓝色渐变);

03.  主要信息置于左下方,次要信息置于右上方;

04.  为了弥补页面中的空白区域,可以在右下角添加一个形状(这里是加号) 。


来看一下不加右上角 LOGO 和加上右上角 LOGO 的区别吧:


▲ 没有 LOGO


▲ 有 LOGO



3

页面分层设计


给页面分层级无非是想突出重点信息,但是,当所有的信息都是重点的时候,该怎么办呢?


先来看一下效果图:


▲ 背景图片为锐普给以星物流做的PPT


这个页面分为5个层次
(由下往上):底图、底图的蒙版、圆环、字母Y、主体信息。制作步骤也是这个顺序。


这个页面的难点大概是页面中心的渐变了。怎么做到这种效果呢?我灵机一动  ,采用中心射线式渐变相关参数如下:




 具体参数 


序号1:位置30%,透明度10%;

序号2:位置100%,透明度70%。



4

3种分割图片的排版方式


在文案内容很少的情况下,比如封面。我们的解决方案通常是将文字、图标等置于页面中央,其实还有更优的解决方案。



    解决方案1——随心所欲添加色块



这种方式可以将页面分为4个面积不等的区域,使页面不那么单调。



    解决方案2——添加上下对称的色块



这样的分割方式,使页面灵动而不失规则。



    解决方案3——添加同一方向的色块



这类分割方式,应该是比较常见的,再给每个色块加上“飞入”的动画效果,就更好了。


 页面原理 


01.  画矩形框,再用多边形工具裁剪矩形,剪出自己想要的形状;

02.  将每个形状与图片进行布尔运算里的“相交”



5

新颖的突出重点方式


我们来回忆一下突出重点内容的方法:放大字号、添加蒙版、改变颜色、添加形状(卡片式设计、蒙版)等。这些众所周知的方法,可能已经让人产生视觉疲劳了。


我们可以用逆向思维,反其道而行之。




 页面原理 


01.  虚化背景图片;

02.  填充一个比主体信息还大的形状(这里是圆环);

03.  将主要信息置于页面中,调整文本框间距以合适;

04.  添加一根引导线释义说明,同时使页面更加丰富。


思考一下:这一页为什么不采用全图型排版?



6

总结


说白了,今天就跟色块杠上了。


01.  视觉误差设计

02.  蒙版+色块:居中排版,中心对称排版

03.  页面分层设计

04.  3种分割图片的方法

05.  新颖的突出重点方式


看完今天的教程,是不是有一种耳目一新的感觉呢?我也是借鉴了国外PPTer的设计思路,所以,多浏览网站还是有帮助的~


周末,燥起来吧!

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多