苹果发表会比拟成舞台剧的话，那么贯穿全场的Keynote就是它们的剧本

从邀请函、每个新品的出场到结尾歌手的倾情表演。苹果发表会似乎都是一场精心设计的「舞台剧」，吸引着台下的观众跟着它们的节奏，听它们讲故事。假如把苹果发表会比拟成舞台剧的话，那么贯穿全场的Keynote就是它们的剧本。

今天就带大家一起解析历届苹果发表会Keynote 作法，教你玩透Keynote!

懒人目录

苹果的Keynote 有什么模式

电影级的流畅动画

教你玩透神奇移动

还有这些加分的Keynote 使用技巧，拿走不谢

苹果的Keynote 有什么套路

严格遵守四原则

在《写给大家看的设计书》中，Robin Williams 将复杂的设计原理归纳为亲密性、对齐、重复和对比4 个基本原则。我们将这四个原则套入到苹果发表会的Keynote 中，帮助大家更好地厘清制作的逻辑。

亲密性：亲密性表现在将相关的项组织在一起，包括物理位置的相近、整体风格的统一，使其成为一个视觉单元，达到一致性。

对齐：找一条明确的对齐线，并坚持以其为基准进行对齐，包括文字对齐、图片对齐、元素对齐等等。

对比：透过多种方式实现有效的对比，有效就意味着要突出。

这一点在苹果凸显产品细节的时候能够很好的看到，利用单独一页来突出放大介绍产品的细节。

又或者是用外发光的色块来突出某一个部件，用线条引出对应的讯息。

或者用「拆解」的方式放大某个零件。

重复：设计的某些方面需要在整个作品中重复，重复的本质是「一致性」。

苹果风=极简风，不管是苹果官网、还是发表会中使用的演示Keynote，你都可以看到苹果强迫症式的一致极简设计。

1. 背景统一

从贾伯斯固定使用的深蓝色渐变背景到现在库克常用的全黑色背景，统一的字体，大面积的留白，我们的都可以看到这种整体风格的亲密性带来的愉悦。

▲ 新建Keynote ，可以在预设看到贾伯斯固定使用的蓝黑渐变模板

2. 居中构图

3. 平铺排列

4. 字体统一

从Myriad 到自己设计的San Francisco ，无衬线的字体显得更加简洁。在iPad 介绍部分也会采用了具有手写风格的字体。

我们还为你们整理出了苹果发表会的一些排版「招数」：

1. 关于数据展示，采用各种视觉化的方式表达数据。

▲ 在2018 WWDC 上用一张一千亿美元的支票。

而在和以往单品对比上，也用所见即所得的方式，代替了枯燥的数据。

2. 关于产品功能列表，不管是现场进行Memoji Facetime，还是为了展示Apple Watch 功能，把电动脚踏车搬上舞台，都让你所见即所得。

3. Slogan 或者关键点的展示，换成了各种填充背景的字体做突出展示。

总结：

少即是多：一页就是一个主题，主要靠展示者透过现场演讲进行丰富。

所见即所得：实景操作、用更加视觉化的形式表现数据、表现功能。

讲一个故事：用兴趣的朋友可以去啃一啃《贾伯斯的魔力演讲》这本书。

而除了排版风格、整体配色上的一致性， Keynote 的动画也极具表现力和感染力。

▲闪亮出场的轰炸效果

▲ 顺畅过渡神奇移动

而这些动画的实现，全靠Keynote 内建的动画效果。向刚才展示的，神奇移动是每次发表会的固定「嘉宾」。今天让我们一起来看看神奇移动如何实现。

手把手教你玩转神奇移动

神奇移动，官方解释是「将创建对像从一张幻灯片的位置移到下一张幻灯片的新位置的效果」。

所以在制作的过程中，需要固定一个对象。让我们用爱范儿的logo 来试一下，我们选定了爱范儿及AppSo 两个logo 作为固定元素，插入到第一张幻灯片中。

在第二张幻灯片中改变固定元素的位置大小，并且第一张幻灯片的动画效果上选择「神奇移动」，匹配选项选择「对象」，即可看到改变位置神奇移动的效果。

▲ 改变位置的神奇移动效果

同理，你还可以在第三张幻灯片中，将爱范儿单独拎出来放大，达到改变大小的神奇移动效果。

▲ 改变大小的神奇移动效果

透过位置和大小的变化，你可以实现从整齐排列到发散的流畅效果，反之亦可。

你还可以用来聚焦某个局部，或者是放散到整体：

除了匹配对象，你还可以匹配单词和字符，用来表示缩写。在第一张幻灯片输入字符，然后在第二张幻灯片进行字符的缩写。

选择按「字符」的匹配方式，就可以达到以下的效果。

神奇移动制作的要诀就是选好固定要素，设计变化规则。

除了神奇移动，在刚结束的10 月发表会开头，苹果为我们展示了300 多种形态的苹果icon，我们也尝试用Keynote 做了简易版的同款。

首先需要制作一个镂空的遮罩层，然后可以在背后插入图片或者影片。

你就可以制作一个像这样的遮罩影片。

▲ 苹果Share You Gift 广告片

同理，你可以插入多个图片，并设定各个背景图片的出场顺序，自己做一个渲染背景的效果。

实际上，Keynote 还有很多值得把玩的过渡动态和自定义动画效果，透过构件出现、动作、消失以及各个构件的顺序，延续的时间、出场的规则，你可以用Keynote 做出非常酷炫的动画，例如iPhone 7/Plus 发表的快闪广告。

还有这些加分的Keynote 使用技巧，拿走不谢

在我们模仿苹果发表会的过程中，也为你整理一些能帮你快速制作的技巧，在实际过程中也非常实用好用，拿走不谢。

1. 自定义模板保证统一性

为了保持制作过程中的统一性，你可以预设整体风格，对于文字大小、固定元素也可以在右边的样式框里进行预设，在使用过程中，点击即可使用，非常便捷。

▲ Keynote 样式功能

2. 快速对齐模式保证对齐性

多个元素之间的排列，都可以点击这里进行选择。

▲ Keynote 对齐功能

3. 善用阴影，制造层次感。

你可以自订Keynote 图片的阴影功能，阴影类型中的接触阴影可以用来展现产品与其他元素的层次感。

▲ Keynote 图片阴影功能

4. 一键导出影片

制作完绚丽的动态效果，你可以直接点击导出为iMovie，就可以保存为影片模式，分享给更多的人。