islide插件

广东同事给某家用机器人,做了份PPT!封面页太高级了…

设计·配图·板式2021-10-08
留言 0
广东同事给某家用机器人,做了份PPT!封面页太高级了…
导读

为科沃斯做一份扫地机器人介绍的PPT是什么体验,今天教程手把手教你做高科技产品的PPT设计。

本周旁友圈的作业,是为科沃斯做一份扫地机器人介绍的PPT:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

来看一下原稿,页面类型比较常见,难度也不大,很适合上手练习:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

所以我也尝试做了一份作业,终稿呈现的效果还是挺满意的:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

今天这篇文章呢,就给大家复盘一下这份产品介绍PPT的设计制作思路。

确定设计规范

在开始设计之前,我们先设定好颜色字体等规范,这样可以在后续的设计中,保持好整份PPT风格的统一。

在颜色的选取上,一般可以参考企业的官网或logo的配色运用:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

以科沃斯的官网和LOGO为取色对象,设定蓝色作为主色调,选用几个不同深浅的蓝色,能很好的丰富色彩层次:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

选定了OPPOSans字体用于标题和正文中,OPPOSans系列字体为黑体类型,看起来端正时尚,适用于电子产品的设计中:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

在背景方面,大面积单色色块的使用,看着会比较单调呆板:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

所以我把它换成了颗粒磨砂的背景,同时用一些光影元素修饰,让封面更有质感:广东同事给某家用机器人,做了份PPT!封面页太高级了...

设计规范设定好之后,我们就可以开始页面的优化设计了。

首先来看封面页

封面包含了LOGO和标题这两部分:广东同事给某家用机器人,做了份PPT!封面页太高级了...

既然是产品介绍主题PPT,因此可以将产品加入到封面中,做成左文右图的版式:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

我们先用抠图工具,把产品抠出来,接着换上磨砂纹理的背景:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

此时产品的呈现比较单调,接下来可以思考怎么去丰富展示的方式?

在上一篇的推文中,我有用到展台的形式来承载百雀羚的产品,这样呈现的效果还不错:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

因此这里也打算构建一个室内的场景,来承载展示这个扫地机器人:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

我们可以用两个渐变矩形来实现墙体背景,此外还添加了「胶片颗粒」艺术效果,让背景有现实墙体的颗粒感:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

点击图片可查看细节

而展台元素呢,也可以用不同形状拼接绘制而成:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

接下来,把所有元素放在同一页面上,产品、字体与背景的融合度还是不够,看起来有些僵硬:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

这时只要简单加上阴影效果,就能很好将产品文字融入到画面的光影空间中去:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

最后整体的页面效果看起来也会更加的真实:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

接下来看第二页

这是一张关于扫地机器人的产品对比页面:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

分析文案内容,可以知道主要是分为三点进行对比:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

我们可以先用不同颜色的卡片,来承载和区分信息内容,同时加上不同的产品,增强对比效果:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

然后换上磨砂质感背景,在页面底部叠加一个色块,以此来丰富页面的层次

广东同事给某家用机器人,做了份PPT!封面页太高级了...

为了更有创意和增加页面的设计细节,可以将色块设计成毛玻璃的效果:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

此外,我们可以将项目符号替换成质感按钮元素,这样的页面效果更佳:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

最后再加入光影和植物修饰元素,页面效果还不错吧?

广东同事给某家用机器人,做了份PPT!封面页太高级了...

接着来优化第三页

这是一张图文排版页面,讲述的是APP的特点内容:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

我们先对文字进行排版处理,可以加入图标元素,增强信息可视化:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

手机截图的处理,一般可以将图片套入到手机样机中:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

为了保持风格的统一,延续上一页毛玻璃效果,将图片改用毛玻璃质感矩形来承载:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

接下来,把处理后的文字和图片放在一个页面中,做成左文右图的版式:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

此时页面还是比较单调,我们依旧可以用色块叠底,来增强页面的层次:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

同时将承载图标的圆形,替换成透明玻璃质感的元素,这样会更加的契合页面效果:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

最后加入光影和植物这些视觉延伸元素,这样页面就优化排版完成了:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

最后一页优化

这页是关于产品规格参数的表格排版:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

我们可以先把文字提取出来,继续用图标来可视化信息内容:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

延用上一页的透明玻璃元素来承载图标,这样可以保持视觉上的统一:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

因为是关于产品的规格参数介绍,所以加入产品图片,来进一步增强可视化程度:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

接下来优化产品的呈现效果,把产品抠出来,增加一个投影,这样产品呈现更真实:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

参考封面设计,构建一个产品展示的墙体场景:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

最后把规格参数放置在墙面背景上,看看效果,质感还是挺丰富的~

广东同事给某家用机器人,做了份PPT!封面页太高级了...

好了,以上就是此次的优化思路,我们最后来看下修改前后对比:

广东同事给某家用机器人,做了份PPT!封面页太高级了...

修改前

广东同事给某家用机器人,做了份PPT!封面页太高级了...

修改后

原作者:旁门左道PPT 微信号:pangmenzd 自媒体大咖进驻

发表评论

移动版关于我们联系我们版权声明

PPTfans.cn (PPT设计教程网) ©2012-2020 · 粤ICP备19137043号 · 基于Wordpress · 由peaterq设计&制作 ·网站标签 · 订阅鄂公网安备 42050602000108号

有困难加站长微信
购买咨询电话021-34551883
PPT交流QQ群34597820
iSlide交流QQ群281329348
疑难杂症找站长遇到困难,找站长!