找回密码
 注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

查看: 1454|回复: 1

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

[复制链接]

普通卖家

2336

主题

4706

帖子

21万

锐币

积分
35767
rapidppt卖家认证 微竞赛 发表于 2019-8-16 10:45:16 | 显示全部楼层 |阅读模式
8月9日,华为开发者大会于东莞松山湖正式开幕。作为面向全球开发者与合作伙伴的年度盛事,作为设计公司,更关注的是这次会议中的PPT设计,跟着我一起揭秘一下这种大型发布会PPT的设计亮眼之处。

1.webp.jpg 2.webp.jpg


1
根据受众确定风格01.根据受众确定演讲风格
在发布会过程中我们会看到很多如图中这样的专业图表,或听到“分布式”“loT”“分桥”等专业术语。为什么他们不把这些专业术语口语化表达呢?因为会议面向的受众群体,这些词汇对开发人员来说很容易理解。 3.gif
我们在动手做PPT之前,要先明确受众,从而确认演讲的风格;如果受众都是专业人员,这种学术汇报,那就可以放心的用领域内的专业词汇。如果演讲面向的是人群纷杂,在语言上就可以口语化,这样观众才有兴趣听下去。

4.webp.jpg
02.根据受众确定配色方案
本次“开发者大会”主要与会人员是程序开发者,可以发现大会PPT的配色与他们常用的软件配色异曲同工,都以暗色系为主色,对比色为辅色。 5.webp.jpg IntelliJ IDEA 软件的界面


6.gif
不同的颜色,也会让我们有不同的视觉感知和联想;
比如我们看下面这张背景,脑中立马想到乔布斯、苹果。

7.webp.jpg
看到这种蓝色,是不是立马联想到哆啦A梦。
8.webp.jpg

2
程序员喜欢的图表
说到PPT设计,很多人可能和我一样,最头疼的就是图表的美化,这次大会的图表有四个技巧值得借鉴!
01.删删删!图表去噪
我们看这个图表,非常简约干净。

9.webp.jpg
在PPT中插入的图表,自动生成的默认样式很丑,我们如何美化成发布会那样的图表呢?
10.webp.jpg TIP:在数据前后添加两行“辅助行”
主要要求就是“降噪”。
选中左侧坐标轴,调整最小值

11.webp.jpg
删除左侧的坐标轴和数据辅助线条

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

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

14.webp.jpg

  选中数据线,在“标记”中设置相关参数,具体如下图所示:
15.webp.jpg
  选择头尾两处的单独数据点,将数据点格式全部设置成“无”
16.webp.jpg
  选择结尾的单独数据点,设置此处的线条格式,具体如下图所示
17.webp.jpg
设置页面背景,修改图表字体颜色,添加文字,做进一步美化

18.webp.jpg

02.复制粘贴就可以做出创意图表
如图所示效果,用PPT也能做出来。
19.webp.jpg

先按前面的教程对图表进行“降噪”处理。
20.webp.jpg
插入自定义矩形,CTRL+C复制

选中数据条,CTRL+V粘贴

修改“间隙宽度”为0
21.webp.jpg
还不清楚的可以查看如下动图:
22.gif
像发布会PPT中叠加的效果,还需要深度美化,在此就不细细拆解。有兴趣的可以通过我们线上网课,或者线下的培训课程学习更多PPT技能!
03.用图标代替形状
对于主观不可量化指标,用图标展示效果是很好的。如图中用笑脸和哭脸表示对比效果,既突出了鸿蒙OS系统的厉害,也间接表达了满满的自豪感。 23.webp.jpg


04.善用逻辑关系图表

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


3线性图标更精致

如图中所示的图标就是线性图标,与“线性图标”相反的是“面性图标”。
28.webp.jpg
线性图标可以看作由线条构成,面性图标可以看作由色块和线条构成,色块面积较多。

29.gif
线性图标棱角较分明,能体现事物细节,优雅精致,但缩小后看不清。面形图标可视化效果好,放大后仍能看清,但太死板。
举个例子:
30.webp.jpg
因为发布会使用的都是宽大、高分辨率的LED屏幕,所以用线性图标后,在电脑上看和放到大屏上看,两种效果和感觉是不一样的。
31.webp.jpg

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

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

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

34.webp.jpg

35.webp.jpg

蒙版技巧,可参考:无论趋势怎么变,掌握了PPT蒙版,就不怕设计过时~

02.使用柔滑边缘让图片与背景更融合
图片柔滑边缘后会和背景更融洽的融合,尤其是对于人物正装图片。
36.gif


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

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

03.使用样机给图片打造场景感
展示电脑应用或手机APP时使用样机能营造“场景感”,会让观众感觉更真实。
38.webp.jpg
TIP:目前网上的样机素材绝大多数是苹果的公司的产品,像华为的极少,所以在使用样机的时候不要用别家企业的样机,不然就闹笑话了。



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

39.gif
一页图片较少时,给图片加边框能够增加设计感,也使得页面元素统一。
还有一个好处——防止图片和背景融合。比如下面这张图片,图片背景颜色和PPT背景颜色类似,如果不加框线,就会融进背景,加了框线,能让人立刻明白“这是一个程序界面”。

40.webp.jpg

如果一页图片很多,就没必要加框线了,加了反而会“画蛇添足”,用照片,妥妥的!
41.webp.jpg
42.webp.jpg
像前面图片都加了纯色边框,在发布会PPT中有几页对文字加了渐变边框,在满足整体统一原则的基础上进行小幅修改,增加了页面设计感。

6善用对比
发布会PPT中除了常用的“色彩对比”,此次大会还用到了以下对比方法:
43.webp.jpg 字体颜色+字号对比
44.webp.jpg 明暗对比

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

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


7平滑切换效果
47.gif

在分类使用“平滑”


48.gif

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

49.gif

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

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


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

50.gif 51.gif

怎么制作这个动画呢?

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

52.webp.jpg


02.路径动画

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

这样一页动画,相信很多人会做成这样。 54.gif 生活中汽车从起步到稳定行驶再到刹车停止,其速度曲线如下图所示:

55.webp.jpg

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

56.gif


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

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

如果您想欣赏锐普更多高端PPT定制案例,点击https://www.rapidesign.cn/,直达锐普PPT官网查看~

如果您需要定制PPT或者学习PPT,可以拨打电话4006018802联系我们呦



锐普PPT-专注高端PPT设计! http://www.rapidppt.com
回复

使用道具 举报

0

主题

89

帖子

740

锐币

积分
449
langcainv 发表于 2019-9-30 13:28:09 | 显示全部楼层
多谢楼主分享啊
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

展开
快速回复 返回顶部 返回列表
展开