这张世界杯PPT的6位球星太酷了!尤其是C罗…
正值#世界杯#期间,在上周视频号直播中,修改了一份相关主题的 PPT。
文字和数据图表比较多,原稿是这样:
那该如何优化?
01
先来看第一页
这里的信息结构很简单,无非是说了5个热点话题。
但这个页面的问题有两个,一是排名的顺序没有体现,二是大段文字太枯燥,没人喜欢看。 咋办?
我们先来对文字排版做一个优化,添加色块,可以让信息变得更加规整:
接下来,在色块的右侧,添加上对应的数字序号, 排名的感觉就出来了:
添加配图,可以让枯燥的文字变得更加可视化:
02
接下来是第二页
页面上有非常多的信息,但是阅读之后,会发现有两个问题,一是信息表达上重复,二是数字盘点不完整:
所以,对页面上的信息,重新进行梳理。这样看起来是不是清晰多了?
接下来,对每一个模块的信息,做一些优化,最简单的做法,是对每一段落的文字,添加色块,凸显标题,这样看起来既整齐,还有重点:
而对于下方的数字信息,添加小图标,可以增加可视化的效果:
如果想进一步可视化,也可以找到对应的球星照片, 这样,页面的视觉效果,看起来会更丰富:
03
然后是第三页
页面上一大段话,加上两个图表。它最大的问题在于文字没重点,图表和文字关联性较弱。
还是先来对这一段文字梳理,完成之后,你会发现主要讲了两件事儿,是不是比大段文字清晰多了?
而对于图表的部分,我们可以在色彩上,做一些优化,凸显今年的数据,这样重点也会更清晰:
到这儿,这个页面就会变得结构清晰,重点突出:
04
接下来是第四个页面
跟第二个页面类似,这个页面上也有一堆重复信息,而且图表的数据,跟文字关联性也会较弱:
咋办?最简单的方法,是把数字对应人群放在一起,这样信息的关联性,就建立起来了:
把图表放在中间,与每一类人群,在视觉上再一次建立关联。看起来会更加直观:
换上对应的颜色,可以有效地进行视觉区分:
既然是跟世界杯有关,所以,在图表上放上一个足球,可视化的感觉不就来了吗?
05
最后是第五个页面
这个页面主要的问题,是信息太乱了,摆放了大量的数据。
对于这一类的页面,你只需要记住一个方法,那就是:
咋用呢?页面上分为多个板块的信息,你要做的第一步,是把有关的信息放到一起:
数据信息分为4个板块,所以,添加4个色块进行承载:
对于每一组信息,可以通过添加小图标,或者是变成图表的形式,起到可视化的效果:
信息规整之后,页面看起来是不是更清晰呢?
最后,对于左下方的色块有点空,没关系,正好添加一张配图,起到可视化的目的不就好了吗?
这就是整份 PPT 的修改过程。
—修改前—
—修改后—
职场工作型 PPT 了,一定要学会把信息表达清楚,你学会了吗?
如果你未来还要在职场上班,一定要能够搞定职场 工作型PPT ,向你推荐旁友圈PPT学习会员 。开通后,免费获得9门全阶段学习课程,从零基础小白,一路变成PPT高手 。
且一次加入,长期有效,感兴趣的朋友可以点击:
#pgc-card .pgc-card-href { text-decoration: none; outline: none; display: block; width: 100%; height: 100%; } #pgc-card .pgc-card-href:hover { text-decoration: none; } /*pc 样式*/ .pgc-card { box-sizing: border-box; height: 164px; border: 1px solid #e8e8e8; position: relative; padding: 20px 94px 12px 180px; overflow: hidden; } .pgc-card::after { content: " "; display: block; border-left: 1px solid #e8e8e8; height: 120px; position: absolute; right: 76px; top: 20px; } .pgc-cover { position: absolute; width: 162px; height: 162px; top: 0; left: 0; background-size: cover; } .pgc-content { overflow: hidden; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pgc-content-title { font-size: 18px; color: #222; line-height: 1; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pgc-content-desc { font-size: 14px; color: #444; overflow: hidden; text-overflow: ellipsis; padding-top: 9px; overflow: hidden; line-height: 1.2em; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pgc-content-price { font-size: 22px; color: #f85959; padding-top: 18px; line-height: 1em; } .pgc-card-buy { width: 75px; position: absolute; right: 0; top: 50px; color: #406599; font-size: 14px; text-align: center; } .pgc-buy-text { padding-top: 10px; } .pgc-icon-buy { height: 23px; width: 20px; display: inline-block; background: url(https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/pgc/v2/pgc_tpl/static/image/commodity_buy_f2b4d1a.png); } 旁友圈大会员(拍一得九) ¥699 购买不愧是球王!梅西这页PPT太秀了!
世界杯决赛就要来了!!!
我做了一份热门球员人物介绍PPT,来致敬他们在赛场上努力拼搏的精神。这里面有你喜欢球员吗?
另外,我还添加了动画效果,有一种一镜到底的电影感。
在文章末尾,可以免费领取动画案例源文件。
具体该怎么做呢?主要分为两个步骤。
01
人物介绍排版
在之前的文章中,我分享过单人介绍页的万能排版公式。
咱们以C罗为例,说下具体的做法。
第一步,划分层级。按照信息维度对内容进行分段。
对于重点信息,可以通过放大字号、加粗字体、换个颜色,进行强调。
这样信息的结构,就一目了然。
第二步,图片处理。把图片放大,再去除背景,就能产生不错的视觉张力。
如果你不会抠图,可以记住这个网站,上传图片就能一键抠图,非常方便。
www.remove.bg
第三步,背景修饰 。纯色背景有些单调:
直接从人物衣服上吸取一深一浅的红色:
组成渐变背景,画面就会丰富很多。
想要画面更有层次,可以在人物的背后插入一个矩形:
多来两个,层次感会更强。
做完一页,相同的版式,我们还可以做出梅西的个人介绍页:
内马尔的个人介绍页:
姆巴佩的个人介绍:
「魔笛」的个人介绍:
直接套用相同版式,就能快速完成所有球员的页面排版~
完成排版,接下就是添加动画了。
02
添加动画效果
先把页面中矩形换成图文框,调整黄色控点把缺口变小,再将其置于人物下方。
复制这页所有元素,粘贴到第二页幻灯片上, 把人物和文本信息也拖动到画布外侧:
把形状放大到画面外侧,并调节黄色控点放大缺口。
再加上平滑切换, 就能够实现元素自动飞出页面的效果了。
接着,把梅西的页面导出为图片, 缩小放在第一页幻灯片上,并置于底层。再复制一份放在第二页幻灯片上。
点击放映,一镜到底的人物介绍效果就做好了。
再来看看最终的展示效果吧:
相同的方法,我还可以做出《卿卿日常》的多人物介绍。
怎么样?你学会了嘛?
另外,如果你想要拿到本期案例源文件动手练习,点击我的头像进入我的主页后在咱俩的聊天对话框中,发送关键词【2022世界杯】,就可以拿到本期案例的PPT源文件了。 记得一定要动手练习哦。
另外,如果你在做年终总结PPT时,没有思路,不会排版。我为你准备了1600多页设计师定制级PPT设计模板, 现在开通旁友圈PPT学习会员即可免费下载:
系统解决职场工作型PPT问题
欢迎开通旁友圈PPT学习会员
双12限时优惠,立减200元
活动结束后,恢复至699元
#pgc-card .pgc-card-href { text-decoration: none; outline: none; display: block; width: 100%; height: 100%; } #pgc-card .pgc-card-href:hover { text-decoration: none; } /*pc 样式*/ .pgc-card { box-sizing: border-box; height: 164px; border: 1px solid #e8e8e8; position: relative; padding: 20px 94px 12px 180px; overflow: hidden; } .pgc-card::after { content: " "; display: block; border-left: 1px solid #e8e8e8; height: 120px; position: absolute; right: 76px; top: 20px; } .pgc-cover { position: absolute; width: 162px; height: 162px; top: 0; left: 0; background-size: cover; } .pgc-content { overflow: hidden; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pgc-content-title { font-size: 18px; color: #222; line-height: 1; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pgc-content-desc { font-size: 14px; color: #444; overflow: hidden; text-overflow: ellipsis; padding-top: 9px; overflow: hidden; line-height: 1.2em; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pgc-content-price { font-size: 22px; color: #f85959; padding-top: 18px; line-height: 1em; } .pgc-card-buy { width: 75px; position: absolute; right: 0; top: 50px; color: #406599; font-size: 14px; text-align: center; } .pgc-buy-text { padding-top: 10px; } .pgc-icon-buy { height: 23px; width: 20px; display: inline-block; background: url(https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/pgc/v2/pgc_tpl/static/image/commodity_buy_f2b4d1a.png); } 旁友圈大会员【拍一得九】 ¥699 购买开通会员,免费学9门系统课程
且一次开通,永久有效
下滑进一步了解