【新生】 | 第十期 如何用PPT还原场景真实感？

大家好，欢迎来到Slidecent，

见字如面，我是林利蒙。

《新生》旨在赋予幻灯片全新的生命。每次对一页幻灯片进行美化，与其他公众号的美化不同之处在于，我所选取的案例是自己以往所亲身做过的页面。旨在挑战过去的自己和探索更新的表现方式

今天来到《新生》第十期

01

过去版

先来看下我们今天要挑战的页面：

@过去版

这是一年前我做的一页幻灯片

是产品介绍页类型

其实这页的视觉效果已经非常丰富

而且可以看出页面中使用了大量的技法

但如果你仔细推敲

会发现其中存在一些细节问题

思

考

时

间

……

具体有如下几个问题：

1.标题字体不合适，有点笨重

2.颜色太实，显得整个页面不够鲜活

3.光影关系把握的不准确。比如音响底部的棱台左边亮右边暗，但其实光是左右两边都有的，所以应该是两边都亮才对

4.细节元素粗糙。比如音响底部的多层渐变圆环不够写实

5.主体产品不够突出。由于两边的修饰元素过多，导致音响所占的页面比例减小了

02

新生版V1

那么这种产品介绍页该如何美化呢？

看了一年前的版本会发现

当时为了炫技以及“丰富”页面

添加了许多没必要的元素

导致主体音响被弱化了

其实真正高级的产品

画面越是简约的

于是我针对上述问题做了相应的修改

有了新生版V1：

@新生版_V1

具体做了如下修改：

1.替换了字体。标题字选用方正汉真广标简体，更显气势及设计感；正文字选用思源黑体，简约大方

2.更改了配色，黑色配上蓝色更加神秘高端，同时背景用一束彩色光束，使页面更鲜亮

3.删除了不必要的修饰（如底部棱台，光圈，两边的形状及曲线等），尽可能大的放大了主体音响。并给音响添加了发光及倒影效果

4.用圆圈的形式表达每个功能，大小错落地漂浮在音响周围，同时给每个子功能项添加了图标，更加生动形象

5.修改了文案。原本标题只是2.0升级版，没什么实质的含义，我在下方加了一句话为音乐而生。点名了产品价值

以上是新生版V1的修改

03

新生版V2

通过新生版V1的修改

我们删除了页面中不必要的修饰元素

使得产品更突出，画面更高级了

我觉得单纯从视觉效果而言

这页已经没什么好挑剔的了

但就内容表达而言

它还有一个含义没有传达出来

那就是“2.0升级版”

页面没有体现升级这个概念

于是我进行了二次优化

得到了如下效果：

@修改稿

具体做了如下修改：

1.直接用向上延申的巨大折线箭头来表现升级这个概念，增强了页面的视觉冲击力

2.注意箭头的细节。它是左下到右上渐变的，同时还有发光效果，光效与音响的蓝色调一致

3.修改了背景，又上方有一束光打下来，预示这次升级换代一次重生

看到这里，你以为就结束了

其实并没有

我在一开始提到了光影这个概念

我们都知道光照在物体上的一面发亮

而背对光的一面发暗

如果你按照这个理论对照上面的版本

会发现很多不合乎情理的地方

于是我对这些细节进行了优化

完成了新生版_V2：

@新生版_V2

具体做了如下修改：

1.标题文字在靠近光源的右上方最亮，往左下方越来越暗

2.每个子功能项的圆圈渐变方向以及底部的三层渐变光圈带也是如此

3.最重要的是音响本身，你会发现光照的的一面更亮，背面则暗淡一些

4.音响的亮暗是我直接在PPT中通过裁剪各个面得到的（如附图）

@音响的各个面

以上就是新生版_V2的修改

04

总结与思考

1.越简约越高级。 我们常常会为了让页面更丰富而干扰了主体的表达，其实越是高级的东西往往越简约

2.注意细节，即使是光影关系也很重要。 设计是源于生活而高于生活的，我们要遵循世界的客观物理规律

最后，愿你我都可以变得更厉害

如果你对这个栏目感兴趣

欢迎点击在看支持我

我是林利蒙，

我们下期再见。

原文链接：【新生】 | 第十期 如何用PPT还原场景真实感？