之前，支付宝搞了一次发布会，至于说了什么，可能很多朋友也不清楚，但有一件事儿，很多人应该知道，那就是支付宝变得更蓝了。
哈哈哈哈，这个记忆点也是很奇特~
而我的一位朋友，在看完发布会后，第一时间给我截了几张发布会现场的PPT图片，问我做的怎么样？
其实，这种风格会比较简洁，比较符合这种发布会的场合。但有些页面的设计，可能由于时间的问题，在呈现上会稍微有些粗糙。
所以，这篇文章，就挑选其中的几个页面，做一些简单的修改，算是交流学习吧。
就是上面的这几页，那么，该如何进行优化呢？
一、确定 PPT 的基本设计规范
首先，是字体的使用规范。
中文可以使用自家的品牌字体 —— 阿里巴巴普惠体，绝不会出错。
而对于 PPT 中的一些关键数值，则可以使用支付宝金额专用字体——AlipayNumber。
接着，确定 PPT 的主题色。
我们可以直接吸取支付宝最新 logo 的颜色：
不过这个蓝色与深色背景对比不够明显，作为页面的强调色并不是特别突出。为了解决这个问题，可以添加一个明度更高蓝色，进而调合成一个渐变色：
然后，是页面的基本布局
从大会视频的截图中，我们可以看出，演讲人物对屏幕存在一定的遮挡，特别是屏幕中央的区域：
只能依靠摄像大哥，不停的切换视角，才能勉强看清屏幕中间的文字：
不得不说，这种观感体验真的很糟糕。
所以，我们在着手制作 PPT 之前，前期观测演讲场地就显得尤为重要。
为了避免人物遮挡页面中的文本信息，这里我对页面进行了板块划分，比如将标题放置在页面左侧，右侧放置正文，避免文字出现在屏幕的中间区域：
最后，是页面的背景板。
这里使用了深蓝色的渐变，会页面会显得更有层次：
另外，我们还可以提取大会主KV的一些视觉特征，比如一些科技网点：
作为点缀元素，融入到背景板中：
明确了基本设计规范之后接下来，咱们就进入单页的修改。
二、单页修改
先来看这一页：
页面中的文字被人物遮挡。排版也有些粗糙，关键数值与文本间隔过远，而且并没有做到严格的对齐。
该怎么修改呢？
我们先依据上面所拟定的设计规范，调整一下版式布局，并更换关键数值排版方式：
立马就好了很多，对吗？
但这还不够。为了增添页面的设计感，我们可以在标题周围添加线条，以及不同透明度的色块，进行修饰：
使用多个圆形组成的平台，放置关键数值，并利用图标让页面更具可视化，就像这样：
为了进一步表现数值的提升，可以在页面中添加一些渐变线条：
最后，匹配一张与页面相关的背景图：
接下来是这一页：
主要存在两个问题：
一是关键数值没能很好的突出。二是画面的割裂感太强。
通常在宽屏发布会中，对于图片展示，大都会选择相对柔和过渡方式：
或者是图片全屏展示，进而带来更强的沉浸感。
那这一页该怎么修改呢？
首先解决图片的问题，我们可以从货拉拉的官网上，找到一些图片：
从中选择一张最适合的图片:
基于这张图片的样式，将数据放大突出，我们可以将页面排版成这样：
还不错吧？
不过，页面依旧存在一个问题，那就是风格与其他页面不一致。
该怎么解决呢？很简单，我们可以将货车抠出来，这样页面就可以使用统一的背景板了：
接着，再把橙色色块，转换成具有科技感的蓝色渐变衬底即可：
来看下最终效果：
咱们继续，再看这一页：
这一页在视觉呈现上主要有这三个问题：
- 文案缺少可视化
- 页面右侧排版过于松散，导致中间文案被遮挡
- 页面视觉比较平淡
那么，该如何去优化呢？
先来修改页面的布局形式，使用圆角矩形代替圆形做为内容衬底，并添加小图标，增强文案的可视化：
使用线条，弥补卡片右上方的空缺：
将卡片三维旋转，让页面产生一定的空间感：
让卡片之间略有重叠，避免文字出现在页面中间区域：
接着，使用小色块以及线条，进一步丰富页面的层次：
最后，为页面匹配合适的背景图：
来看下最终效果：
咱们接着来看这一页：
与其他页面一样，视觉呈现方面较为平淡。而对于关键数值的展示，也只是简单的放大字号。
另外，页面中的手机样机使用了白色机身，与黑色背景对比太过明显，使其有些抢眼。
为了规避上面的问题，我们可以这样处理。
换用黑色的手机样机，并更改页面的版式布局，比如使用左右对称的形式：
接着使用多层渐变圆环，置于样机下方，避免页面空洞：
最后，在匹配上相应的背景图片：
好了，再来看一下最后一页：
这一页的问题在哪？我认为有这么三个：
- 支付宝小程序的图标使用错误。
- 使用不同色彩突出内容，导致页面看起来有些凌乱。
- 页面右侧排版松散，部分文字被遮挡。
咱们一个一个的解决。
使用正确的小程序图标，并统一图标的样式：
更换正文的对比形式，比如使用大小对比，代替原来的颜色对比：
接着，为了避免文字被遮挡，可以采用上下交错的排版形式：
再匹配上合适的背景图：
来看下最终效果：
是不是很赞呢？
好了，以上呢就是今天所修改的几个页面。
最后，再来前后对比一下：
这是修改后的：
好了，以上就是这几页PPT的修改过程，有些细节看的不是很清楚，我把源文件免费分享出来。
在评论区评论任意文字，即可免费获取这份PPT修改源文件和对应的字体。
原标题：我花了2小时，给支付宝官方修改了一份发布会PPT
鄂公网安备 42050602000108号
赞赞赞
11111111顶顶顶
强强强
厉害
点赞
干货
感谢
满满的的干货呀
感谢
学到了，感谢
感谢
感谢
感谢
感谢
lihai !
感谢
厉害
赞一个
哈哈哈哈，棒
来一个
感谢
学习了
很好的的教程，满满的干货
满满的的干货呀
学习
学习学习
学习
双击666
get
干货满满
优化支付宝发布会的PPT！也要从基本的字体、主题色、布局出发！
干活满满啊
满满的的干货呀
请问粒子图如何融入到背景板中？
总结很好，感谢！
nice
干货满满
学习
慢慢的干货呀
感谢