Edugrafia Kurs podstawy prototypowania - ZIP 1 ПК / безстрокова ліцензія ESD

Назва -"Основний курс дизайну та прототипування Adobe XD"

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

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

Демонстраційний приклад - https://youtu.be/_8K6yvVukrk

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

Цей курс призначений для ознайомлення та навчання Adobe XD. Програмне забезпечення Adobe — це надзвичайний інструмент для проектування та створення прототипів функціональних макетів. Якщо ви зацікавлені в UX та інтерфейсі користувача та шукаєте свій перший інструмент для дизайну, перегляньте цей тренінг, який проведе вас через усі найважливіші функції цієї програми.

• Ви побачите як ефективно орієнтуватися в програмі
• ви навчитеся створювати екрани програм
• ви навчитеся основам Adobe XD
• ви створите свої перші макети
• ви будете створювати стилі та типографіку
• ви працюватимете із зображеннями та графікою
• ви будете використовувати доступні форми
• ви навчитеся методам створення прототипів
li>
• ви створюватимете перегляди для програм
• ви вивчите комбінації клавіш
• ви побачите, як групувати елементи
• ви додасте анімацію між перегляди
• ви дізнаєтесь про методи, які прискорюють роботу

Для кого це?

• Немає попереднього досвіду роботи з Adobe Для участі в курсі потрібен XD-дизайн.
• Цей курс призначений для початківців у сфері UX/UI дизайну.
• Уроки бажано для людей, які будуть використовувати програму вперше.

Ознайомтеся з інструментами та інтерфейсом

На тренінгу ви дізнаєтеся про всі необхідні інструменти для створення ідеальних каркасів. Буде обговорено основи інструментів:

• типографіка
• налаштування кольору та градієнта
• робота з фігурами та пером
• створення компоненти
• додавання кнопок
• робота з робочою областю
• проектування макетів
• створення прототипів
• тестування
• сітки, макети, групи
• шари, маски
• інструменти вирівнювання
• інструменти анімації

Дизайн і прототипування

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

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

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

Усе, що вам потрібно знати про Adobe XD

Adobe XD — це найпростіший і найлегший інструмент серед усіх програм для дизайну, який також доступний для Windows і Mac.

• Як переміщатися в інтерфейсі та перемикати панелі?
• Як налаштувати монтажні області для швидкого створення каркасів?
• Як створювати піктограми, використовувати символи та форми?
• Як передавати стилі тексту між іншими монтажними областями?
• Як застосовувати та копіювати компоненти?
• Як групувати елементи та застосовувати стекування?
• Як розташувати кілька екранів на робочий простір і з’єднати їх за ними?
• Як налаштувати робочий простір за допомогою математичних операцій?
• Як використовувати анімацію в програмі та на веб-сайті?
• Як передати пропорції між екранами?< /li>

Як розпочати роботу з Adobe XD

0. Вступ

1. Встановлення

2. Екран привітання

3. Розробляється інтерфейс

4. Дизайн – екран властивостей

5. Вправа на оволодіння основами

Інструменти

1. Монтажна область і сітка

2. 9 ключових інструментів

3. Прямокутник та його властивості

4. Еліпс і зміни у вузлах

5. Інструмент «Багатокутник»

6. Інструмент «Лінія»

7. Інструмент «Перо»

8. Створення значків за допомогою інструментів

9. Розмивання фону та об’єкта

10. Текстовий інструмент

11. Кольори та градієнти

12. Колірна структура для наших проектів

13. Створення масок із фігур

14. Рекомендації

15. Додавання стилю написання

16. Повторення сітки

17. Створення компонентів

18. Керівництво бібліотекою

19. Горизонтальне та горизонтальне розташування елементів

20. Способи вирівнювання та роботи з векторними об’єктами

21. Комбінації клавіш – базові

22. Комбінації клавіш – розширені

23. Експорт, спільний доступ до роботи

Корисні методи

1. Компоненти

2. Математичні операції над величинами та вікно часток

3. Анімація вікон

4. Сторінка автоматичного переходу

5. Плагін Lottie

6. Виправлення позиції, накладання, просте прототипування

7. Розумна зміна розміру

8. Дизайн зі звуком і радіальним градієнтом

Дизайн на папері та інтерактив

1. Частина блокового шрифту1

2. Частина блокового шрифту 2

3. Частина 3 блокового шрифту

4. Додавання деталей до блоку шрифтів part1

5. Додавання деталей до блоку шрифтів part2

6. Створення дизайнів на аркуші паперу

7. Тренуйтеся з UI Kit Iphone

8. Вправа з UI Kit Iphone частина 2

Дизайн програми

1. Створення простої фінансової програми

2. Створення простої фінансової програми, частина 2

3. Створення простої фінансової програми, частина 3

4. Екран входу

5. Побудова головного екрана програми

6. Побудова головного екрана програми, частина 2

7. Побудова головного екрана програми, частина 3

8. Структура меню для головного екрана

9. Меню на екрані входу

10. Карта на екрані входу

11. Контакт для екрана входу

12. Екран пошуку

13. Екран профілю

14. Екран сповіщень

Створення прототипу програми

1. Створення прототипу – торкніться дії

2. Створення прототипу – автоматична анімація

3. Створення прототипу – накладання

4. Прототипування – прокрутіть до та назад

5. Створення прототипу – решта тригерів і дій

6. Перевірка кнопок і шрифтів, інтерактивний додаток частина 1

7. Інтерактивна програма частина 2

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

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

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

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

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

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

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

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