Цей курс розроблений для надання студентам всебічного розуміння принципів і практик UX/UI дизайну. Він охоплює основні навички та компетенції, необхідні для успішного освоєння UX/UI, включаючи базові знання про дизайн, типографіку, колір та практичні навички роботи з Figma. Основна увага приділяється покроковому створенню лендінг-пейджу в Figma.
Кожен модуль містить оригінальні лекції, практичні завдання, тестування знань та додаткові матеріали для самостійного навчання. Наприкінці курсу студенти матимуть усі необхідні знання та навички для виконання всіх етапів створення UX/UI вебсайту під наглядом.
Цілі навчання:
- зрозуміти основи UX/UI дизайну та їх застосування в IT
- навчитися створювати дизайни вебсайтів у Figma
- навчитися створювати власний дизайнерський проєкт – вебсайт на цікаву для студента тему, дотримуючись усіх етапів, як у реальному проєкті
- навчитися проходити всі етапи створення дизайну від ідеї до адаптивних версій, включаючи етапи вибору контенту, вайрфреймінгу та анімації
- навчитися використовувати ключові елементи дизайну: логіка, контент, адаптивність, композиція, типографіка, колір
- навчитися та практикувати, як представити свій проєкт групі студентів та кваліфікованих дизайнерів
Для кого цей курс
Курс розроблений для людей, які тільки починають свій шлях в UX/UI дизайні або прагнуть систематизувати свої знання та навички в цій сфері. Формальних вимог до знань немає, але необхідно мати певний рівень володіння англійською мовою.
Програма
Структура модулів:
- Вступ
- Відеоуроки з чіткими поясненнями та інтерактивами
- Практика та перевірка знань: незараховані завдання
- Остаточний власний проєкт
- Онлайн-майстеркласи
- Підсумки та презентації
- Додаткові матеріали для навчання
- Контрольні списки, посібники, корисні матеріали
Модуль 1
—
Вступ до UX та UI дизайну
1,5 години
- Що таке UX та UI дизайн?
- Хто такий UX та UI дизайнер?
- Завдання, м’які та жорсткі навички, необхідні дизайнеру
- Ключові елементи дизайну: логіка, контент, адаптивність, композиція, типографіка, колористика
- Мотивація для завершення курсу
Модуль 2
—
Figma
3 години
- Початок роботи з Figma
- Основи: огляд програми, створення файлу, ознайомлення з основними функціями та інструментами
- Автоформати, компоненти, опції
- Практика в Figma
Модуль 3
—
Баланс і композиція
1,5 години
- Баланс і композиція в UX та UI дизайні
- Перший екран! З чого він складається?
- Практика в Figma створює обкладинки для вебсайтів у різних видах балансів
Модуль 4
—
Типи сайтів
1,5 години
- Сайти для продажу товарів або послуг
- Вебсайти для цифровізації бізнесу (для внутрішнього використання компанії)
- Сайти для отримання комісій з транзакцій
- Для продажу платних онлайн-послуг (корисні послуги)
- Для заробітку на рекламі (інформативні)
- Для продажу підписок
- Для взаємодії з громадянами (міські послуги)
- Соціальні мережі (багатофункціональні, комунікація)
Модуль 5
—
UX
3 години
- Що таке UX?
- Як будується логіка на сайті?
- User Flow
- Основні помилки дизайнера на початку роботи
- Як зробити сайт зручним, візуальна логіка
- Що таке інформаційний запах?
- Принципи якісної навігації
- 4 супер техніки для створення логіки на вебсайті
Модуль 6
—
Лендінг-пейдж. Початок
1,5 години
- Що таке лендінг-пейдж?
- Етапи створення сайту
- Перша зустріч з клієнтом
- Як вибрати тему для вашого вебсайту?
- Як вибрати стилістичні референси? (приклади)
- Створення структури лендінгу
Модуль 7
—
UI
3 години
- Що таке UI?
- Що таке модульні сітки і які вони?
- 4 найпопулярніші модульні сітки, з якими можна зробити будь-який креативний дизайн
- Сучасні стилі сайтів
Модуль 8
—
Контент для вебсайту
1,5 години
- Пошук контенту для сайту
- Нейронні мережі
- Плагіни Figma
- Вибір контенту для лендінг-пейджу, де взяти тексти, зображення, елементи
Модуль 9
—
Типографіка та шрифти
3 години
- Типографіка та шрифти. Що це, як використовувати, шрифтова система на сайті
- UX копірайтинг
- Створення текстів для лендінг-пейджу
Модуль 10
—
Створення вайрфрейму
3 години
- Вайрфрейм низької деталізації
- Вайрфрейм високої деталізації
Модуль 11
—
Кольори та мудборд
3 години
- Психологія кольору
- Що означає кожен колір на сайті, і як вибрати його для конкретного проєкту?
- Що таке мудборд і як його створити для вашого проєкту?
Модуль 12
—
Макет лендінг-пейджу та анімація
3 години
- Створення макет лендінг-пейджу на індивідуальну тему
- Створення анімації для проєкту
Модуль 13
—
Адаптивний дизайн
3 години
- Основи адаптивних вебсайтів
- Створити адаптивні версії для лендінг-пейджу (мобільна та планшетна версії)
Модуль 14
—
Завершення проєкту. Презентація
3 години
- Як передати остаточний макет замовнику та розробнику?
- Що таке дизайн-система?
- Послуги тестування продукту
- Основи презентації проєкту замовнику, з чого вона складається
- Створення презентації для вашого проєкту
Модуль 15
—
Майбутні кроки
1,5 години
- Що робити далі?
- Як розвиватися в сфері вебдизайну?
- Як можна почати заробляти на фрілансі?
У разі виникнення будь-яких питань звертайтесь до менеджера Світлани
Після завершення курсу ви
- Отримаєте впевненість у своїх навичках UX/UI дизайну
- Зможете створювати власні проєкти та представляти їх клієнтам
- Будете готові до роботи в команді над реальними проєктами
- Отримаєте базу для подальшого розвитку в сфері вебдизайну
Курс з UX UI дизайну
online
Beginner
Українська з англійськими термінами
Доступна оплата частинами без комісії та відсотків від ПриватБанк
