深入 了解 Sketch 中的原型设计

入门

要开始在 Sketch 中制作原型，您需要一些画板。在这种情况下，使用画板模板比自定义绘制的模板更容易。这是因为模板可以帮助原型播放器了解画板的正确尺寸——这在处理更复杂的原型时会派上用场。但稍后会详细介绍！

您会发现大量内置的 Apple 和Android设备模板，可用于入门。只需按下A并从检查器的下拉列表中选择它们。

不确定如何填充您的画板？看看这些线框示例。

如何添加交互

有了画板后，就该开始链接它们了。交互或链接将图层连接到您要过渡到的画板——也称为目标。这样，如果您在预览原型时单击该层，它将带您到目标画板。

您可以使用其中的任何图层链接画板。要创建交互，请选择图层并按 I。您还可以前往检查器中的“原型”选项卡，然后单击“创建交互”。现在，您会看到一个未放置的链接附加到您的光标，您会注意到我们会在悬停时突出显示任何可链接的画板或图层。剩下要做的就是单击要链接到的画板，然后完成！

自定义您的交互

一旦你设置了你的交互，你就可以为它定义一个过渡动画。您会在检查器的“动画”部分找到多个选项供您选择，但您也可以选择无动画。

如果您希望您的层在原型预览中保持静态，即使您滚动浏览其余内容，您可以选中动画部分正下方的单击后保持滚动位置框。

在检查器的顶部，您还可以使用“目标”下拉菜单来选择要链接到的不同画板——包括“上一个画板”，它总是会带您回到您查看的上一个画板。如果您创建的原型可以从多个其他画板访问单个画板，例如带有后退按钮的屏幕，则此功能非常有用。

热点：它们是什么以及何时使用它们

在某些情况下，您可能会发现向图层添加交互并不能为您提供所需的结果。例如，如果您希望图标或菜单项的可点击区域大于其所在的层，则交互无法做到这一点，但热点可以。

热点允许您在设计的任何部分上绘制目标并将其链接到画板。您可以通过“插入”菜单添加热点，或按 H 开始在“画布”上直接绘制热点。

您还可以通过选择具有交互的层并单击检查器中的“创建热点”图标将交互转换为热点——如果您已经连接了一堆画板但决定稍后需要更改点击区域，则非常方便.