科技风PPT的进化三部曲

原创 收藏1 评论
举报 2019-12-31

很多人会告诉你,某某PPT风格该怎么做。

但很少人注意到,PPT风格是会进化的。

更没有人告诉你,PPT风格该怎么进化。

这都有脉络可循,有方法可依。

我们为Talking Data所做的科技风PPT,就是最好的例子。

 

2016年,我司男神阿文首次为Talking Data打造科技风格的发布会PPT。

2017年,在第二次合作的作品里,我们尝试加入了渐变元素来呈现科技风。

2018年,与Talking Data合作的第三年,渐变元素成为科技风PPT的主流。

2019年,在前阵子完成的作品中,我们让科技风的画面能进一步体现场景感。

 

一部华丽的科技风PPT编年史。

你,准备好了吗?

 

 

1.jpg

科技风的主流设计是什么?

 

时间拉回2017年以前,科技风PPT的设计是有些贫乏。深色背景、无衬线字、简约排版,画面都靠科技感大图撑着,考验的更多是设计师的搜图、配图能力。感觉不太能说服甲方付更多钱。

01.jpg02.jpg03.jpg


同样是2017年作品,尽管为Talking Data设计的大部分页面,都是如上所示、以大图为主的设计,但还是有少部份页面,尝试加入了渐变元素。可以看到画面中的基本形状(圆形、矩形、菱形、多边形等),都做出透明度的变化。

04.jpg05.jpg


到了2018年后,以透明度渐变元素,来营造科技感氛围的设计逐渐成熟,成为至今为止科技风PPT的主流。其中最为典型的,就是以半透明渐变梯形,来搭建具三维感的平台元素,比如底下的“城市透镜”和“探索”。

06.jpg07.jpg


除了我们AbleSlide的作品以外,2018年后互联网企业的大型发布会,也大都采用了这样的科技风设计,比如前阵子刚结束的“京东探索者大会”,连续两年都用渐变元素的科技风。

08.jpg

(2018年京东探索者大会)

09.jpg(2019年京东探索者大会)

至此,科技风PPT的主流设计,已经有了巨大的变化。从原本的大图流,转为如今以单色系、透明渐变元素为主的设计。之后所有的延展,都是在这样的基础上去做变化。

 

 

2.jpg

科技风的元素可以怎么变化?

 

尽管渐变元素成为科技风的主流,身为设计师的我们,也不可能千篇一律地使用简单形状来呈现,必须对元素本身做更细致的处理才行。那我们该如何在做出更多的拓展与创新呢?一个最简单的思路是,从主题的“关键词”来延展。

 

先举2018 Talking Data的科技风PPT为例,关键词是“突破”,我们延伸的想象,是爆发式的冲击,如同将石子扔进海面所激起的水花,于是有了这样的封面与内容页。

10.jpg11.jpg


从标题页这样的视觉意象继续扩展,可以使用这样的波纹背景。

12.jpg


甚至可以结合Lowpoly设计,做出海浪与冰山。

13.jpg14.jpg

 

这些设计已经不局限于“科技风渐变元素”本身,而是以整体的视觉意象为考虑,对画面中的所有元素,做出更符合主题与内容的处理。

 

以同样的思路,我们来看2019 Talking Data的科技风PPT。本次的关键词是“无界”,我们联想到的是无限、扩张、发散、延伸感等词汇,于是做了这样的封面—两边是无限符号的图像,中间的“无界”两字,还以装饰线做了延伸感的设计。

15.jpg


接着,我们把封面设计的视觉意象,扩展到后续的内容页。比如底下两页,直接放大封面的无限符号作为背景,来烘托内容的渐变元素。

16.jpg17.jpg

 

而在强调每一页的标题或重点项目时,还沿用了表延伸感的同款装饰线

18.jpg19.jpg


此外,在使用科技风元素时,除了用基本形状做渐变元素以外,还用了大量的HUD元素,让画面看起来更加精致。

20.jpg21.jpg


搭配适当的动画或动态背景,整体呈现效果就更精采了。

22.gif23.gif

 

 

3.jpg

如何打造科技风的场景感?

 

最后,我们来谈谈科技风PPT的场景化,也就是如何将科技风元素,更好地与背景融为一体,让画面更具场景感。

 

以往的科技风PPT,背景和内容元素之间往往是割裂的,也就是说,内容元素都是直接往背景图上面摆,没有考虑它们之间的联系。最常见的有三种情况:

一、直接使用图片背景,但用得不好时会导致背景图反过来干扰前景的内容元素。

二、使用深色调的纯色背景、渐变色背景

三、在图片上粗暴地盖上一层半透明蒙板

 

这样的设计未必不好看,但如果你想让幻灯片里的画面呈现更有场景感,就必须尽量将内容元素融入背景,让整个画面浑然天成。以这次2019 Talking Data的作品为例:


在“武汉东湖高新区”的页面,将黑白背景中的道路染成主色调的蓝(抠图、调色、叠加图层),再将科技风的图标元素,沿着道路摆放来展示信息。

24.jpg


在“投资布局”的页面,背景是环状阶梯。于是将内容元素的LOGO,分别沿着阶梯的弧形摆放。同时还以科技风的渐变元素,勾勒出阶梯的外形来装饰。

25.jpg


在“征信数据分析与应用”的页面,除了中间用来强调标题的渐变矩形,还将科技风元素延伸到背景,同样是以线条勾勒外形,作为背景的装饰。

26.jpg


在“携手京东云打造城市AIOC”的页面,在背景上迭加了城市大楼,同样以科技风元素的线条和渐变来勾勒大楼的外形,并在建筑之上错落摆放济南、南京等城市名的信息。

27.jpg

 

从上面的例子,可以总结出两个方法:一是在摆放元素时,依循背景图的脉络来嵌入;二是将渐变元素延伸作为背景图的装饰。这就完成了科技风PPT的“场景化”。

 

 

4.jpg

后记:创造属于你的科技风

 

在这次的Talking Data设计案例中,你可以看到科技风PPT迭代的三个阶段,其实也是所有风格迭代的过程:

一、确立主流设计

指的是如何重新定义风格的主流元素,以及归纳新风格元素的特点。

二、延伸元素变化

指的是在既有的风格体系中,如何进一步拓展风格元素的变化。

三、嵌入具体场景

指的是如何更好地结合元素与背景,让整个画面得以场景化。

 

有了三阶段的方法论,你才能驾驭风格的使用与变化。

就如同想要用好精美的PPT模板,你也得先具备基础的设计排版知识一样。

 

而当你尝试走过这三个阶段,就会发现任何风格都不是一成不变的。

在时间维度上,会随着设计趋势的变化而变。

在内容维度上,会随着主题内容的不同而变。

我们不能简单地将特定的元素,等同于风格本身。

 

然而,网上有太多快餐式的PPT教程,总是太容易给风格下标签。

“超酷的科技风PPT,只要这三招!”

“看了100场发布会PPT后,我总结了一个科技风PPT的万能公式”

他们会告诉你该用什么样的图片、什么样的背景、什么样的字体;告诉你该用如何调渐变色、如何用三维格式。或者干脆就……

“这些酷炫的科技风素材,免费送给你”

彷佛你知道这些功能、拥有这些素材,就能瞬间做出高大上的科技风PPT。

这本质上和给你一套固定的PPT模板,没什么区别。

 

你缺的是10个G的模板吗?

不,你缺的是把模板用得好看的方法。


    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)

    作者
    AbleSlide 北京

    AbleSlide 北京

    北京 朝阳区

    UHN国际村 2号楼 1单元 203