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

改稿复盘4年前 (2021)更新 Slidecent
1,464 0 0

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

大家好,欢迎来到Slidecent,

见字如面,我是林利蒙

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


今天来到《新生》第十期

01

过去版

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

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

@过去版

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

是产品介绍页类型

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

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

但如果你仔细推敲

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

……

具体有如下几个问题:

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

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

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

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

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

02

新生版V1

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

看了一年前的版本会发现

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

添加了许多没必要的元素

导致主体音响被弱化了

其实真正高级的产品

画面越是简约的

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

有了新生版V1:

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

@新生版_V1

具体做了如下修改:

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

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

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

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

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

以上是新生版V1的修改

03

新生版V2

通过新生版V1的修改

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

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

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

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

但就内容表达而言

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

那就是“2.0升级版”

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

于是我进行了二次优化

得到了如下效果:

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

@修改稿

具体做了如下修改:

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

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

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

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

其实并没有

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

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

而背对光的一面发暗

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

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

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

完成了新生版_V2:

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

@新生版_V2

具体做了如下修改:

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

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

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

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

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

@音响的各个面

以上就是新生版_V2的修改

04

总结与思考

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

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

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

如果你对这个栏目感兴趣

欢迎点击在看支持我

我是林利蒙,

我们下期再见。


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

© 版权声明

相关文章