首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

华为开发者大会除了关注鸿蒙,你更应该关注他们的PPT设计!

8月9日,华为开发者大会于东莞松山湖正式开幕。作为面向全球开发者与合作伙伴的年度盛事,作为设计公司,更关注的是这次会议中的PPT设计,跟着我一起揭秘一下这种大型发布会PPT的设计亮眼之处。

1

根据受众确定风格

01.根据受众确定演讲风格

在发布会过程中我们会看到很多如图中这样的专业图表,或听到“分布式”“loT”“分桥”等专业术语。

为什么他们不把这些专业术语口语化表达呢?因为会议面向的受众群体,这些词汇对开发人员来说很容易理解。

我们在动手做PPT之前,要先明确受众,从而确认演讲的风格;

如果受众都是专业人员,这种学术汇报,那就可以放心的用领域内的专业词汇。

如果演讲面向的是人群纷杂,在语言上就可以口语化,这样观众才有兴趣听下去。

02.根据受众确定配色方案

本次“开发者大会”主要与会人员是程序开发者,可以发现大会PPT的配色与他们常用的软件配色异曲同工,都以暗色系为主色,对比色为辅色。

IntelliJ IDEA软件的界面

不同的颜色,也会让我们有不同的视觉感知和联想;

比如我们看下面这张背景,脑中立马想到乔布斯、苹果。

看到这种蓝色,是不是立马联想到哆啦A梦。

2

程序员喜欢的图表

说到PPT设计,很多人可能和我一样,最头疼的就是图表的美化,这次大会的图表有四个技巧值得借鉴!

01.删删删!图表去噪

我们看这个图表,非常简约干净。

在PPT中插入的图表,自动生成的默认样式很丑,我们如何美化成发布会那样的图表呢?

TIP:在数据前后添加两行“辅助行”

主要要求就是“降噪”。

选中左侧坐标轴,调整最小值

删除左侧的坐标轴和数据辅助线条

选中下方坐标轴,设置成“无线条”

选中数据线,勾选“平滑”线,修改线条颜色和宽度

选中数据线,在“标记”中设置相关参数,具体如下图所示:

选择头尾两处的单独数据点,将数据点格式全部设置成“无”

选择结尾的单独数据点,设置此处的线条格式,具体如下图所示

设置页面背景,修改图表字体颜色,添加文字,做进一步美化

02.复制粘贴就可以做出创意图表

如图所示效果,用PPT也能做出来。

先按前面的教程对图表进行“降噪”处理。

插入自定义矩形,CTRL+C复制

选中数据条,CTRL+V粘贴

修改“间隙宽度”为0

还不清楚的可以查看如下动图:

像发布会PPT中叠加的效果,还需要深度美化,在此就不细细拆解。

有兴趣的可以通过我们线上网课,或者线下的培训课程学习更多PPT技能!

03.用图标代替形状

对于主观不可量化指标,用图标展示效果是很好的。如图中用笑脸和哭脸表示对比效果,既突出了鸿蒙OS系统的厉害,也间接表达了满满的自豪感。

04.善用逻辑关系图表

如图中所示,是多层包含关系图,默认是两层,中心圈内书写关键词,外圈书写或绘画出与中心词相关的关键词。

3

线性图标更精致

如图中所示的图标就是线性图标,与“线性图标”相反的是“面性图标”。

线性图标可以看作由线条构成,面性图标可以看作由色块和线条构成,色块面积较多。

线性图标棱角较分明,能体现事物细节,优雅精致,但缩小后看不清。面形图标可视化效果好,放大后仍能看清,但太死板。

举个例子:

因为发布会使用的都是宽大、高分辨率的LED屏幕,所以用线性图标后,在电脑上看和放到大屏上看,两种效果和感觉是不一样的。

4

图片的处理

01.利用蒙版遮盖图片尺寸的缺陷

制作超宽屏PPT时,很多图片尺寸都是不符的,使用渐变蒙版便可以弥补素材尺寸缺陷。

在照片边缘处取色,然后调整相应透明度和位置即可。

02.使用柔滑边缘让图片与背景更融合

图片柔滑边缘后会和背景更融洽的融合,尤其是对于人物正装图片。

柔化边缘对图片要求较高,如果图片中大部分面积和PPT背景对比较强,会出现过渡生硬的问题,如果加大柔化力度,会丢失很多图片细节

TIP:柔滑力度越大,与背景融合度越高,但是亮度和周围细节会缺失。所以,当对图片细节要求不高时,用柔滑边缘更便捷,如果对图片细节要求高,建议大家还是使用渐变蒙版弥补素材尺寸缺陷。

03.使用样机给图片打造场景感

展示电脑应用或手机APP时使用样机能营造“场景感”,会让观众感觉更真实。

TIP:目前网上的样机素材绝大多数是苹果的公司的产品,像华为的极少,所以在使用样机的时候不要用别家企业的样机,不然就闹笑话了。

5

使用图片边框让页面更有设计感

一页图片较少时,给图片加边框能够增加设计感,也使得页面元素统一。

还有一个好处——防止图片和背景融合。比如下面这张图片,图片背景颜色和PPT背景颜色类似,如果不加框线,就会融进背景,加了框线,能让人立刻明白“这是一个程序界面”。

如果一页图片很多,就没必要加框线了,加了反而会“画蛇添足”,用照片墙,妥妥的!

像前面图片都加了纯色边框,在发布会PPT中有几页对文字加了渐变边框,在满足整体统一原则的基础上进行小幅修改,增加了页面设计感。

6

善用对比

发布会PPT中除了常用的“色彩对比”,此次大会还用到了以下对比方法:

字体颜色+字号对比

明暗对比

拓展一

如果在图片中使用明暗对比+三维旋转,则会营造一种立体感觉,如下图所示:

拓展二

在过渡页中也可以使用字体颜色的明暗对比或透明度对比。如下图所示:

7

平滑切换效果

在分类使用“平滑”

在讲终端分布中使用“平滑”

在架构前后对比图中使用“平滑”

这三处应用中,最让我惊艳的是第三个,很“丝滑”,前后对比增删了哪些内容,用平滑,一目了然,真好!

8

动画效果

01.多次闪烁

演讲者讲这幅图时,由于图中元素比较多,在讲某一部分时就用动画闪烁几次,可以提醒观众“在讲这块内容”,有助于集中观众注意力。

怎么制作这个动画呢?

添加“闪烁”强调效果动画,再设置重复次数即可。

02.路径动画

这一页通过不同车型和赛道的动画形象地比喻了资源精准调度。动画相信大家都会添加,这里我们聊聊其中的细节。

这样一页动画,相信很多人会做成这样。

生活中汽车从起步到稳定行驶再到刹车停止,其速度曲线如下图所示:

这是客观规律。为了追求完美,在PPT动画中可以用“平滑开始”和“平滑结束”来实现。

以上是我们对于此次大会PPT技术拆解,最后总结七个字:

细微之处见真知

PPT设计不是想当然,也不是拍拍脑袋就能做出来的事情,有经验和没经验的做出来的东西一眼就能看出来,专业的设计师每一处细节都隐藏着设计思考和用心。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190815A0MN0V00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券