В режиме «Дизайн» выберите текст внутри текстового объекта, на который вы хотите добавить гиперссылку.
Последнее обновление
21 мар. 2022 г.
Узнайте, как создавать ссылки на внешние веб-страницы из прототипов 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.
Для предварительного просмотра гиперссылки выберите «Предпросмотр на ПК».
При нажатии на гиперссылку она всегда будет открываться в отдельной вкладке браузера.
При публикации и распространении ссылок на спецификации дизайна заинтересованные стороны могут просматривать гиперссылки.
Текст гиперссылки в режимах «Дизайн» и «Прототип»
В дополнение к определению гиперссылки для текста в режиме «Дизайн» вы можете определить гиперссылку для его текстового объекта в режиме «Прототип». Гиперссылка, определенная в режиме «Дизайн», имеет приоритет над гиперссылкой в режиме «Прототип». В предпросмотре на ПК или в ссылке на прототип:
- Если нажать часть текста, не имеющую определенных гиперссылок, откроется гиперссылка, определенная в режиме «Прототип».
- Если вы оформите весь текст в текстовом объекте как гиперссылку в режиме «Дизайн» и сделаете гиперссылку для текстового объекта в режиме «Прототип» с помощью триггера «Касание», гиперссылка в режиме «Прототип» не будет работать.
Приложение XD:
- Если вы добавите URL-адрес с протоколом, отличным от https или mailto, или без протокола, или с недопустимым доменом, появится предупреждение. Исправьте URL-адрес.
Предпросмотр на ПК и ссылка на прототип:
- Если нажать гиперссылку с протоколом, отличным от https или mailto, или без протокола, или с недопустимым доменом URL-адреса, этот URL-адрес не откроется. Вы увидите сообщение об ошибке в нижней части экрана.
- При нажатии гиперссылки с действительным доменом XD принудительно выполняет проверку безопасности на веб-сайте, на который ведет ссылка. Если проверка безопасности не пройдена, вы увидите предупреждение системы безопасности. Вы можете продолжить или выйти из URL-адреса.
Подробнее
Чтобы узнать больше о работе с гиперссылками в XD, посмотрите это 3-минутное видео.
Связанные ресурсы
Есть вопрос или идея?
Хотите задать вопрос или поделиться идеей? Присоединяйтесь к сообществу Adobe XD. Мы будем рады услышать ваши идеи и увидеть ваши работы!
Проектируйте прототипы пользовательских интерфейсов при помощи Adobe XD
Создавайте интерактивные макеты для веб-сайтов и мобильных приложений.
