Руководство пользователя Отмена

Создание гиперссылок

Узнайте, как создавать ссылки на внешние веб-страницы из прототипов Adobe XD.

Любой текст, объект или компонент вашего дизайна может быть связан с внешней веб-страницей или программой электронной почты. Создав гиперссылку, вы можете просмотреть ее и поделиться спецификациями дизайна с заинтересованными сторонами.

Создать текстовую гиперссылку

Чтобы создать текстовую гиперссылку на веб-страницу или программу электронной почты, выполните действия, описанные ниже.

  1. В режиме «Дизайн» выберите текст внутри текстового фрейма, на который вы хотите добавить гиперссылку.

  2. Выполните действия, описанные ниже, в поле Добавить URL в инспекторе свойств:

    • Чтобы создать ссылку на веб-страницу, введите URL-адрес веб-страницы. Например: https://www.adobe.com.
    • Чтобы создать ссылку на всплывающее окно электронной почты с адресом получателя, введите mailto: и укажите адрес электронной почты получателя. Пример: mailto:john@xyz.com.

    Созданная вами текстовая гиперссылка по умолчанию подчеркнута.

Создав гиперссылку, вы можете редактировать ее в режиме «Дизайн» или «Прототип».

Создание гиперссылки на объект или компонент

Чтобы создать гиперссылку объекта или компонента на веб-страницу или программу электронной почты, выполните действия, описанные ниже.

  1. Переключитесь в режим «Прототип» и выберите объект или компонент, на который вы хотите создать гиперссылку.

  2. Щелкните синюю стрелку на объекте и в инспекторе свойств задайте Триггер, выбрав значение Нажатие, Клавиши и геймпад или Голос.

  3. Выберите Тип действия: Гиперссылка.

  4. В поле Назначение выполните действия, описанные ниже.

    Ссылка на веб-страницу

    Ссылка на веб-страницу
    Ссылка на веб-страницу

    Чтобы создать ссылку на веб-страницу, введите URL-адрес веб-страницы.

    Например: https://www.adobe.com.

    Ссылка для отправки email

    Ссылка для отправки email
    Ссылка для отправки email

    Чтобы создать ссылку на всплывающее окно электронной почты с адресом получателя в поле Кому, введите mailto: и укажите адрес электронной почты получателя. Пример: mailto:john@xyz.com.

  5. Для предварительного просмотра гиперссылки выберите «Предпросмотр на ПК».

    При нажатии на гиперссылку она всегда будет открываться в отдельной вкладке браузера. 

При публикации и распространении ссылок на спецификации дизайна заинтересованные стороны могут просматривать гиперссылки.

На что следует обратить внимание

  • Если вы добавите URL-адрес с протоколом, отличным от https или mailto, например http или без протокола, вы получите предупреждение. Вы можете изменить URL-адрес или выбрать «Продолжить».
  • При нажатии на объект с гиперссылкой в прототипе, который использует http или не содержит протокола, URL-адрес автоматически открывается с протоколом https. Например, при добавлении URL http://www.adobe.com или www.adobe.com отображается ссылка https://www.adobe.com.
  • При нажатии на гиперссылку объекта в прототипе, который использует протокол, отличный от http, https или mailto, например ftp, URL не откроется. Вам пришло уведомление об ошибке в нижней части экрана.
Предупреждение о том, что вы не используете протоколы https или mailto
Предупреждение о том, что вы не используете протоколы https или mailto

Сообщение об ошибке при использовании протокола, отличного от http, https или mailto
Ошибка при использовании протокола, отличного от http, https или mailto

Подробнее

Чтобы узнать больше о работе с гиперссылками в XD, посмотрите это 2-минутное видео.

Связанные ресурсы

Есть вопрос или идея?

обратитесь за помощью в сообщество

Хотите задать вопрос или поделиться идеей? Присоединяйтесь к сообществу Adobe XD. Мы будем рады услышать ваши идеи и увидеть ваши работы!

Получайте помощь быстрее и проще

Новый пользователь?