司马南:标尺

张津瑜厕所门事件 8分钟视频9分52秒流出

快消管培生补招|世界500强雀巢惠氏招聘客户发展管培生!简历直投HR邮箱,一周内回复

母子乱伦:和儿子做了,我该怎么办?

太原这个社区,处处洋溢着“小温暖”!

生成图片,分享到微信朋友圈

自由微信安卓APP发布,立即下载! | 提交文章网址
查看原文

打了几把王者荣耀,我学会了PPT版式设计

2017-12-20 雅客 雅客先生


大家好,我是雅客。


平常很少玩游戏的我,在基友的怂恿以及威逼利诱之下,下载了《王者荣耀》这款游戏。


结果嘛……在各路大神的带领下,不但没有提升段位,还一路掉星……


真是:气!死!人!了!


为了平复输了的心情,我从王者荣耀的官网当中扒了50多个素材,做了一套非常酷炫的王者荣耀PPT模板!


作品的完整预览图如下(希望腾讯看到后,能给我打广告费)



接下来,我会对每一页作品进行拆解,向你讲述每一页作品是如何制作出来的,希望你们从中也能学到一些常用版式设计。



首先,我们先来看第一张作品。


第一张作品采用的版式整体是上下均衡的版式,而在版式的下方再重新划分为四个并列的小版块,这列版式常见于功能性展示或特点展示。


另外值得一提的是,诺达的毛笔字体使用在页面当中,会显得非常恢弘大气,如果你精通于PS笔刷,就能轻易地制作出这类的文字素材。


▲ 作品一


第二张作品是人物介绍页,整体采用的版式是左右均衡式的排版。


在左边的版面当中,又划分了三个内容层次,从上往下分别是人物名字、人物介绍以及技能。


在排版的时候,注意标题与正文内容的对比,技能图标的大小要统一,而且他们之间的间距要保持一致。


▲ 作品二


第三张作品整体上与第二张作品设计思路一致,也是采用左右均衡的版式布局,右边的版面也是被划分成三个信息层。


第一层是角色名字、第二层是视频介绍,第三层是角色属性描述。


▲ 作品三


第四张作品是人物介绍页。与以往的人物介绍页排版不同,此处我将他们分别填充进两个直角梯形与等腰梯形当中。


虽然版式与过往稍微有些变化,但我们对人物介绍页的处理方法的两个原则还是不变的。


第一个是要保持人物的眼睛尽可能在同一条水平线上。


第二个是保存人物的面部大小一致


▲ 作品四


第五张作品整体上采用的是上下均衡的排版样式,下方版面为了让内容更加聚合,故添加了一个与网页类似的线框。


线框的颜色要尽可能接近背景的颜色,这样才不会太过突出,画面呈现出来的效果才会比较和谐自然。


虽然下部分的内容四周都被线框包围,但我们的插图可以突破线框的限制,不然所有内容都被矩形约束,就略显保守。


▲ 作品五


第六张作品从中间的分割线大家也可以看出来,整体采用的是左右均衡式的排版。


此处文字内容较多,而大家在做PPT的时候常痛苦与文字太多时如何排版才好看。


这张页面就给大家呈现了一个可借鉴的样式。首先对于大段的文字我们要进行分层。


左边版面的文字虽然多,但文本每隔3-4行就进行换行,这样可以增加页面的留白,页面留白增多之后,读者阅读起来就比较舒服。


其次,如果有条件,在不受放映环境的影响下,不妨把文字调到读者肉眼可接受的程度,这样可以为我们的版面预留更多留白。


▲ 作品六


第七张作品也是一组并列式结构的排版,整个页面被划分成上中下三个板块,中间的板块再被分割成六个并列的小版块。


此类的排版,大家可用于多人物页的介绍,或者多个功能特性的介绍等。


▲ 作品七


第八个作品整体上采用的是左右均衡的版式设计,图片在右,文字信息在左。


大家可以看到,左边的内容信息是比较多的,一共分为了四层。


从上往下分别是人物名字、人物介绍、技能介绍、技能加点建议。


既然每层的内容都不同,所以我们再排版上就要注意每层信息之间要有明显的区分。


区分的方法你可以添加方框、线条,也可以使用留白。此处为了保持页面清爽,上面三个部分采用的都是留白作为区分。


而在第四个内容信息与第三个内容信息之间,则添加了一条颜色比较浅的线条来作为点缀,以及作为内容之间的分割。


▲ 作品八


第九个作品整体上采用的也是上下均衡的版式结构,但在下方的版式当中,我们则使用了左右均衡的结构。


此处的版式与之前的一张版式类似,就不再多提。


唯一值得一提的此处幻灯片上方标题文字的处理。如果只有单一的文字放在中央,就会显得这个标题过于单调。


所以此处添加了一些线框,来作为这个标题的修饰,而在标题的下方还有一行英文的小字,与标题形成对比,增强视觉效果。


▲ 作品九


第十个作品采用的是并列式的排版结构。


当我们文字信息较多的时候,不妨提炼关键词,划分成三个板块,这样可以有效减轻读者阅读理解的压力,也能增添版面的美感。


另外,由于文字的段落长短不一,为了让他们在视觉上更加统一,我们可以在他们外围添加一样的形状,来进行视觉化统一


▲ 作品十



好啦,以上就是本期案例欣赏要跟大家分享的内容,不知道大家从这些作品的设计当中,有没有学到一些实用的技巧呢?


下面总结一下,本期案例欣赏咱们讲到了哪些小技巧


1、版面设计总体分为左右均衡、上下均衡。


2、多文字页面我们要对文字层次进行划分。


3、标题单调,我们可以用小字或线条修饰。


4、人物介绍页处理要注意两个要点。


5、突破寻常的版式,能增添版面的活力。


6、使用一样的形状能形成视觉化统一。


7、毛笔字体能让页面显得大气恢宏。


8、线条、方框、留白都可以间隔层次。



最后雅客想说,其实版式设计并没有大家想的那么难。


只要你掌握了科学的排版方法,学会按照咱们昨天的版式分析方法《必看!照着这20个版式做,你也能做出好看的PPT!


就可以将自己平常在网页上看到好的版式,填充到自己的版式灵感库,下次就可以很快地制作一份专业好看逻辑又清晰的PPT出来啦。


希望今天的案例分享,对你有帮助~


如果你想获取上述源文件,在后台回复关键词【王者】,即可领取,所有的素材都可以进行编辑。


   我是小尾巴


我是雅客,是PPT设计师,领英专栏作家,PPT资深讲师。


著有《制作PPT2000个小时,才总结出的36条能让你PPT从普通变高大上的建议》、《这可能是史上最全的PPT排版术》


每天与你分享PPT干货和福利,与你一起提升PPT制作水平。


如果你想跟着我学习系统的PPT,长按下方二维码,即可加入我的班级,与3000多学员共同进步。



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