设计一个简单的 App
Keynote 讲演原型
在 Keynote 讲演中,创建 app 原型。
本教程预计完成时间:
40 分钟
在 Keynote 讲演中,创建 app 原型。
本教程预计完成时间:
40 分钟
使用项目演示文稿 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 的外观得体,功能正常。
即将开始: