用户指南 取消(C)

设计规范导航

了解如何在设计规范链接的不同视图中导航。

通过将交互式原型信息与设计规范相结合,使“共享以开发”链接更加丰富。单击共享链接中的“视图规范”切换图标,在设计规范和原型视图之间切换。  新体验具有以下优势:

  • 如今,设计人员可以通过单个共享链接高效地传达设计意图,并提供开发人员所需的所有资源。
  • 开发人员可以更好地理解交互和预期行为,无需在单独的原型和设计规范链接之间不断切换,从而节省时间。 
  • 开发人员可以轻松地在网格视图和流程视图之间切换以查看设计规范。

网格视图和流程视图

若要全面了解设计流程以及所有画板布局信息,您可以选择在“网格”“流程”视图之间切换。

“网格视图”可高效导航,是画板布局信息的一种简单网格格式,而“流程视图”则保留画板布局及其架构。

要导航到默认“网格视图”请单击左上角的链接名称或网格图标 。要在“网格视图”“流程视图”之间切换,请单击屏幕右上角的流程视图图标。

网格视图
网格视图

流程视图
流程视图

“流程视图”中,您可以进行以下操作:

  • 沟通设计和布局层次结构,以及
  • 将鼠标悬停在画板上以查看其链接的画板。

“网格视图”中,您可以进行以下操作:

  • 查看所有屏幕的缩略图、
  • 查看特定画板的评论数、
  • 根据名称搜索特定画板,以及
  • 查看特定画板的链接屏幕。

请随时分享您对使用 Adobe XD 用户语音新体验的反馈。

规范视图

规范视图会显示画板详细信息,包括使用的颜色、字符样式和目标。您可以使用折叠箭头展开和折叠各个部分。

“属性”面板中,您可以查看以下内容:

  • 画板详细信息,包括该画板中使用的独特颜色和字符样式,以及所链接到的目标画板。
  • 设计的 CSS 代码片段,开发人员可以将其复制并粘贴到自己的代码中。
  • 使用特定颜色和字符样式的实例,将指针悬停在颜色和字符样式上时,您会看到使用这些颜色和字符样式的实例
  • 画板中使用的颜色的十六进制色码和自定义标签。
  • 过渡、混合模式属性、叠加、语音、交互和自动制作动画等各种交互的详细信息。 
  • 与画板相关的评论。 

屏幕的底部有箭头键和主页图标。左箭头键可将您转到上一个画板,右箭头键将您转到下一个画板,而主页图标将您转到“主页”画板。

有关特定于设计规范的键盘快捷键,请参阅键盘快捷键

注意:

只有当设计人员在“资源”面板中提供了颜色标签名称时,您才可查看自定义标签。

规范视图
规范视图

更快、更轻松地获得帮助

新用户?