MenuToggle Menu

注释(Annotations)

注释是可以放置在交互组件(触发和响应)之间的文档块,用于提供上下文信息和解释说明。它的作用类似内联注释,直接显示在交互流程中,因此非常适合:

  • 为团队交接记录交互逻辑
  • 解释复杂的原型行为
  • 为开发人员提供实现说明
  • 为合作相关方评审添加背景信息
[object Object]

注释的方法

顶部工具栏

点击在顶部工具栏的注释按钮,即可添加注释。

  • 如果选中了交互片段: 在该交互片段下方直接创建 用于触发器级注释或响应级注释。
  • 如果没有选中任何内容:将在交互面板的底部创建一个触发器级别的注释。
  • 如果选中了图层时:会先取消图层选中状态,并在交互面板的底部创建一个触发器级别的注释
[object Object]

交互片段之间

在任意两个交互片段之间悬停,会出现 “+” 按钮,然后选择添加注释,这会在特定位置创建一个响应级别的注释。

[object Object]

注释级别

注释有两个不同的层次级别。

触发级别

触发器级注释:用于为一组交互提供整体背景说明。这类注释可以通过顶部工具栏创建,或将响应级注释拖动到触发器级来生成。

[object Object]

响应级别

嵌套在触发器内部的注释,用于记录特定的响应或交互序列。此类注释可在交互片段之间创建,或通过将“触发器级别的注释”拖拽到某个触发器下方来生成。

[object Object]

💡提示:

你可以通过将注释拖动到交互层级中的不同位置,使其在各级别之间快速转换。也可以使用快捷键移动它们:

  • 移到上一级:
    • Mac:] 或 ⌥⌘ ]
    • PC:] 或 Ctrl + Alt + ]
  • 移到下一级:
    • Mac:[ 或 ⌥⌘ [
    • PC:[ 或 Ctrl + Alt + [

编辑注释

点击任意注释即可在属性面板中编辑其内容。注释支持完整的 Markdown 格式,因此可以:

  • 添加标题和调整文本格式(加粗、斜体)
  • 创建项目列表和表格
  • 插入代码块以编写技术说明
  • 添加链接连接外部资源

当注释处于编辑状态时,你会看到原始的 Markdown 文本;当你点击其他区域后,内容将以正确的格式呈现。

Back To Top