Keynote不只是做PPT的
很多人不知道,Keynote有一个”隐藏身份”——轻量级原型工具。
如果你做过产品Demo演示——给投资人看App操作流程、给客户看软件功能——你应该知道传统做法有多痛苦:要么录屏(一堆误操作),要么静态截图(不生动),要么用Figma做动效原型(要学新工具)。
Keynote恰好可以解决这个问题。下面是从简到繁的三个方案。
方案一:屏幕录制 + Keynote包装(5分钟搞定)
适合场景:你现在就要给别人看一个App功能。
- 打开QuickTime → 文件 → 新建屏幕录制 → 录制你在App上的操作
- 把录好的视频拖进Keynote
- 裁剪掉不需要的部分(Keynote内置视频裁剪)
- 给视频加一个手机壳的边框图片(去网上搜”iPhone mockup PNG”)
- 加标注文字——“点击这里”、箭头指向关键按钮
为什么比直接放视频强?
直接放视频,观众看的是”有人在操作一个App”。加了手机壳边框+标注后,观众看的是”一个产品的演示”。仪式感不一样。
还可以利用Keynote的”即时Alpha”功能去掉视频背景,把操作区域抠出来——效果更精致。
方案二:截屏序列 + Magic Move(15分钟,但效果好10倍)
视频的问题是:不够可控。你在讲解的时候想停在一个页面多讲两句——视频还在跑。
所以更好的方案是:用截图模拟交互。
- 把你App的关键页面截图(5-8张)
- 每张截图放一页Keynote,用”手机壳框”统一包装
- 在页面之间用Magic Move过渡
- 截图之间的连接处加点击动画——模拟按钮被按下的效果
Magic Move的妙用:你可以在两张截图之间插入过渡元素。比如”点击搜索按钮”→ 下一页用Magic Move把搜索框放大、键盘弹出来。
观众看到的是:一个流畅的App操作流程。实际上呢?全是静态截图+过渡动画。但效果比真录屏还好。
方案三:完全Keynote原生复刻(1-2小时,专业级Demo)
如果你的App还在设计阶段(没有可录屏的版本),或者你觉得真实截图还不够好看——直接在Keynote里”画”App。
你可能会觉得这很难。实际上不难:
- 背景:用Keynote的圆角矩形画手机屏幕,填白色
- 状态栏:一个矩形 + 时间文字
- 导航栏:矩形 + 文字 + 返回箭头(用线条画)
- 列表:重复的矩形+文字组
- 按钮:圆角矩形 + 文字
Keynote的”形状”工具足够丰富——矩形、圆形、箭头、星形。排列用”对齐”和”分布”,间距精确到像素。
然后加上构件顺序:先出现导航栏,再出现列表,逐行动画淡入——模拟App加载效果。
我在一个创业团队看到他们用这个方法做融资Demo。投资人看完说”你们App做得不错”——他们根本不知道那是Keynote画的。
三个方案的适用场景
| 方案 | 耗时 | 适用场景 |
|---|---|---|
| 录屏+包装 | 5分钟 | 内部评审、快速沟通 |
| 截图+Magic Move | 15分钟 | 客户演示、产品宣讲 |
| 原生复刻 | 1-2小时 | 融资路演、发布会 |
一个加分技巧:录旁白
做完幻灯片后,Keynote支持”录制幻灯片放映”——你一边翻页一边讲,Keynote把你的声音和翻页节奏一起录下来。
然后导出为视频。这样即使你不能现场讲,对方看到的是一个带旁白的自动播放Demo。
导出路径:文件 → 导出到 → 影片 → 选择”使用录制的时间”。分辨率选1080p,格式选MP4。
最后
Keynote做产品Demo这件事,核心思路是:用静态元素 + 过渡动画 = 模拟交互。
你不需要真的做一个能点点点的原型。你只需要让观众”觉得”他们在看一个真实的产品。这个”觉得”就是Magic Move和构件顺序的魔力。
下次做产品演示,别急着打开录屏——先想想Keynote能不能做得更好看。