注释(Annotations)
注释是可以放置在交互组件(触发和响应)之间的文档块,用于提供上下文信息和解释说明。它的作用类似内联注释,直接显示在交互流程中,因此非常适合:
- 为团队交接记录交互逻辑
- 解释复杂的原型行为
- 为开发人员提供实现说明
- 为合作相关方评审添加背景信息
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/0afb035da53fe0b0b09c1ea25609a07483b2ec29-1920x1080.gif/Annotations1.gif)
注释的方法
顶部工具栏
点击在顶部工具栏的注释按钮,即可添加注释。
- 如果选中了交互片段: 在该交互片段下方直接创建 用于触发器级注释或响应级注释。
- 如果没有选中任何内容:将在交互面板的底部创建一个触发器级别的注释。
- 如果选中了图层时:会先取消图层选中状态,并在交互面板的底部创建一个触发器级别的注释
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/79e6b38cab6840f46608667735980cd9de86200f-1920x1080.gif/HoverAnnotation.gif)
交互片段之间
在任意两个交互片段之间悬停,会出现 “+” 按钮,然后选择添加注释,这会在特定位置创建一个响应级别的注释。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/fce07a6cb28fead469ab73af2676aa944b3b8799-1920x1080.gif/TriggerAnotation.gif)
注释级别
注释有两个不同的层次级别。
触发级别
触发器级注释:用于为一组交互提供整体背景说明。这类注释可以通过顶部工具栏创建,或将响应级注释拖动到触发器级来生成。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/715cb1f489fe3e3d9988bdd24e5f2c45b399671f-1920x1080.gif/ResponseAnnotation.gif)
响应级别
嵌套在触发器内部的注释,用于记录特定的响应或交互序列。此类注释可在交互片段之间创建,或通过将“触发器级别的注释”拖拽到某个触发器下方来生成。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/8d415cb196353219a8f668fbb35cfabb4ba921bc-1920x1080.gif/MoveAnnotation.gif)
💡提示:
你可以通过将注释拖动到交互层级中的不同位置,使其在各级别之间快速转换。也可以使用快捷键移动它们:
- 移到上一级:
- Mac:
]或⌥⌘ ] - PC:
]或Ctrl + Alt + ]
- Mac:
- 移到下一级:
- Mac:
[或⌥⌘ [ - PC:
[或Ctrl + Alt + [
- Mac:
编辑注释
点击任意注释即可在属性面板中编辑其内容。注释支持完整的 Markdown 格式,因此可以:
- 添加标题和调整文本格式(加粗、斜体)
- 创建项目列表和表格
- 插入代码块以编写技术说明
- 添加链接连接外部资源
当注释处于编辑状态时,你会看到原始的 Markdown 文本;当你点击其他区域后,内容将以正确的格式呈现。