提起Keynote，相信每位设计师都不陌生，无论是工作答辩还是周会分享会，或是为老板们的演讲提供设计支持等,都有机会接触到。

那么，一场大型发布会级别的Keynote有哪些需要注意和准备的呢？

在此希望通过复盘与思考，把过程中遇到的经验和问题总结出来，为团队的同学遇到同类型项目时提供一个可参考的案例。同时也希望抛砖引玉，能对看到文章的你有些许的帮助和启发。

1/ 项目背景

网易有道在2019年8月6日举行了「成长的色彩」在线教育新品发布会。

重磅发布四款少儿启蒙类课程产品，分别涉足数学、阅读、英语及少儿编程，三款学习型智能硬件产品，包括网易有道词典笔2.0、有道云笔以及有道口袋打印机。

2/视觉执行

由于项目时间比较紧张，为保证顺利推进，关于视觉方面我们进行拆分，开场视频及主视觉由供应商来提案执行，我们内部进行视觉风格确认及整体质量把控。演示Keynote部分由我来负责执行和推进。

简单交代一下开场视频与主视觉部分：

——开场视频故事线

本次发布会的主题是成长的色彩。开场视频描述的是一位小朋友在成长的路上遇到四个小伙伴，即准备发布的四款少儿产品的IP。它们分别是代表数学能力的小狸、代表阅读能力的乐兔，代表英语能力的小猴子以及代表编程能力的机器人。在和它们的交流中成为朋友从而点亮自己四种技能的故事。头上的风车代表技能，也是本次发布会的视觉主元素。

——主视觉

色彩设定是从准备发布的四款App中提取的。

当主视觉确认之后，大色调和元素基本不会变了，这个阶段我们就可以着手开始准备做keynote了

3/演示Keynote

关于发布会的Keynote，我觉得其实是另一纬度的设计，不仅仅是关注版式设计美观而进行的视觉处理，更多的是与演讲者的认知输出高度配合的一种提炼呈现。keynote需要结合演讲内容一起研究才能做好，甚至有时候你得比演讲者更熟悉内容，才能在他的每句停顿、烘托、下一句之前找到需要突出的点进行提炼设计，从挖掘用户需求的思考过程到每个新品的亮相出场方式以及细节展示等，就像是一场精心导演的短片，要吸引观众跟着你节奏进入故事情节。Keynote 就相当于它们的剧本。

——设计开始前「 需要确认的事项 」

1.确认使用工具：

首先要确认演讲者比较习惯用Keynote还是Powerpoint进行演示，以此来决定你使用哪个工具来做。因为过程中会涉及到动效过渡以及特殊效果等，需要在演练的时候配合切换。有可能你用了keynote，最后要用ppt来演示，中间的动画效果等无法直接转换，会浪费很多时间。所以尽量在开始之前就确认一下。

2.确认场地及屏幕尺寸

在项目评估会上要与需求同事确认详细的场地信息。本次发布会是在一家酒店举行，大约有300人参会。共三块屏幕，中间一条超宽幅屏幕，两侧各一块正方形屏幕，会用来返送现场影像。所以我们要做的是中间区域尺寸的keynote，动手前记得要把具体尺寸确认好。

3.确认演讲人数

由于本次发布会涉及的产品比较多，所以是由四位演讲者共同配合完成。有了这个信息，可以预估到必然会做四页演讲者的个人title页，要规划进去，以及要提前考虑到四部分keynote的衔接和统一。

4.确认演讲内容及逐字稿

确认演讲内容方便设计师对内容进行提炼划分，确认逐字稿主要是为了与演讲者的每句话、每个停顿和演示高度配合。

不要没拿到逐字稿就急着动手设计，演讲内容才是核心。有了逐字稿，顺一遍下来基本上你已经对于演讲流程和节奏有了一个清晰的印象。接下来再设计会更能把控整体。

5.确认需要提供支持的部分

拿到演讲内容框架后，要提前确认可能需要提供支持的部分：例如硬件部分的渲染图、拍摄精修图、创意设计图、产品内容视频整合输出的部分等等。这些素材非常重要，决定着keynote整体输出的品质感。这部分是需要发动身边的资源，寻求伙伴们的帮助的，所以尽量提前打招呼，避免临时提需求产生的各种麻烦而影响进度。

——设计进行时「 需要注意的事项 」

1.设定内容形式标准化规范

初版演示内容以及逐字稿都提供到位。

根据演示内容分析，我们需要做两版Keynote，在视觉上是有联系和衔接的，具体到每个部分的内容都是符合相应调性的。

少儿部分：色彩鲜艳、字体童趣、配合圆润元素

硬件部分：科技感、信任感、中性

接下来我们要对两版的keynote进行标准化的设定，大概有以下几部分：

母版定义：背景色+辅助元素

构图定义：拉辅助线确认内容展示区域

字体字号字重及高亮规范：

元素池设定：

硬件部分背景设定：

依然是蓝色系，只是在少儿蓝的基础上调低饱和度和明度做配合

2.超过90%的发布会都会使用深色系背景

当你google搜索发布会图片时，会发现基本上整屏的图片都是深色模式。众所周知，发布会大多都会在在光线较暗的会场配合灯光等效果烘托氛围，且发布会的时长至少都是2小时起。在这样的环境下背景色就至关重要了，尽量杜绝白色、浅色背景做主色调，它与会场光线的强烈反差容易造成视觉疲劳难以集中注意力。

3.背景色与文字色有明显区分

很明显的例子，图一的浅色系背景配合白色字在现场的效果几乎是无法识别文字的状态。这就是我们需要考虑的应用场景问题，或许在电脑上看是清晰可识别的，但是在发布会现场，考虑到屏幕、距离、光线、拍摄角度、二次传播对图片的压缩等多种问题，还是要把背景色与文字做明显的颜色区分比较好。

4.文字在居中的基础上，上移一些

由于演讲者的站立位置多少会对文字有所遮挡，且对于前排观众的影响更大些。考虑到观看体验，尽量把所有页面的居中文字都上移一些。以<时间的朋友>发布会为例，在前排这个机位，罗老师几乎能遮挡1/2的屏幕。

5.使用更高品质的图片

不要吝啬展示各种高清精致的产品图片，相较于文字来说，观众更喜欢看图片。

以有道翻译王和有道词典笔2.0为例，精致的创意图片会给观众带来更直观的视觉冲击，能够加深印象。但这类的展示图片拍摄与精修是需要时间周期的，所以需要提前做规划，寻找合适的拍摄团队沟通创意和需求。

6.每页只表达一个观点

尽量不要在一个页面展示多个信息，以及大篇幅的内容。不利于记忆也会显得杂乱。

你会发现诸如苹果发布会、锤子发布会这些，它每页幻灯片只表达一个观点。对观众来说更容易带入情境，而留白也更容易让重点聚焦。这是演讲型发布会keynote的特点。

7.用视觉语言来表达抽象的产品功能

很多时候我们需要呈现的内容信息都是比较抽象无法用拍摄图片展示的，

这时候就需要构思创意的视觉呈现方式当成一张海报去做，而不是枯燥的罗列功能点。

8.与演讲者商讨内容出现以及动效配合方式

恰当的动画会对演示起到锦上添花的作用，也让重点强调的内容能够更突出。在排练时最好与演讲者逐页逐个动效过一遍，了解他预期的演示节奏，比如点按一下出一个效果还是点按一下自动播放本页所有效果等细节。

9.用Keynote功能来达成你要的动态效果

关于keynote，请一定记住这几个词。神奇移动、渐隐渐显、构件出现、构件消失、构件顺序。

这几乎是灵魂了。

a.渐隐渐现

转场时使用渐隐渐现能够让每个幻灯片之间更柔和的过渡，对比一下：

b.神奇移动

神奇移动的原理就是能让相邻两页中相同的字符、元素实现完美的动画过渡。

c.构件

由构件出现、构件消失和构件顺序可以实现N种动画效果来配合演示：

当然，每个功能都需要服务于你所要表达的内容，不要为了追求视觉效果，而滥用动效。

10.掌握演示节奏，营造轻松氛围

要掌控文字、视频、图片的穿插节奏，而不是一直用相同节奏的文字罗列产品功能点。让观众处在变化的展示中，制造一个轻松愉快的体验。以有道翻译王发布会举例，在讲述了大部分产品功能之后，插入一个小笑点，迅速抓回观众的注意力，也活跃了现场气氛。

4/ 项目小结

1.做好准备进行无数次的修改和调整

发布会级别的演讲，内容可能需要反复打磨无数次，不排除整体做完的内容又被全盘推翻的情况。所以我们要做的就是提前设定好内容规范化的模版形式并确定，这部分定了整个调性就不会有大变化了，具体到每页的内容变化和修改只能是最大程度的去配合，对于新增或修改的文案内容，高效的进行拆解，提供视觉解决方案。相信每个做完一场发布会keynote的设计师，文件夹里都默默躺着一堆命名为最最最最终版本再也不改的文件。

2.视频嵌入keynote会导致卡顿问题

发布会中会有很多呈现产品的视频，且为了更好的沉浸式体验都做成了超宽幅的满屏尺寸，这带来一个问题就是文件过大。视频整体嵌入keynote后在演示过程中会出现卡顿、掉帧的情况，综合考虑后我们决定把视频部分从keynote里拆分出来，单独由控台播放。

3.现场测试非常重要

很多问题都是现场测试了才发现的，例如视频卡顿、文字偏下有遮挡等。有条件的情况下尽量提早去现场，为修改调整留足时间。另外，如果有需要演讲者与控台配合的部分，一定要确认清楚并提醒告知双方需要注意的点。

4.转接设备和翻页遥控器

如果发布会现场需要用你自己的电脑进行投影，记得提前带好转接设备；如果用现场工作人员的电脑，记得拷贝好keynote中所需要的字体安装在相应的电脑上以免呈现效果有变化。

关于翻页，也是看演讲者个人的喜好，如果肢体语言丰富，希望解放双手，那就需要有工作人员聚精会神的配合翻页了。如果习惯自己掌握节奏，就提前跟遥控器熟悉一下，接下来共同完成配合了。

感谢阅读，以上就是关于本次发布会Keynote设计我总结的一些经验。写的过程也是断断续续。写总结可比做设计费劲多了，我太南了，哈哈哈。但还是希望能整理成一篇完整的输出，有不妥的地方欢迎批评指正。

感谢所有为本次发布会设计提供支持的同事们。接下来继续，总结、复盘、前进。

——

Tips：

以上部分案例图片由网络获得，侵删。

有道翻译王部分案例是由我团队严老师设计的。

本文由 @VICKY_RR 原创发布于UI中国。未经许可，禁止转载。感谢您的合作。