在 Sketch 中设计并导出到 Axure RP229


Sketch 和 Axure RP 都是功能强大的用户界面 (UI) 设计工具,但它们以不同的方式工作。 Sketch 是一款基于矢量的绘图应用程序,专注于创建视觉设计。 Axure RP 是一款基于原型制作的应用程序,允许用户创建交互式线框和原型。

如果您在 Sketch 中设计了一个原型,并且希望将其导出到 Axure RP,以便可以与团队成员或客户分享,则可以使用以下步骤:

1. 准备您的 Sketch 设计

在导出 Sketch 设计之前,确保以下内容:* 您的设计已完全完成,并且没有未完成的更改。
* 您已创建所有必要的页面和组件。
* 您已经定义了所有元素的交互(例如,单击、悬停和拖放)。

2. 从 Sketch 导出

将 Sketch 设计导出为 Axure RP 的第一步是导出为 SVG 文件。为此,请执行以下步骤:* 选择要导出的页面或组件。
* 转到文件 > 导出 > SVG。
* 在导出设置中,选择“导出为符号”并取消选中“包括页面”。

3. 导入到 Axure RP

导出 SVG 文件后,就可以将其导入 Axure RP。为此,请执行以下步骤:* 在 Axure RP 中,转到文件 > 导入。
* 选择导出的 SVG 文件。
* 在导入设置中,选择“作为布局导入”。

4. 重新创建交互

导入 SVG 文件后,您需要重新创建 Sketch 中定义的交互。为此,请执行以下步骤:* 单击画布上的元素。
* 在属性面板中,转到“交互”选项卡。
* 对于每个交互,选择适当的事件(例如,单击、悬停和拖放)并定义操作。

5. 导出到 Axure RP

重新创建交互后,就可以将原型导出到 Axure RP。为此,请执行以下步骤:* 转到文件 > 导出 > Axure RP。
* 在导出设置中,选择导出范围和格式。

按照这些步骤,您可以将 Sketch 设计导出到 Axure RP,以便与团队成员或客户分享。这允许您利用 Sketch 的强大视觉设计功能和 Axure RP 的交互式原型制作功能。

2024-11-28


上一篇:Sketch 导入 Max 全攻略

下一篇:Sketch 单词记忆技巧:轻松掌握设计软件术语