Курс Adobe XD, частина 2 прототип проекту анімації - DVD

Название —"Курс Adobe XD, часть 2, анимация дизайна прототипа прототипа"

Уровень: основы

Продолжительность – 13часов

Демо-пример - https://youtu.be/w4xuO0r6rKA

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

С помощью этого курса вы сделаете следующий шаг в изучении Adobe XD. Вы увидите, как использовать инструменты программы при создании полноценных проектов. Вы создадите прототип и дизайн приложения. Кроме того, вы научитесь использовать Ui Kits, анимировать элементы и экраны, а также визуализировать проект с помощью макета.

Курс является продолжением первой части обучения, на котором вы сможете научиться основы инструментов и программы.

• вы запомните основы инструментов и интерфейса
• вы запомните использование сеток и артбордов
• вы научитесь работать с наборами пользовательского интерфейса и шрифтом Blokk Font
• вы научитесь создавать анимированные переходы между экранами
• вы будете создавать представления всего приложения
• вы протестируете приложение, создав прототип
• вы визуализируете приложение с помощью макета

Для кого доступен этот курс?

• Этот курс предназначен для людей, которые хотят расширить свои знания об инструментах программы, практическом прототипировании, дизайне и анимации.
• Я рад принять участие в этом курсе. Ожидается, что вы пройдете первую часть. курса Adobe XD.

Как создавать эскизы и использовать наборы пользовательского интерфейса?

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

• вы создадите контур приложения, используя шрифт Blokk Neue.
• вы будет использовать наборы пользовательского интерфейса для создания эскизов.
/ul>

Как создать прототип в Adobe XD?

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

• вы проверите связи между экранами
• вы увидите, как приложение будет вести себя
• вы проверите весь путь покупки в приложении
• вы обнаружите ошибки в подключениях

Как создать полноценное приложение проект?

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

По создавая все виды приложений, вы будете практиковать свои навыки, используя основные инструменты Adobe XD. Вы поймете, как работает разделение на виды и как соединить экраны между собой.

Как анимировать в Adobe XD?

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

• анимация вкладок
• анимация загрузки
• текст анимация
• анимация слайдера
• анимация кнопок

Как создать макет приложения?

Последняя часть курс заключается в масштабировании приложения и наложении экранов на макеты. Благодаря им вы сможете визуализировать виды проекта, например, чтобы показать их в портфолио или презентовать клиенту.Вы увидите, как правильно экспортировать проект и сохранить его в размере экрана вашего телефона.< /п>

Основная информация

Информация об уроках

Установка Adobe XD

Интерфейс на стартовом экране

Интерфейс в части программы 1

Интерфейс в части программы 2

Интерфейс в разделе прототипа программы

Интерфейс в разделе общего доступа к программе

Интерфейс в разделе свойств программы

Инструменты в Adobe XD, часть 1

Инструмент «Перо»

Инструмент «Текст»

Инструмент «Непрерывный текст»

Инструмент «Артборд»

Типы сеток

Добавление и использование плагинов

Выравнивание объектов

Цвет, градиент

Создание и использование компонента

Использование UI KITS и шрифта Blokk

Шрифт Blokk Neue, начало эскиза

Создание эскиза приложения с использованием шрифта Blokk Neue

Эскиз приложения, часть 2

Что такое наборы пользовательского интерфейса?

Добавление деталей в эскиз приложения

Добавление деталей в эскиз приложения, часть 2

Анимация в Adobe XD

Приглашение

Эллипс

Эллипс, часть 2

Плоска загрузки

Эллипс и скользящая полоса

Процесс создания экрана с анимацией прокрутки

Анимация чисел

Анимированные карточки

Основы карусели

Интерактивная карусель, часть 1

Интерактивная карусель, часть 2

Кнопка наведения

Список при наведении

Плагин Lottie

Кнопка переключения

Дизайн приложения

Цвет , обзор дизайна

Экран входа, часть 1

Экран входа, часть 2

Детали входа и регистрации

Завершение регистрации и экрана входа

Я забыл свой пароль

p>

Создание главного экрана, часть 1

Создание главного экрана, часть 2

Создание Главный экран, часть 3

Создание главного экрана, часть 4

Создание раздела «Моя учетная запись»

Создание экрана покупки билета

Создание экран достопримечательностей

Обзор созданных экранов

Бронирование

Уведомления

Прототип

Стартовый экран

Главный экран, часть 1

Главный экран, часть 2

Проверка и исправление ошибок во всем приложении, часть 1

Проверка и исправление ошибок во всем приложении, часть 2

Мокап

Идея работы 1х,2х,3х

Обзор изменения размеров вашего телефона

Как работает макет в Photoshop?

Как выбрать версию курса:

Видеокурс доступен в двух формах:

1. в электронном виде - в виде ссылки для скачивания запакованного архива. После покупки вы получите ссылку на электронную почту. Здесь найдите аукцион, помеченный как цифровая версия.

2. коробка на DVD — вместо ссылки для скачивания вы получите DVD по указанному адресу. В этом случае ищите аукцион с пометкой DVD.

Подойдет ли курс к моей программе?

Курсы созданы с использованием разных версий программы. Однако в большинстве случаев им подходит любая версия. Курсы созданы таким образом, чтобы быть совместимыми и нейтральными для старых версий программного обеспечения. То есть если у вас, например, Photoshop 2019 года и курс создан на версии Photoshop 2020 года, то он подойдет на 100%.

Получу ли я программу вместе с курсом?

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