主页

Keynote 讲演原型

设计一个简单的 App

Keynote 讲演原型

在 Keynote 讲演中,创建 app 原型。

本教程预计完成时间:

40 分钟

创建 Keynote 讲演原型。

使用项目演示文稿 Keynote 讲演的“Keynote 讲演原型”部分中提供的空白幻灯片,制作原型。如果需要,可以复制这个幻灯片。

探索 Keynote 讲演工具。

了解以下 Keynote 讲演功能,你或许会在你的 app 中用到。每个小节均以 Affirmations app 作为示例。

添加元素。

添加文本、线条和形状。

第 1 步

要添加文本、线条或形状,请轻点“形状”,然后选择一个元素。

第 2 步

轻点“媒体”,以添加图像、音频、绘画或视频。

第 3 步

要调整形状或图像的大小,将蓝色的角拖动到所需位置即可。

第 4 步

轻点两下形状,以添加文本。

第 5 步

为你的 app 添加所有元素并调整至合适的大小。

仔细构思标题、图像和按钮。

上色。

编辑原型中元素的颜色和透明度。

第 1 步

显示幻灯片导航器。

第 2 步

选择幻灯片并轻点“格式”,即可更改背景。

第 3 步

轻点“背景”,然后选择颜色、渐变色或图像。

第 4 步

轻点“动态”,以添加动态背景。

第 5 步

更改形状的颜色。

轻点一个或多个形状,然后依次轻点“格式”和“填充”。

第 6 步

使用不透明度滑块可调整元素的透明度。

选择元素,轻点“格式”,然后将不透明度滑块滑动到想要的透明度。

第 7 步

使用提供的控件来编辑文本样式。

轻点以选中文本,然后依次轻点“格式”和“文本”。

第 8 步

继续编辑你的原型设计,直到满意为止。

为元素增添交互性。

通过在幻灯片之间添加链接,让你的 app 原型具有交互性。

第 1 步

确定你的 app 是否需要任何过渡或交互操作。

提示

要让你的原型具有交互性,可以使用多个幻灯片来添加或更改元素。

第 2 步

要添加幻灯片,请轻点幻灯片,然后轻点“复制”。

第 3 步

要创建链接,请选择元素,然后选择“链接”。

第 4 步

确定链接的跳转目的地。你可以链接到幻灯片、网页、电子邮件或电话号码。

提示

要让你的原型像 app 一样运行,可以只允许通过链接进行导航。

第 5 步

要选择演示文稿类型,请轻点演示文稿的名称,然后依次轻点“演示文稿选项”和“演示文稿类型”。

第 6 步

轻点“仅链接”。

第 7 步

继续创建幻灯片和链接,直到完成你的 app。添加链接后,轻点“播放”,即可进行测试。

第 8 步

轻点“播放”,并按照所有可能的操作路径查看 app 内容。有没有无法链接到目标位置的情形?如果有,请添加一个链接,以确保用户不会被卡住。

添加动画。

使用动画可添加、增强或移除元素。

第 1 步

要添加动画,请轻点要添加动画效果的元素并选择“动画”。

第 2 步

探索不同的动画选项。

使用“添加构件出现”,可在屏幕上添加元素。

使用“添加动作”,可执行一个动作。

使用“添加构件消失”,可从屏幕上移除元素。

第 3 步

尝试菜单中不同的动画效果,看看哪种效果更适合。

完成后,轻点“返回”

第 4 步

轻点动画并根据你的喜好调整设置,然后轻点“完成”。

提示

如果你使用的是“仅链接”演示文稿类型,动画只会在过渡之后连续播放。

第 5 步

轻点“构件顺序”,以编辑构件设置。

第 6 步

在第一个动画中,轻点“在过渡之后”。

第 7 步

在其他所有动画中,轻点“在构件之后”。

第 8 步

轻点“预览”,以测试你的动画效果。继续编辑,直到 app 的外观得体,功能正常。

即将开始: