我花了2小时,给支付宝官方修改了一份发布会PPT

 

起痘了,无摘要...

旁友圈ppt学习社群限时,优惠中,优惠名额有限,先到先得
点击上图了解活动详情>>
上个礼拜,支付宝搞了一次发布会,至于说了什么,可能很多朋友也不清楚,但有一件事儿,很多人应该知道,那就是支付宝变得更蓝了。

哈哈哈哈,这个记忆点也是很奇特~

而我的一位朋友,在看完发布会后,第一时间给我截了几张发布会,现场的ppt图片,问我做的怎么样?



其实,这种风格会比较简洁,比较符合这种,发布会的场合。但有些页面的设计,可能由于时间的问题,在呈现上会稍微有些粗糙。

所以,这篇文章,就挑选其中的几个页面,做一些简单的修改,算是交流学习吧。



就是上面的这几页,那么,该如何进行优化呢?

确定 PPT 的

基本设计规范

首先,是字体的使用规范。

中文可以使用自家的,品牌字体 —— 阿里巴巴普惠体,绝不会出错。
而对于 PPT 中的一些关键数值,则可以使用支付宝,金额专用字体——AlipayNumber。


接着,确定 PPT 的主题色。

我们可以直接吸取支付宝,最新 logo 的颜色:
不过这个蓝色与深色,背景对比不够明显,作为页面的强调色并,不是特别突出。为了解决这个问题,可以添加一个,明度更高蓝色,进而调合成一个渐变色:
然后,是页面的基本布局

从大会视频的截图中,我们可以看出,演讲人物对屏幕存在一定,的遮挡,特别是屏幕中央的区域:
只能依靠摄像大哥,不停的切换视角,才能勉强看清屏幕,中间的文字:
不得不说,这种观感体验真的很糟糕。

所以,我们在着手制作 PPT 之前,前期观测演讲场地,就显得尤为重要。

为了避免人物遮挡页面中,的文本信息,这里我对页面,进行了板块划分,比如将标题放置在,页面左侧,右侧放置正文,避免文字出现在,屏幕的中间区域:
最后,是页面的背景板。

这里使用了深蓝色的渐变,会页面会显得更有层次:
另外,我们还可以提取大会主kv的,一些视觉特征,比如一些科技网点:


作为点缀元素,融入到背景板中:
明确了基本设计规范之后

接下来,咱们就进入单页的修改

先来看这一页:
页面中的文字被人物遮挡。排版也有些粗糙,关键数值与文本间隔过远,而且并没有做到,严格的对齐。

该怎么修改呢?

我们先依据上面所,拟定的设计规范,调整一下版式布局,并更换关键数值排版方式:
立马就好了很多,对吗?

但这还不够。为了增添页面的设计感,我们可以在标题周围,添加线条,以及不同透明度的色块,进行修饰:
使用多个圆形组成的平台,放置关键数值,并利用图标让,页面更具可视化,就像这样:
为了进一步表现,数值的提升,可以在页面中添加一些,渐变线条:
最后,匹配一张与页面,相关的背景图:
接下来是这一页:
主要存在两个问题:

一是关键数值没,能很好的突出。

二是画面的割裂感太强。

通常在宽屏发布会中,对于图片展示,大都会选择相对柔和过渡,方式:
或者是图片全屏展示,进而带来更强的沉浸感。
那这一页该怎么修改呢?

首先解决图片的问题,我们可以从货,拉拉的官网上,找到一些图片:
从中选择一张最适合,的图片:
基于这张图片的样式,将数据放大突出,我们可以将页面排版,成这样:
还不错吧?

不过,页面依旧存在一个问题,那就是风格与,其他页面不一致。

该怎么解决呢?很简单,我们可以将货车抠出来,这样页面就可以使用,统一的背景板了:
接着,再把橙色色块,转换成具有科技感的蓝色,渐变衬底即可:
来看下最终效果:
咱们继续,再看这一页:
这一页在视觉呈现上主要有,这三个问题:

  • 文案缺少可视化
  • 页面右侧排版过于松散,导致中间文案被遮挡
  • 页面视觉比较平淡
那么,该如何去优化呢?

先来修改页面的布局形式,使用圆角矩形代替圆形做为,内容衬底,并添加小图标,增强文案的可视化:
使用线条,弥补卡片右上方的空缺:
将卡片三维旋转,让页面产生一定的空间感:
让卡片之间略有重叠,避免文字出现在页面,中间区域:
接着,使用小色块以及线条,进一步丰富页面的层次:
最后,为页面匹配合适的背景图:
来看下最终效果:
咱们接着来看这一页:
与其他页面一样,视觉呈现方面较为平淡。而对于关键数值的展示,也只是简单的放大字号。

另外,页面中的手机样机,使用了白色机身,与黑色背景对比太过明显,使其有些抢眼。

为了规避上面的问题,我们可以这样处理。

换用黑色的手机样机,并更改页面的版式布局,比如使用左右对称的形式:
接着使用多层渐变圆环,置于样机下方,避免页面空洞:
最后,在匹配上相应的背景图片:
好了,再来看一下最后一页:
这一页的问题在哪?我认为有这么三个:

  • 支付宝小程序的图标,使用错误。
  • 使用不同色彩突出内容,导致页面看起来有些凌乱。
  • 页面右侧排版松散,部分文字被遮挡。


咱们一个一个的解决。

使用正确的小程序图标,并统一图标的样式:
更换正文的对比形式,比如使用大小对比,代替原来的颜色对比:
接着,为了避免文字被遮挡,可以采用上下交错,的排版形式:
再匹配上合适的背景图:
来看下最终效果:
是不是很赞呢?

好了,以上呢就是今天所修改,的几个页面。

最后,再来前后对比一下:
这是修改后的:
好了,以上就是这几页ppt的,修改过程,有些细节在手机上,看的不是很清楚,我把源文件免费分享出来。

公众号对话界面,回复关键词 〔阿里 〕,即可免费获取这份ppt,修改源文件和对应的字体。

另外,继续说下优惠活动的事儿,旁友圈正在进行限时优惠,活动,直降70元,还可免费获得,售价169元的ppt学习课程,加赠福利。本次活动优惠名额,共放出700个,目前不到100个,感兴趣的朋友,可以考虑在即将涨价前,抓住机会。

一件衬衫的价格,掌握一项职场硬技能。

欢迎了解优惠活动详情,或者通过下图了解:
优惠券名额有限
点击左下方阅读原文,即刻领取


    关注 旁门左道PPT


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册