我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..

这是一份“灵狐”智能运维平台的 PPT 介绍:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图1)


原稿页数较多,还是从中挑选 4 张典型页面:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图2)


先来确定基本的设计规范。



设计规范


首先是字体搭配,中文字体,我选用了未来荧黑,这款和思源黑体类似,但它的造型更加简明现代。


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图3)

搭配西文 Montserrat,用于 PPT 页面正文内容:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图4)


接着是配色,原稿中的橙黄渐变和“灵狐”这一概念还挺贴切的,很容易联想到狐狸。所以,我们可以继续沿用这个渐变色:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图5)


考虑到平台的智能属性,对于页面背景,我使用了由深蓝到黑的渐变:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图6)


这样页面看起来也会更有质感:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图7)


关于设计元素,由于企业 logo 包含了波点元素,所以整份 PPT 中可以使用一些波点素材作为修饰:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图8)


明确了规范,接下来进入单页的修改。



封面页


原稿封面,整体的视觉重心偏下。配图给人的感觉,更像是普通的工作汇报。


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图9)


我们先把封面信息提取出来,确定封面信息的布局形式:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图10)


封面页的设计,主要就分为两个部分,标题和背景。


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图11)


先来处理标题。这里我使用了站酷酷黑,这款字体笔画上的尖角,设计感很强。不足的是字形太扁。


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图12)


不过好在我们可以借助 PPT 中文本效果,去调整文字的字形:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图13)


具体操作,可以看下动图:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图14)


作为标题中的重点,原稿中使用引号进行了强调“灵狐”二字,但效果不是很好。这里我们可以使用颜色、大小进行强调突出:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图15)


此外,对于“灵狐”这两个字还能进一步优化设计,比如在下方叠加一层文字,让文字更立体:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图16)


在字面上,融入科技折线,体现智能:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图17)


再加入光效,针对标题的处理就完成了:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图18)

背景的处理,就很简单粗暴,我直接使用渐变制作了冷、暖光,并分别融于页面两侧,让背景富有变化:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图19)


最后,加入之前确定的波点纹理素材,背景就处理好了:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图20)


标题、背景结合,来看下最终效果:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图21)



接着,是第二页


这是一页运维平台的架构图,原稿的逻辑表达还算清楚,就是在视觉呈现会有些凌乱。


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图22)


那么,对于这种内容较多的架构图该怎么修改呢?


这里说下我的思路。


针对用于呈现文字的形状,不要设计的太过抢眼,毕竟文字才是重点,况且整个页面的文字还特别多。对于这个案例,就需要去除形状的阴影、渐变等等...


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图23)


此外,属于同一部分的内容尽量紧凑,这样看起来才像是一个整体,最重要的是,可以减少占用的空间:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图24)


还有,页面中图标元素的风格一定要统一:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图25)


能够做到上面几点,页面就不会有大的问题。


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图26)


如果想进一步优化,就可以从箭头上入手,比如使用一些样式非常特别的箭头:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图27)


看下效果:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图28)


还不错吧?



再来看第三页


也算是架构图,但这页具有明确的流程导向。原稿最主要的问题是图标不统一,正文文字阅读存在一定障碍。


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图29)


对于这类页面,要想做的更有创意,可以采用 2.5D 的呈现形式,类似于这样的

我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图30)


当然,我们不需要做的那么复杂,因为只有四个点。


先使用三维旋转中预设,来制作一个等距视角的平台:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图31)


根据页面中的内容,来确定 4 个平台的摆放位置:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图32)


接着,塑造细节。通过渐变面、渐变线条的组合,让平台更立体:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图33)


页面中的图标,则统一使用 2.5D 风格,并匹配主体色:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图34)


将正文分段换行,这样内容更加清晰明了:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图35)


将上述内容拼组,一个2.5D风格流程图就完成了。


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图36)


为了让背景更加丰富,我们还可以在背景上加一层等距网格:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图37)


最终效果:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图38)



最后是第四页


用电脑样机去承载截图,原稿思路是正确的,不过截图之间存在遮挡,这就导致只能看见一张截图。


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图39)


为了避免这个问题,我们可以考虑使用弹窗式的电脑样机,我找来了下面这些:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图40)



从中选择一个合适的,很轻松就能做出这样的效果:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图41)


考虑到要与 2.5D 风格的相匹配,这里我用形状重绘了电脑外壳,并添加了橙黄渐变:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图42)


对于正文内容,可以添加图标,并使用形状进行规整。


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图43)


最后,将正文与样机左右布局:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图44)


或者中心对称布局:


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图45)


到这儿,这份 PPT 就修改完了。


来看下修改前后的对比:

我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图46)

修改前


我为读者修改了一份2.5D风格的PPT,最后一页,看傻眼..(图47)

修改后


好了,以上呢,就是本篇文章的全部内容了。我们平时在制作 PPT 时,使用同一种风格的设计元素,会让整份 PPT 的视觉风格更加统一。希望这次改稿能给你带来一些启发!

转至公众号:PPT进化论


PPT设计排版教程 PPT基础教程 PPT美化教程