「原型功能」可以让你在设计稿中直接添加交互设计,帮你更清晰地梳理文件流程、构架、模拟用户交互方式。
原型模式
添加交互事件前,首先需要选择「右侧属性面板 -> 原型」进入原型模式。

添加交互事件
选中「画板内图层」或「画板」,可添加交互事件。
- 选中「画板内图层」或「画板」,拖拽交互连线至其他画板上,即可完成交互事件添加;

Tips
除拖拽交互连线至其他画板进行添加外,还可以将交互连线拖拽至「返回上一画板」、「打开外链」事件行为上进行添加。
- 选中「画板内图层」或「画板」,选择「右侧属性面板 -> 添加事件」,并选择事件行为,添加交互事件。

事件行为
事件行为定义了预览时触发交互事件后的指向结果,包括跳转画板、返回上一画板、打开外链。
- 跳转画板:触发交互事件后,跳转至指定画板;
- 返回上一画板:返回进入当前画板的上一个画板;
Tips
示例:用于画板中的「返回」按钮。
- 打开外链:允许打开文件内容之外的外部链接。

修改事件行为

选中交互连线后,在「右侧属性面板 -> 事件行为」处选择其他事件行为进行修改。

删除交互事件
添加交互事件后,如果产品流程进行了修改,可以使用以下任意一种方式删除交互事件:
- 选中交互连线后,使用
⌫
进行删除;
- 选中交互连线后,选择「右侧属性面板 -> 删除事件」进行删除;
- 在画布内,拖拽交互连线到空白处,即可删除该事件。
