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



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

这周我们旁友圈给大家发布了新的作业——为共享充电宝-街电 , 设计一份推广方案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?隔壁女同事:爱了爱了
本文插图

到这 , 全部页面就设计完成了 , 前后对比:
|第一名居然是这份浅色PPT?隔壁女同事:爱了爱了
本文插图

好了 , 今天就先到这里了 , 大家觉得怎么样呢?
最后 , 不要忘记领取福利哈~
关注我@旁门左道PPT , 回复关键词【街电】 , 一键获取PPT源文件 。


    推荐阅读