Переключитесь в режим Prototype (Прототип). Выберите объект на монтажной области, к которому вы хотите добавить якорную ссылку.
- Руководство пользователя Adobe XD
- Введение
- Новые возможности Adobe XD
- Распространенные вопросы
- Создание дизайна, прототипов и совместная работа в Adobe XD
- Управление цветом
- Системные требования
- Основные сведения о рабочей среде
- Изменение языка приложения в Adobe XD
- Доступ к наборам для дизайна пользовательского интерфейса
- Доступность в Adobe XD
- Сочетания клавиш
- Советы и рекомендации
- Дизайн
- Монтажные области, направляющие и слои
- Фигуры, объекты и путь
- Выделение, изменение размера и поворот объектов
- Перемещение, выравнивание, распределение и упорядочивание объектов
- Группирование, блокирование, дублирование, копирование и зеркальное отражение объектов
- Задание обводки, заливки и теней для объектов
- Создание повторяющихся элементов
- Создание перспективных проектов с помощью 3D-преобразований
- Редактирование объектов с помощью логических операций
- Текст и шрифты
- Компоненты и состояния
- Маскировка и эффекты
- Макет
- Видео и анимации Lottie
- Создание прототипа
- Создание интерактивных прототипов
- Анимирование прототипов
- Свойства объекта, которые поддерживаются при автоматическом анимировании
- Создание прототипов с клавиатуры и геймпада
- Создание прототипов с помощью голосовых команд и воспроизведения
- Создание синхронизированных переходов
- Добавление наложений
- Создание голосовых прототипов
- Создание якорных ссылок
- Создание гиперссылок
- Предварительный просмотр проектов и прототипов
- Публикация, экспорт и проверка
- Публикация выбранных монтажных областей
- Предоставление совместного доступа к проектам и прототипам
- Настройка разрешений на доступ к ссылкам
- Работа с прототипами
- Просмотр прототипов
- Работа со спецификациями дизайна
- Предоставление общего доступа к спецификациям дизайна
- Проверка спецификаций дизайна
- Навигация в спецификациях дизайна
- Проверка и комментирование спецификаций дизайна
- Экспорт ресурсов дизайна
- Экспорт и загрузка ресурсов из спецификаций дизайна
- Корпоративный групповой совместный доступ
- Резервное копирование или перенос ресурсов XD
- Системы дизайна
- Системы дизайна с библиотеками Creative Cloud Libraries
- Работа с ресурсами документа в Adobe XD
- Работа с библиотеками Creative Cloud Libraries в Adobe XD
- Переход от связанных ресурсов к библиотекам Creative Cloud Libraries
- Работа с проектными токенами
- Использование ресурсов из библиотек Creative Cloud Libraries
- Облачные документы
- Интеграция и плагины
- Работа с внешними ресурсами
- Работа с ресурсами проекта из Photoshop
- Копирование ресурсов из Photoshop
- Как импортировать или открыть проекты Photoshop
- Работа с ресурсами Illustrator в Adobe XD
- Импортирование и открытие проектов Illustrator
- Копирование векторных объектов из Illustrator в XD
- Плагины для Adobe XD
- Создание плагинов и управление ими
- Интеграция Jira с XD
- Подключаемый модуль Slack для XD
- Подключаемый модуль Zoom для XD
- Публикация работы из XD на Behance
- XD для iOS и Android
- Устранение неполадок
- Выявленные неполадки и исправленные ошибки
- Установка и обновления
- Запуск и сбой
- Облачные документы и библиотеки Creative Cloud Libraries
- Прототип, публикация и обзор
- Импорт, экспорт и работа с другими приложениями
Узнайте, как создать якорные ссылки, чтобы улучшить навигацию по монтажной области.
Adobe XD позволяет создавать якорные ссылки во время создания прототипов. По этим ссылкам можно быстро переходить к определенным разделам на монтажной области. Якорные ссылки делают навигацию по длинной форме или статье более быстрой и удобной.
Хотите быстро перемещаться к определенным разделам на монтажной области? Выполните следующие действия, чтобы начать.
-
-
Перетаскивайте соединительную линию прототипа по монтажной области, пока не дойдете до точки, к которой хотите привязать ссылку.
-
Нажмите на соединительную линию, чтобы просмотреть панель взаимодействий, которая появится в инспекторе свойств со следующими параметрами:
- Триггер: установите значение Нажатие.
- Тип действия: выберите значение Прокрутить к. Хотите назначить несколько действий для одного триггера? Подробная информация есть в этой статье.
- Место назначения: выберите слой назначения.
- Y-смещение: введите значение смещения по оси Y относительно вершины соединенного объекта. Вы можете изменить смещение по оси Y, перетаскивая маркер y-смещения в левую сторону монтажной области. Любое значение выше соединенного объекта является отрицательным смещением, ниже — положительным смещением.
- Смягчение: выберите этот параметр, чтобы смоделировать эффекты смягчения. Например, выберите Замедление и ускорение, чтобы анимация в прототипе постепенно появлялась и исчезала.
- Продолжительность: введите продолжительность. Максимальная продолжительность, которую вы можете установить между двумя переходящими монтажными областями, составляет пять секунд.
A. Выберите тип триггера B. Выберите действие «Прокрутить к» C. Выберите монтажную область назначения D. Введите значение смещения по оси Y E. Выберите эффекты замедления F. Укажите длительность
-
Чтобы просмотреть эффект прокрутки на монтажной области, выберите .
Подробнее
«Воспользуйтесь якорными ссылками, чтобы создать красивую целевую страницу для книги о животных с интерактивным контентом». Говард Пинкси (Howard Pinksy), ИТ-евангелист XD в Adobe.
Посмотрите это видео, чтобы узнать больше.
Время просмотра: 3 мин.
Теперь, когда вы знаете, как создавать якорные ссылки, скачайте образец комплекта пользовательского интерфейса, который содержит несколько примеров макетов одиночных веб-страниц.
Что дальше?
Вы научились добавлять навигационные ссылки в ваш проект. Узнайте, как добавить несколько взаимодействий с помощью голосовых команд и воспроизведения речи.
Есть вопрос или идея?
Если вы хотите задать вопрос или поделиться интересной идеей, вступайте в сообщество Adobe XD. Мы будем рады услышать ваши идеи и увидеть ваши работы.