用户指南 取消(C)

创建超链接

了解如何从 Adobe XD 原型链接到外部网页。

您的设计中的任何文本、对象或组件都可以链接到外部网页或电子邮件程序。创建超链接后,您可以预览它,并与利益相关者共享设计规范。

创建文本超链接

要将文本超链接到网页或电子邮件程序,请执行以下步骤:

  1. 在设计模式中,在文本容器中选择要为其创建超链接的文本。

  2. 在“属性检查器”的在此处插入 URL 字段中,请执行以下操作:

    • 要链接到一个网页,请键入该网页的 URL。示例:https://www.adobe.com
    • 要链接到带收件人地址的新电子邮件窗口,请键入 mailto:,后跟收件人的电子邮件地址。示例:mailto:john@xyz.com

    默认情况下,您创建的文本超链接带有下划线。

创建超链接后,您可以在设计或原型模式下编辑该超链接。

创建对象或组件超链接

要将对象或组件超链接到网页或电子邮件程序,请执行以下步骤:

  1. 切换到原型模式,然后选择要为其创建超链接的对象或组件。

  2. 单击对象上的蓝色箭头,然后在属性检查器中,将触发器设置为点击按键和游戏手柄语音

  3. 操作类型设置为超链接

  4. 目标字段中,执行以下操作:

    链接到网页

    链接到网页
    链接到网页

    要链接到一个网页,请键入该网页的 URL。

    示例:https://www.adobe.com

    链接到电子邮件

    链接到电子邮件
    链接到电子邮件

    要链接到其中在“收件人”字段中具有收件人地址的一个新的电子邮件窗口,请键入 mailto:,后接收件人的电子邮件地址。示例:mailto:john@xyz.com

  5. 要预览超链接,请单击   桌面预览。

    单击超链接时,它将始终在单独的浏览器选项卡中打开。 

在发布和共享设计规范链接时,利益相关者可以检查超链接。

注意事项

  • 如果您添加的 URL 具有 https mailto 之外的协议(如 http)或不带协议,则您将看到警告。您可以修改 URL 或选择继续使用 URL。
  • 当在原型中单击使用 http 或不使用任何协议的超链接对象时,URL 将自动以 https 协议打开。例如,如果您将 URL 添加为 http://www.adobe.com 或 www.adobe.com,则链接将以 https://www.adobe.com 形式打开。
  • 当在原型中单击使用 httphttpsmailto 之外的协议(如 ftp)的超链接对象时,URL 不打开。并将在屏幕底部显示一条错误消息。
不使用 https 或 mailto 协议时显示的警告
不使用 https 或 mailto 协议时显示的警告

使用 http、https 或 mailto 之外的协议时显示的错误消息
使用 http、https 或 mailto 之外的协议时显示的错误

了解详情

要详细了解如何在 XD 中使用超链接,请观看此视频(时长 2 分钟)。

相关资源

有疑问或想法?

咨询社区

有问题要问或要分享想法?欢迎加入 Adobe XD 社区。我们很乐意倾听您的心声并欣赏您的创意作品!

更快、更轻松地获得帮助

新用户?