Edugrafia Kurs Adobe XD cz.2 1 ПК / безстрокова ліцензія КОРОБКА

Назва -"Анімація дизайну прототипу курсу Adobe XD частина 2"

Рівень: основи

Тривалість - 13годин

Демонстраційний зразок - https://youtu.be/w4xuO0r6rKA

Що ви дізнаєтеся?

Завдяки цьому курсу ви зробите наступний крок у вивченні Adobe XD. Ви побачите, як використовувати інструменти програми під час створення повних проектів. Ви створите прототип і дизайн програми. Крім того, ви дізнаєтеся, як використовувати Ui Kits, анімувати елементи та екрани та візуалізувати проект за допомогою макета.

Курс є продовженням першої частини тренінгу, у якій ви можете навчитися основи інструментів і програми.

• ви дізнаєтесь про основи інструментів та інтерфейсу
• ви запам’ятаєте використання сіток і артбордів
• ви навчитеся працювати з UI Kits і Blokk Font
• ви навчитеся створювати анімовані переходи між екранами
• ви розробите вигляд повної програми
• ви протестуєте програму, створивши прототип
• ви візуалізуєте програму за допомогою макета

Для кого доступний цей курс?

• Цей курс призначений для людей, які хочуть розвинути свої знання про інструменти програми, практичне створення прототипів, дизайн і анімацію.
• Я радий взяти участь у цьому курсі, який ви повинні закінчити першим частина курсу Adobe XD.

Як створювати ескізи та використовувати набори інтерфейсу користувача?

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

• Ви створите схему програми за допомогою шрифту Blokk Neue
• ви використовуватимуть Ui Kits для створення деталей ескізу

Як створити прототип в Adobe XD?

Прототипування дає змогу створити початковий план програми без необхідності кодування, що дає можливість перевірити ідею та внести корективи до того, як програміст почне свою роботу. На курсі ви побачите, як створити прототип на основі макетів і ескізів. Прототип призначений для відтворення готової програми, створення зразків вмісту, взаємодії та анімації. Завдяки цьому ви можете швидко окреслити свою ідею та перевірити зручність використання програми.

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

Як створити повну програму project?

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

Автор створюючи всі представлення програм, ви відпрацьовуєте свої навички, використовуючи основні інструменти 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

Мокап

Ідея роботи 1x,2x,3x

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

Як працює макет у Photoshop?

Як вибрати версію курсу:

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

1. в електронному вигляді - як посилання для завантаження упакованого архіву. Після покупки ви отримаєте посилання на електронну пошту. Тут знайдіть аукціон, позначений як цифрова версія.

2. box on DVD - замість посилання для завантаження ви отримаєте DVD за вказаною адресою. У цьому випадку шукайте аукціон, позначений як DVD.

Чи підійде курс до програми, яку я маю?

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

Чи отримаю я програму разом із курсом?

Курси — це відеоролики, що демонструють роботу в певній програмі. Жоден із курсів не супроводжується програмою, яку ви повинні придбати самостійно.