大家好,欢迎来到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.注意细节,即使是光影关系也很重要。 设计是源于生活而高于生活的,我们要遵循世界的客观物理规律
最后,愿你我都可以变得更厉害
如果你对这个栏目感兴趣
欢迎点击在看支持我
我是林利蒙,
我们下期再见。