第一名居然是这份浅色PPT?隔壁女同事:爱了爱了


第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

这周我们旁友圈给大家发布了新的作业——为共享充电宝-街电,设计一份推广方案PPT!
圈里的设计高手摩拳擦掌,跃跃欲试,纷纷交上了自己的设计作品,经过层层筛选,大家共同投出 这份浅色的科技PPT!

常见的科技风 PPT ,大都是深色系,浅色类的比较少见,来给大家分享下我的设计思路。

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

作业原稿给到的页面类型,是挺常见的,不复杂,就看怎么把它设计得出彩了:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

01.

风格规范

先来确定一下设计的规范,这一步,我们可以参考一下,街电的官网界面风格。整体比较简洁:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

同时,街电作为一个互联网企业,在风格上,我们可以选择清新舒适一些的浅色科技风,字体选择思源黑体,主色调为 Logo 的颜色,基本规范如下:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

02.

页面设计


先来看看封面的设计


在 PPT 设计中,封面通常是比较重要的,后续的页面,多以封面为主,来统一风格。

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

因为是关于产品的推广方案,所以,在封面中,最好可以展示一下街电产品。找了一些街电产品素材,采用左文右图的版式:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

给产品添加一个承载物,这样,看起来不会过于生硬,于是,绘制了一个波纹扩散型的底座:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

同时给产品添加倒影,这样更显真实,看起来有质感:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

这时,背景还是有些单调乏味的,怎么丰富一下呢?

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

把背景调成白青渐变,添加一些渐变圆形,然后,调整一下圆形元素的大小位置,适当调节柔化边缘的参数,使其看起来更加柔和:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

这样是不是很有空间感?


接下来,看第二页内容页

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

文案内容的层级关系,都比较明了,对文本内容进行简单排版,然后,思考怎么优化页面:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

因为优势有4个,我们可以添加数字“4”,这个元素来丰富页面:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

对“4”这个数字进行设计处理,比如用任意多边形工具,绘制电路折线:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

同时,可以在笔画相交处,添加渐变蒙版,这样更有层次些:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

加入一些扩散型的渐变圆形图形和线条,适当调节渐变颜色:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

并以数字“4”为中心,将产品的4个优势,分列两侧进行排版:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

这样优化就完成了,除此之外,我们还能怎么排版呢?

套用旁友圈新推出的『定制级工作型PPT设计灵感手册』中的版式,我又做了2页排版。

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

来自邵大公众号推文配图

关注我,回复关键词【街电】,一键获取PPT源文件。

这是『定制级工作型PPT设计灵感手册』的4段内容排版样式:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

这是我套用版式后,做出的第二个版本:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

第三页

架构图页


这一页架构图关系也比较清晰,但原稿中的圆形和箭头元素就比较普通:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

如何进行优化呢?我的想法是,用些更具科技感的几何图形进行元素替换。


于是,使用布尔运算功能,我画出了这样的几何图形,图形都是圆角的,少了尖锐感,看起来较舒适:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

为保持整体风格统一,对图形进行颜色填充、调节阴影等处理:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

增添电量图标和科技元素代替原稿箭头,明确一下文案彼此之间的逻辑关系:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

文字处理还是比较平淡,可以用相关的图标和图形丰富一下:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

最后一页

文字列表页:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

还是先对文案内容进行层级梳理,可以提炼小标题,加入相关图标:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

五段内容页不太适合对称类型的排版,我这里选择环形围绕排版,像这样:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

在环绕的中心处,我加入一张产品图,作为代表街电公司的一个意象:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

为了让产品底部不那么生硬,使用 OKplus 插件的图片透明工具,将产品底部透明化处理:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

具体的操作步骤是这样的:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

看一下呈现的效果,是不是会柔和一些:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

最后,我还用了科技粒子装饰元素,增加科技感,同时,加上一个渐变扇形,看起来有雷达扫面的效果:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

加上动画看看,很有感觉吧~

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

到这,全部页面就设计完成了,前后对比:

第一名居然是这份浅色PPT?隔壁女同事:爱了爱了

好了,今天就先到这里了,大家觉得怎么样呢?

最后,不要忘记领取福利哈~


分享到:


相關文章: