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

家用机器人

点击图片,了解旁友圈618活动详情

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

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

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

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

确定设计规范

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

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

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

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

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

所以我把它换成了颗粒磨砂的背景,同时用一些光影元素修饰,让封面更有质感:

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

首先来看封面页
封面包含了LOGO和标题这两部分:

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

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

此时产品的呈现比较单调,接下来可以思考怎么去丰富展示的方式?
在上一篇的推文中,我有用到展台的形式来承载百雀羚的产品,这样呈现的效果还不错:

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

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

点击图片可查看细节

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

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

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

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

接下来看第二页
这是一张关于扫地机器人的产品对比页面:

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

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

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

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

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

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

接着来优化第三页
这是一张图文排版页面,讲述的是APP的特点内容:

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

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

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

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

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

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

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

最后一页优化
这页是关于产品规格参数的表格排版:

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

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

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

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

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

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

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

修改前

修改后

当然,如果想查看更多优秀PPT作品及设计复盘,欢迎加入旁友圈,加入后,可免费领取超11000页PPT设计灵感手册,以及免费预约PPT初阶训练营一次,还有4门对外售价超460元PPT课程免费学习。
目前,618优惠活动进行中,立减66元。活动结束后,将涨价至429元:

加入须知:
加入社群后,下载知识星球App,微信登陆即可进入社群;
在社群置顶动态,添加运营小姐姐微信,可参与活动抽奖;

▼点击阅读原文,也可以领取优惠券

家用机器人相关文章

版权声明

返回顶部