苹果WWDC19开发者大会PPT

前两天苹果召开了WWDC19开发者大会,即便你没有看发布会,可能会见到过这张海报。

众所周知,苹果公司是科技圈做发布会PPT最棒的公司之一,相较于之前的发布会而言,这一次的发布会PPT有哪些设计的亮点呢?

1、采用了霓虹灯的设计风格

从这一次大会的主kv中,我们就会发现,这些小图标的设计处理都是有霓虹灯效果的。为了能够与主kv保持一致,PPT的设计也采用了这种风格。

这不仅在视觉上保持了整体风格的统一,而且相较于无效果的设计而言,霓虹灯效果的使用也让PPT的设计有了更多的细节。

除此之外,在很多平面设计作品中,也越来越多地使用了霓虹灯光效设计。

那么霓虹灯的效果是怎么做出来的呢?其实非常简单,只要做到这两点:整体发光、底部阴影

第一个方面很好理解,第二点什么意思呢?大家可以想象一下,当一个发光的物体出现在平面上的时候,自然就会有影子,不然就违反物理规律了。解释清楚这一点之后,通过一个实际的案例来操作演示一下。

如果要为它添加霓虹灯效果,只需要添加上发光和阴影效果就够了。

非常简单,做出的成品会有一种淡淡的光晕感。

不过,这里有3点要注意:

(1)发光效果的半径不要过大,尽量不要超过5,不然会显得很廉价。
(2)元素只能保留边框,而不能进行颜色填充。
(3)背景必须是深色的,营造夜晚的感觉。

 

2、文字采用了切口处理

相信看过这次发布会的用户都知道,PPT中使用的文字并非完整的,而是有切口。

这也是一个很巧妙的文字细节处理,可以让文字更像图形符号,更具设计感。

切口的效果是怎么做的呢?很简单,只需要用到PPT中的一个基础功能,幻灯片背景填充。

简单看一个案例,比如这个简单的封面,大家可以看到文字中的笔画细节。

断点是怎么做的呢?在笔画处添加一些色块,然后把它设置为背景填充即可。

当然这个案例是纯色背景,直接对其进行颜色修改也可以完成。

如果背景是图片呢?那必须使用这个方法了。再来看一个案例,比如这个,文字的接缝处有很多断点,一样也是用到了幻灯片背景填充。

首先插入图片后,选择剪切。

接下来选择背景填充中的图片或纹理填充,来源选择剪贴板。

然后输入文字,并且在文字的笔画处添加上一些色块。

最后只需要把这些色块的填充,修改为幻灯片背景填充即可。

这就是通过一些细微的处理,让画面更具细节。当然切口效果的处理,在PPT制作中还可以有更多的使用场景。比如可以做成这样。

或者是这样。

这个是如何进行幻灯片背景填充的呢?把切口处的色块标出来,大家就会明白了。

 

3、使用缩放动画进行细节展示

这是一次苹果开发者的大会,因此经常会需要突出展示软件中的某个功能,就像这样。

当介绍完这个功能后,又把它放回到了界面上。

这个动画是怎么完成的呢?其实操作难度并不大,先来简单的介绍一下它的实现原理。这是一个实用性很强的缩放组合动画,包含两个部分。

中间需要突出的区域,需要让它缩小的同时回到界面的原始位置中,而底部的界面淡出即可。

反之,如果想让元素被凸显出来同时界面消失,只需要把上面的过程反过来就好。

来看一个例子,比如要介绍一款空调产品,先以大图的形式对其展现,然后将其放在房间中的某个特定位置,就可以使用这个组合动画。

具体的步骤拆分解构一下。空调的大小由原始大小缩小为75%,并且为了缩放的过程更加自然,可以添加平滑结束。

另外在缩小的过程中还要改变位置,所以还需要添加一个直线动画。

最后只需要设置背景图片淡出即可。

这里有一个小的技巧,在进行元素大小缩放时,为了能更加精准,可以先手动地计算出扩大150%,或者缩小50%后的尺寸,这样在进行缩放参数的设置时会更加方便。

来看个例子,比如把左边的大正方形缩小50%,变成右侧的小正方形,可以提前计算好相应的尺寸,再进行缩放参数设置即可。

好了,以上就是这场发布会中印象较深的几个点,希望对大家有帮助。