深入 了解 Sketch 中的原型设计

本文介绍了如何在 Sketch 中创建原型,从选择画板模板开始,详细讲解如何添加交互、自定义过渡动画,以及何时使用热点来扩大可点击区域。通过此指南,读者将能深入了解 Sketch 的原型设计流程。
摘要由CSDN通过智能技术生成

入门

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

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

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

如何添加交互

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

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

自定义您的交互

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值