设计模式下,请在文本对象中选择要为其创建超链接的文本。
了解如何从 Adobe XD 原型链接到外部网页。
您设计中的任何文本、对象或组件都可以链接到外部网页或电子邮件地址。 创建超链接后,您可以预览它,并与利益相关者共享设计规范。
创建文本超链接
要将文本超链接到网页或电子邮件地址,请执行以下步骤:
链接到安全的网页
要链接到一个安全的网页 (https),请键入该网页的 URL。 示例:https://www.adobe.com。
链接到电子邮件地址
要链接到电子邮件地址,请键入 mailto:,后跟收件人的电子邮件地址。 示例:mailto:john@xyz.com。
在设计模式下定义文本超链接后:
- 在画布上,超链接的文本带有下划线。
- 如果只有部分文本超链接,当您在画布上选择文本对象时,您会看到“在此处插入 URL”字段显示破折号 (—)。
- 在原型模式下,如果选择了包含超链接的文本对象,超链接将显示在“属性检查器”中。
- 您可以在设计或原型模式下编辑文本超链接。
创建对象或组件超链接
要将对象或组件超链接到网页或电子邮件地址,请执行以下步骤:
链接到安全的网页
要链接到一个安全的网页 (https),请键入该网页的 URL。 示例:https://www.adobe.com。
链接到电子邮件地址
要链接到电子邮件地址,请键入 mailto:,后跟收件人的电子邮件地址。 示例:mailto:john@xyz.com。
要预览超链接,请单击 桌面预览。
单击超链接时,它将始终在单独的浏览器选项卡中打开。
设计和原型模式下的超链接文本
除了在设计模式下为文本定义超链接外,您还可以在原型模式下为其文本对象定义超链接。 在设计模式下定义的超链接优先于原型模式下的超链接。 在桌面预览或原型链接中:
- 当您单击没有定义超链接的文本部分时,会打开在原型模式下定义的超链接。
- 如果您在设计模式下超链接文本对象中的整个文本,并在原型模式下使用 Tap 触发器超链接文本对象,则原型模式超链接将失效。
XD 应用程序:
- 如果您添加的 URL 具有 https 或 mailto 之外的协议,或不带协议,或 URL 的域无效时,则您将收到警告。 请更正 URL。
桌面预览及原型链接:
- 当您单击具有除 https 或者 mailto 以外的协议、没有协议,或 URL 具有无效域的超链接时,URL 无法打开, 并将在屏幕底部显示一条错误消息。
- 当您单击具有有效域的超链接时,XD 会在链接的网站上强制执行安全检查。 如果安全检查失败,您会收到安全警告。 您可以选择继续或退出 URL。
了解详情
要详细了解如何在 XD 中使用超链接,请观看此视频(时长 3 分钟)。
相关资源
有疑问或想法?
有问题要问或要分享想法? 欢迎加入 Adobe XD 社区。 我们很乐意倾听您的心声并欣赏您的创意作品!