即时设计教程 • 原型功能

「原型功能」可以让你在设计稿中直接添加交互设计,帮你更清晰地梳理文件流程、构架、模拟用户交互方式。

原型模式

添加交互事件前,首先需要选择「右侧属性面板 -> 原型」进入原型模式。


 

添加交互事件

选中「画板内图层」或「画板」,可添加交互事件。

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


 

Tips
除拖拽交互连线至其他画板进行添加外,还可以将交互连线拖拽至「返回上一画板」、「打开外链」事件行为上进行添加。

 

  • 选中「画板内图层」或「画板」,选择「右侧属性面板 -> 添加事件」,并选择事件行为,添加交互事件。


 

事件行为

事件行为定义了预览时触发交互事件后的指向结果,包括跳转画板、返回上一画板、打开外链。

  • 跳转画板:触发交互事件后,跳转至指定画板;
  • 返回上一画板:返回进入当前画板的上一个画板;

    Tips
    示例:用于画板中的「返回」按钮。

  • 打开外链:允许打开文件内容之外的外部链接。


 

修改事件行为

  • 在画布内,拖拽交互连线到其他事件行为上,即可修改该事件行为。


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

 

删除交互事件

添加交互事件后,如果产品流程进行了修改,可以使用以下任意一种方式删除交互事件:

  • 选中交互连线后,使用进行删除;
  • 选中交互连线后,选择「右侧属性面板 -> 删除事件」进行删除;
  • 在画布内,拖拽交互连线到空白处,即可删除该事件。