Узнайте, как создавать интерактивные прототипы, каркасы и графику с помощью XD.

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

Поиск

  1. Руководство пользователя Adobe XD
  2. Введение
    1. Что нового в Adobe XD
    2. Общие вопросы
    3. Дизайн, прототип и публикация с помощью Adobe XD
    4. Системные требования
      1. Требования к аппаратному и программному обеспечению
      2. Adobe XD, Big Sur и Apple Silicon | macOS 11
    5. Основы рабочего пространства
    6. Изменить язык приложения в Adobe XD
    7. Комплекты для разработки пользовательского интерфейса Access
    8. Специальные возможности в Adobe XD
    9. Сочетания клавиш
    10. Советы и рекомендации
    11. Варианты подписки на Adobe XD
    12. Изменения в начальном плане XD
  3. Дизайн
    1. Монтажные области, направляющие и слои
      1. Начало работы с монтажными областями
      2. Используйте направляющие и сетки
      3. Создание прокручиваемых артбордов
      4. Работа со слоями
      5. Создать группы прокрутки
    2. Фигуры, объекты и пути
      1. Выбор, изменение размера и поворот объектов
      2. Перемещайте, выравнивайте, распределяйте и упорядочивайте объекты
      3. Группировать, блокировать, дублировать, копировать и отражать объекты
      4. Установка обводки, заливки и тени для объектов
      5. Создание повторяющихся элементов
      6. Создание перспективных проектов с 3D-преобразованиями
      7. Редактировать объекты с помощью логических операций
    3. Текст и шрифты
      1. Работа с инструментами рисования и текста
      2. Шрифты в Adobe XD
    4. Компоненты и состояния
      1. Работа с компонентами
      2. Работа с вложенными компонентами
      3. Добавить несколько состояний к компонентам
    5. Маскирование и эффекты
      1. Создание маски с фигурами
      2. Работа с эффектами размытия
      3. Создание и изменение градиентов
      4. Применение эффектов наложения
    6. Макет
      1. Адаптивное изменение размера и ограничения
      2. Установить фиксированное заполнение для компонентов и групп
      3. Создание динамических дизайнов с использованием стеков
    7. Видео и анимация Lottie
      1. Работа с видео
      2. Создавайте прототипы с помощью видео
      3. Работа с анимацией Lottie
  4. Прототип
    1. Создание интерактивных прототипов
    2. Анимированные прототипы
    3. Свойства объекта поддерживаются для автоматической анимации
    4. Создание прототипов с клавиатурой и геймпадом
    5. Создание прототипов с помощью голосовых команд и воспроизведения
    6. Создание временных переходов
    7. Добавить накладки
    8. Разработка голосовых прототипов
    9. Создание якорных ссылок
    10. Создание гиперссылок
    11. Предварительный просмотр проектов и прототипов
  5. Общий доступ, экспорт и просмотр
    1. Общий доступ к выбранным монтажным областям
    2. Обмен проектами и прототипами
    3. Установить права доступа для ссылок
    4. Работа с прототипами
    5. Обзор прототипов
    6. Работа со спецификациями дизайна
    7. Совместное использование спецификаций дизайна
    8. Проверка спецификаций дизайна
    9. Технические характеристики дизайна навигации
    10. Просмотреть и прокомментировать спецификации дизайна
    11. Экспорт проектных активов
    12. Экспорт и загрузка ресурсов из спецификаций дизайна
    13. Общий доступ к группе для предприятия
    14. Резервное копирование или перенос ресурсов XD
  6. Системы проектирования
    1. Системы проектирования с библиотеками Creative Cloud
    2. Работа с активами документа в Adobe XD
    3. Работа с библиотеками Creative Cloud в Adobe XD
    4. Миграция со связанных ресурсов в библиотеки Creative Cloud
    5. Работа с токенами дизайна
    6. Используйте ресурсы из Creative Cloud Libraries
  7. Облачные документы
    1. Облачные документы в Adobe XD
    2. Совместная работа и совместное редактирование проектов
    3. Совместное редактирование документов, которыми с вами поделились
  8. Интеграции и плагины
    1. Работа с внешними активами
    2. Работа с дизайнерскими ресурсами из Photoshop
    3. Копирование и вставка ресурсов из Photoshop
    4. Импорт или открытие дизайнов Photoshop
    5. Работа с ресурсами Illustrator в Adobe XD
    6. Открыть или импортировать проекты Illustrator
    7. Копирование векторов из Illustrator в XD
    8. Плагины для Adobe XD
    9. Создание плагинов и управление ими
    10. Интеграция Jira для XD
      11. Плагин
    11. Slack для XD
    12. Плагин Zoom для XD
    13. Публикация дизайна из XD на Behance
  9. XD для iOS и Android
    1. Предварительная версия на мобильных устройствах
    2. Часто задаваемые вопросы по Adobe XD для мобильных устройств
  10. Устранение неполадок
    1. Известные и устраненные проблемы
      1. Известные проблемы
      2. Исправлены проблемы
    2. Установка и обновления
      1. XD отображается как несовместимый с Windows
      2. Код ошибки 191
      3. Код ошибки 183
      4. Проблемы при установке подключаемых модулей XD
      5.  Запрос на удаление и переустановку XD в Windows 10
      6. Проблемы с переносом настроек
    3. Запуск и сбой
      1.  Сбой XD при запуске в Windows 10
      2.  XD завершает работу при выходе из Creative Cloud
      3. Проблема со статусом подписки в Windows
      4. Предупреждение о заблокированном приложении при запуске XD в Windows
      5. Создание аварийного дампа в Windows
      6. Сбор и совместное использование журнала сбоев
    4. Облачные документы и библиотеки Creative Cloud Libraries
      1. Проблемы с облачными документами XD
      2. Проблемы со связанными компонентами
      3. Проблемы с библиотеками и ссылками
    5. Создание прототипа, публикация и проверка
      1. Невозможно записать взаимодействие с прототипом в macOS Catalina
      2. Проблемы с рабочими процессами публикации
      3. Опубликованные ссылки не отображаются в браузерах
      4. Прототипы неправильно отображаются в браузерах
      5. Панель комментариев внезапно появляется на общих ссылках
      6. Невозможно опубликовать библиотеки
    6. Импорт, экспорт и работа с другими приложениями
      1. Импорт и экспорт в XD
      2. файлов Photoshop в XD
      3. Файлы Illustrator в XD
      4. Экспорт в After Effects из XD
      5. Файлы эскизов в XD
      6. Сторонние приложения не отображаются при экспорте

Узнайте, как создавать интерактивные прототипы, каркасы и графику с помощью XD.

Adobe XD позволяет UX-дизайнерам разрабатывать интерактивные пользовательские интерфейсы для веб-приложений и мобильных приложений с помощью одного приложения.

Вы можете быстро и просто создавать рисунки на монтажных областях в XD. Затем соедините монтажные области вместе, чтобы создать интерактивный прототип, которым вы можете поделиться и повторять с заинтересованными сторонами. Вы также можете использовать плагины для автоматизации повторяющихся операций или частей рабочих процессов дизайнера, которые являются утомительными, сложными или повторяющимися.

Adobe XD хорошо интегрируется с Photoshop, Illustrator и After Effects.

Вы можете продолжить проектирование в предпочитаемых вами приложениях, перенести ресурсы в XD, а затем использовать XD для создания прототипов и обмена ими. XD поддерживает файлы SVG и растровые изображения без потери точности. Затем вы можете улучшить ресурсы в Adobe XD или использовать их для разработки интерактивных прототипов.

Общий рабочий процесс

Создавайте дизайн, прототипы и делитесь ими с помощью Adobe XD

Вкратце рабочий процесс можно описать следующими этапами высокого уровня:

  • Дизайн: Создание элементов макета дизайна, добавление монтажных областей и импорт ресурсов из других приложений, таких как Adobe Illustrator, Adobe Photoshop и Adobe After Последствия. Вы также можете использовать плагины для автоматизации повторяющихся операций или частей рабочих процессов дизайнера, которые являются утомительными, сложными или повторяющимися.
  • Прототип:  Выберите объекты или монтажные области в своем дизайне и создайте взаимодействие между монтажными областями.
  • Поделиться: Когда ваш проект будет готов к рассмотрению, вы можете поделиться прототипами или спецификациями дизайна или экспортировать проект или ресурсы с заинтересованными сторонами .

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

Начало работы с Adobe XD

Начало работы с Adobe XD

Дэни Бомонт

Выберите предустановленный размер монтажной области. Если вы хотите работать с нестандартным размером, введите ширину и высоту в пикселях в текстовые поля под пользовательским параметром. Если вы хотите указать нестандартный размер, нажмите кнопку

Значок нестандартного размера .

Соберите свои ресурсы одним из следующих способов:

  • Используйте инструменты дизайна Adobe XD для создания своих ресурсов с нуля. Дополнительные сведения см. в разделах Инструменты рисования и Текстовые инструменты.
  • Скопируйте свои дизайны из Photoshop, Sketch, After Effects или Illustrator и вставьте их в монтажную область в Adobe XD. Вы также можете импортировать, перетаскивать или копировать и вставлять файлы JPG, SVG, PNG или GIF из:
    • File Explorer (в Windows)
    • Finder (на Mac)
    • Веб-браузер
    • Буфер обмена ОС

 

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

Для получения дополнительной информации см.:

  • Выбор, изменение размера и поворот объектов
  • Объединение объектов с использованием логических операций и маскирование объектов формами
  • Группировать, блокировать и дублировать объекты
  • Перемещайте, выравнивайте, распределяйте и упорядочивайте объекты
  • Установка обводки, заливки и тени для объектов
  • Использовать адаптивное изменение размера и ограничения
  • Создание плагинов и управление ими
  • Работа с компонентами

С легкостью размещайте повторяющиеся элементы, используя функцию «Повторяющаяся сетка», чтобы создать сетку из существующего контента, не дублируя их вручную. Дополнительные сведения см. в разделе Создание повторяющихся элементов.

Используйте плагины для автоматизации повторяющихся операций или частей рабочих процессов дизайнера, которые являются утомительными, сложными или повторяющимися. Дополнительные сведения см. в разделе Создание подключаемых модулей и управление ими.

Добавьте больше монтажных областей для каждого из экранов, которые вам нужны в вашем прототипе. Дополнительные сведения см. в разделе Работа с монтажными областями.

Прототип

Вы можете создавать интерактивные прототипы, используя голосовые возможности, автоматическую анимацию, жесты перетаскивания и временные переходы. Дополнительные сведения см. в разделах Голосовой дизайн и прототипирование в XD, Создание прототипов с помощью автоанимации и жестов перетаскивания и Использование синхронизированных переходов.

Вы можете просмотреть интерактивность в прототипах и во время предварительного просмотра записать взаимодействие в виде файла MP4.

Чтобы связать монтажные области или настроить интерактивность, выберите монтажную область или объект и щелкните стрелку справа. Появляется провод. Просто перетащите и подключите провод к другому объекту или монтажной области. В появившемся всплывающем окне укажите параметры перехода и продолжительность перехода.

Вы также можете использовать наложение для имитации концепции переходов без дублирования содержимого на нескольких монтажных областях. Подробную информацию см. в разделе Создание интерактивных прототипов.

Нажмите значок предварительного просмотра в правом верхнем углу приложения. XD отображает экран предварительного просмотра, который позволяет вам просматривать различные страницы и перемещаться по ним. На экране предварительного просмотра есть значок Запись, который позволяет записывать поток между страницами и сохранять его в формате MP4.

Дополнительные сведения см. в разделе Предварительный просмотр и запись взаимодействий.

Поделитесь прототипами для просмотра проекта, презентации или пользовательского тестирования. Вы также можете опубликовать прототипы и спецификации дизайна для разработки или настроить просмотр в соответствии со своими предпочтениями. Дополнительную информацию см. в разделе «Общий доступ к проектам и прототипам».

Еще

  • Создание повторяющихся элементов
  • Создание плагинов и управление ими
  • Начало работы с монтажными областями
  • Создание интерактивных прототипов

Войдите в свою учетную запись

Войти

Управление учетной записью

Адаптивный веб-дизайн в Adobe XD

Об этом курсе

1 191 729 недавних просмотров рабочие места уровня UX в дизайне пользовательского опыта (UX). В этом курсе вы создадите адаптивный веб-сайт с помощью Adobe XD, популярного инструмента дизайна. Вы завершите процесс проектирования от начала до конца: сопереживая пользователям, определяя их болевые точки, придумывая идеи для дизайнерских решений, создавая каркасы и прототипы, а также тестируя проекты для получения отзывов. К концу этого курса у вас будет новый дизайн-проект, который вы сможете включить в свое профессиональное портфолио UX.

Гибкие сроки

Гибкие сроки

Сброс сроков в соответствии с вашим графиком.

Совместно используемый сертификат

Совместно используемый сертификат

Получите сертификат по завершении

100% онлайн

100% онлайн

Начните немедленно и учитесь по своему собственному графику.

Начальный уровень

Начальный уровень

Часов для завершения

Прибл. 41 час на прохождение

Доступные языки

Английский

Субтитры: английский

Чему вы научитесь

  • Применяйте каждый этап процесса проектирования UX (сопереживание, определение, создание идей, создание прототипа, тестирование) для создания адаптивного веб-сайта в Adobe XD.

  • Планирование информационной архитектуры и карт сайта для веб-сайтов.

  • Применение общих макетов для веб-страниц.

  • Завершите дизайн-проект и включите его в свое профессиональное портфолио UX.

Приобретаемые навыки

  • Adobe XD
  • User Experience (UX)
  • Usability Testing
  • Prototype
  • User Experience Design (UXD)
Гибкие сроки

Гибкие сроки

Сброс сроков в соответствии с вашим графиком.

Совместно используемый сертификат

Совместно используемый сертификат

Получите сертификат по завершении

100% онлайн

100% онлайн

Начните немедленно и учитесь по своему собственному графику.

Начальный уровень

Начальный уровень

Часов до завершения

Прибл. 41 hours to complete

Available languages ​​

English

Subtitles: English

Instructor

Google Career Certificates

Top Instructor

5,999,172 Learners

247 Courses

Offered by

Google

Grow with Google — это инициатива, основанная на многолетнем опыте Google в создании продуктов, платформ и услуг, которые помогают людям и компаниям расти. Мы стремимся помочь всем — тем, кто сегодня составляет рабочую силу, и студентам, которые будут управлять рабочей силой завтрашнего дня, — получить доступ к лучшим учебным материалам и инструментам Google для развития своих навыков, карьеры и бизнеса.

Reviews

4.8

Filled StarFilled StarFilled StarFilled StarFilled Star

463 reviews

  • 5 stars

    85. 24%

  • 4 stars

    10.26%

  • 3 stars

    2.43%

  • 2 звезды

    0,95 %

  • 1 звезда

    1,09 %0002 by BK 2 декабря 2021 г.

    Хороший курс. Закрепляет изученные понятия. Недостаточно времени было уделено конкурентному анализу, исследованиям и изучению юзабилити — они были очень спешки, чтобы включить информацию о поиске работы.

    Filled StarFilled StarFilled StarFilled StarFilled Star

    by KDJ 29 января 2022 г.

    Лучшее место для изучения UI/UX-дизайна Мне очень повезло, что я стал частью этого курса Google. Большое спасибо, и я надеюсь, что когда-нибудь стану частью Google..

    Заполнено StarFilled StarFilled StarFilled StarFilled Star

    от DN 12 ноября 2021 г.

    это ЗАНЯТЫЕ, вы должны сделать больше за одну неделю, чем другие, но мне нравится все: Adobe XD, портфолио ответственных веб-сайтов, резюме.

    Filled StarFilled StarFilled StarFilled StarFilled Star

    by AWOct 8, 2022

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

    No related posts.