Завжди мала потяг до творчості, але хотіла, щоб вона приносила стабільний дохід. Школу обрала через потужне портфоліо їхніх випускників, роботи на Behance говорять самі за себе. Потрапила на курс до Юлі Жуковської і це була любов з першого заняття. Юля ламає стереотипи про те, що дизайн це просто красиві картинки. Вона навчила мене аналізувати користувацький досвід, проводити дослідження та аргументувати кожну кнопку в макеті. Спілкування в групі було настільки ламповим, що ми досі підтримуємо зв'язок. Школі та Юлії величезне дякую
Курсы Web Design / UI/UX
Фильтр
Мы нашли для вас 120 курсов
Видеокурс / Платформа
Формат
Online
Начало занятий
Любой момент
Длительность
1 недель
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
1 500 UAH за курс
- Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробнее
Впродовж курсу ви опануєте ключові інструменти, що надає Figma, познайомитеся з базовими операціями у редакторі та дізнаєтеся, як ефективно працювати з його функціоналом.
Програма курсу
Робота з базовими фігурами та ефектами
Знайомство з інтерфейсом, робота з базовими фігурами та ефектами, застосування булевих операцій, експорт робіт.
Основи малювання пером
Створення контурів за допомогою інструментів перо та олівець.
Фотографії, маски та режими накладання
Як працювати із зображенням та масками, для чого потрібні режими накладання.
Після проходження курсу ви зможете:
- Вільно орієнтуватися в інтерфейсі та навігації Figma
- Працювати з інструментами створення макетів
- Створювати прості фігури у Figma
- Налаштовувати вигляд об'єктів у макеті
- Застосовувати логічні операції
- Ефективно організовувати елементи у Figma
Особливості курсу
- Практичні завдання
- Перевірка домашніх робіт
- Отримання сертифіката
- Підтримка від спільноти студентів
- Додаткові матеріали
- Служба підтримки CASES
Викладачі курсу
Марія Ланова - графічна дизайнерка та ілюстраторка в CASES, експертка Креативної Практики
Подать заявкуКурс
Формат
Online
Начало занятий
Дата формируется
Длительность
3 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
22 500 UAH за курс
- Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробнее
Протягом 3 місяців студенти пройдуть шлях від опанування ключового редактора вебдизайнерів Figma, до опанування основ проєктування посадкових сторінок та їхньої верстки в безкодовому редакторі Webflow.
Програма курсу
Місяць 1. Figma
Знайомство з Figma та основними інструментами
- Навігація в інтерфейсі Figma
- Створювання форми
- Використання інструменту "Перо" та булевих операцій для створення фігур
- Групування та вирівнювання елементів
Тексти, зображення та глобальні стилі у Figma
- Робота з текстами
- Маски для зображень
- Режими накладання
- Глобальні стилі
Авторозмітки та Компоненти
- Монтажні області та обмеження
- Авторозмітки
- Компоненти
- Функції "Варіанти" та Boolean
Інтерактивні прототипи
- Налаштування пристроїв перегляду
- Фіксування позиції при скролі
- Інтерактивні елементи та їх події
- Режими переходів
- Створення модальних вікон
- Розумна анімація
Місяць 2. Вебдизайн
Огляд процесу створення посадкової сторінки
Історія виникнення сторінок, їхня задача, типова структура, етапи та методи їхнього створення.
Створення UI Kit та схематичних екранів
- Використання 12-колонкової сітки
- Підбір базових кеглів та шрифтів
- Дизайн навігації
- Схематичний дизайн посадкової сторінки:
- лід-екран
- екран пропозиції
- екран опису властивостей
- екран відгуків
- форма замовлення
- підвал та модальні вікна
Створення посадкової сторінки
- Пропрацювання посадкової сторінки
- Компоненти та варіанти
- Готові сервіси для підбору іконок
Створення адаптивної мобільної версії
- Адаптивний дизайн
- Бургер-меню, зміна сітки та розмірів
- Збереження UI Kit у вигляді стилів та компонентів
- Обмеження адаптивного дизайну
Місяць 3. Webflow
Налаштування проєкту Webflow
- Створення проєкту
- Огляд базових налаштувань
- Екскурс в інтерфейс Webflow Designer
- Налаштування <Body>
- Налаштування HTML-тегів
Основи верстки: десктопна версія
- Введення в HTML та CSS
- Огляд базових елементів
- Практичне виконання верстки
- Створення CSS-класів
- Групування та флексбокси
- Використання базових юнітів
- Заміна та редагування демонстраційного контенту елементів
Основи верстки: адаптивний дизайн
- Огляд точок перебудови (breakpoints) на Webflow
- Адаптація блоків
- Попередній перегляд та тестування адаптивної верстки
Оптимізація цифрового продукту. Базове SEO
- Огляд функціонала Webflow з оптимізації інтерфейсу
- Панель аудиту
- Оптимізація медіафайлів
- Налаштування базових метатегів
- Оптимізація кода та покращення швидкодії вебсайту
Особливості курсу
- Живий онлайн курс
- Можлива оплата частинами
- Теорія та практика
- Можливе повернення коштів якщо не сподобається протягом першого тижня
- Курс не підлягає під попередню підписку
Викладачі курсу
- Марія Ланова - Графічна дизайнерка та ілюстраторка Креативної Практики
- Євген Ігнатюк - Провідний дизайнер освітнього відділу Креативної Практики
- Йосип Кобаль - UX/UI-дизайнер у Ringostat, експерт з Webflow
Видеокурс / Платформа
Формат
Online
Начало занятий
Любой момент
Длительность
2 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
4 500 UAH за курс
- Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробнее
Ви зрозумієте ключові складові проєктування інтерфейсів, дізнаєтесь, як робити їх зручними, й створите інтерактивний прототип застосунку.
Програма курсу
Що таке інтерфейси та як їх створюють
- Що таке інтерфейс
- Коротка історія графічних інтерфейсів
- Огляд процесу створення інтерфейсів
UX-дослідження
Аналіз користувацького сценарію застосунку.
Дослідження користувацького досвіду (UX-дослідження)
- Ключові складові проєктування інтерфейсу
- Гіпотези, експеременти та розуміння
- Профілі користувачів (UX-персони)
- Способи дослідження користувацького досвіду
Створення схематичних екранів застосунку
Створення схематичних екранів застосунку та користувацького сценарію.
Проєктування інтерфейсу (UX-дизайн)
- Логічна карта проєкту
- Користувацький сценарій
- Схематичний прототип
- Раннє тестування
- Пояснювальна записка
Сценарій взаємодії
Створення сценарію взаємодії застосунку.
Дизайн інтерфейсів (UI-дизайн)
- Анатомія інтерфейсу
- Типові пристрої для інтерфейсів та їх відмінності
- Базова дизайн-система для інтерфейсу
Створення макетів застосунку
Створення макетів для екранів вашого застосунку.
Зручність інтерфейсів
- Головне про зручність інтерфейсів
- Комфортні тексти
- Комфортна колірна палітра
- Тестування як засіб забезпечення зручності
Інтерактивний прототип застосунку
Розробка інтерактивного прототипу, використовуючи макети вашого застосунку.
Після проходження курсу ви зможете:
- Досліджувати досвід взаємодії
- Аналізувати інтерфейси
- Розробляти схематичні екрани застосунку
- Створювати сценарій взаємодії
- Створювати макети застосунку
- Створювати інтерактивний прототип застосунку
Особливості курсу
- Перевірка домашніх робіт
- Теоретичні й практичні модулі
- Додаткові матеріали
- Цифровий сертифікат
- Підтримка від спільноти студентів
- Служба підтримки CASES
Викладачі курсу
Анатолій Попель - Засновник та керівник платформи Creative Practice
Подать заявкуЭкспресс-курс
Формат
Online
Начало занятий
Любой момент
Длительность
2 дней
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
1 000 UAH за курс
- Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробнее
На цьому курсі ви познайомитеся з принципом створення карток персон - важливого інструмента для досліджень в галузі дизайну та маркетингу.
Програма курсу
Картки персон в дизайні інтерфейсів та маркетингу
- Історія питання
- Архетипи
- Вміст картки персон
- Збір даних
- Кластеризація
- Наповнення персони
Після проходження курсу ви зможете:
- Розуміти, як працюють архетипи
- Ефективно збирати дані про аудиторію
- Кластеризувати аудиторію на різні вибірки
- Самостійно створювати персони
- Ефективніше форматувати фокус-групи для UX-досліджень
- Використовувати картки персон в маркетингу та бізнес-аналітиці
Особливості курсу
- Стартуй в будь-який момент
- Перевірка домашніх робіт
- Отримання сертифіката
- Теорія та практика
- Підтримка від спільноти студентів
- Додаткові матеріали
- Служба підтримки CASES
Викладачі курсу
Анатолій Попель - засновник та керівник платформи Creative Practice
Подать заявкуВидеокурс / Платформа
Формат
Online
Начало занятий
Любой момент
Длительность
1 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
2 000 UAH за курс
- 2D Artist / 2D Illustrator / Graphic Designer
- Web & Mobile Design / UI/UX
- Prompt Engineering / ChatGPT
CASES-Креативна Практика
Подробнее
Ви познайомитеся з можливостями нейромережі Midjourney та зрозумієте, як досягти від штучного інтелекту потрібного результату.
Програма курсу
Налаштування мережі Midjourney
- Що таке Midjourney та як вона може допомагати дизайнеру
- Реєстрація в Discord та Midjourney
- Генерація картинок і корисні команди
- Галарея Midjourney
- Платні пакети Midjourney
Як налаштувати потрібний Prompt
- Що таке промпт
- Як налаштувати промпт, що дасть потрібний результат
- Маркери промпту
- Розділення маркерів
- Сервіси для генерації промптів
Стилі
- Що таке стилі та як створювати генерації в різних стилях
- Де надихнутися стилями
- Стиль аніме, фотореалізму та інші
- Нейромережі та авторські права
Команди
- Що таке команди та як вони можуть пришвидшити роботу з Midjourney
- Марні команди
- Корисні команди
- Корисні функції
- Як довести генерації до ідеалу
Midjourney у взаємодії з іншими нейромережами
Аналоги та замінники Midjourney:
- DALL-E, Leonardo, Kandinsky, Stable Diffusion
- Нейромережі для генерації відео, звуку, тексту
- Дипфейки в Midjourney
- Adobe Firefly та Drag You GAN
Після проходження курсу ви зможете:
- Налаштовувати підсказки (промпти)
- Генерувати зображення в Midjourney
- Створення генерації в різних стилях
- Пришвидшувати роботу з нейромережами
- Покращувати якість генерації
- Розумітися на альтернативах Midjourney
Особливості курсу
- Стартуй у будь-який момент та навчайся у власному темпі
- Практичні модулі
- Перевірка домашніх робіт
- Додаткові матеріали
- Цифровий сертифікат після проходження курсу
- Підтримка від спільноти студентів
- Служба підтримки CASES
Викладачі курсу
Володимир Чернер - CEO New Strategies Group
Подать заявкуВидеокурс / Платформа
Формат
Online
Начало занятий
Любой момент
Длительность
2 недель
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
2 000 UAH за курс
- 2D Artist / 2D Illustrator / Graphic Designer
- Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробнее
Ви дізнаєтеся, які навички потрібно зазначати в портфоліо, як оформлювати кейси, де шукати перші замовлення та як будувати особистий бренд.
Програма курсу
Що таке портфоліо
В цьому модулі з'ясуємо, що таке портфоліо і які обов'язкові складники воно містить.
Універсальні та спеціальні навички
Поговоримо про різницю між спеціальними та універсальними навичками та дізнаємося, як саме про них розповідати в портфоліо.
Страх порожнього аркуша та перші роботи в портфоліо
Дізнаємося, як побороти страх порожнього аркуша і почати наповнювати портфоліо першими роботами.
Замовники, їхні різновиди та галузі, принцип Парето
Розберемося з тим, як замовники та галузі їхньої діяльності впливають на портфоліо та чому їх слід сприймати як окремий актив.
Контракти, продажі та ціноутворення
З'ясуємо, які бувають види контрактів та як правильно укладати такі документи.
Команда, партнери та нетворкінг
Дослідимо питання побудови команди та ефективної співпраці з колегами за проєктом.
Конкурси, нагороди та відзнаки
Поговоримо про професійні нагороди, їхнє значення та методи здобування.
Персональний бренд та PR
З'ясуємо, що впливає на репутацію фахівця та як розвивати особистий бренд.
Як додавати роботи до портфоліо
В завершальному модулі торкнемося теми кейсів - ви дізнаєтеся, як оформлювати та подавати кейси, аби вони привертали увагу клієнтів.
Після проходження курсу ви зможете:
- Ефективно наповнювати портфоліо
- Укладати контракти з клієнтами
- Шукати перші замовлення
- Оформлювати кейси
- Будувати особистий бренд
- Розвивати та просувати портфоліо
Особливості курсу
- Стартуй у будь-який час і навчайся у власному темпі
- Теоретичні модулі
- Додаткові матеріали
- Цифровий сертифікат після проходження курсу
- Підтримка від спільноти студентів
- Служба підтримки CASES
Викладачі курсу
Анатолій Попель - Засновник та керівник платформи Creative Practice
Подать заявкуВидеокурс / Платформа
Формат
Online
Начало занятий
Любой момент
Длительность
2 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
4 500 UAH за курс
- Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробнее
Ви познайомитеся з анатомією вебсайтів, ключовими принципами зручності та адаптивності, й розробите власний прототип посадкової сторінки.
Програма курсу
Огляд галузі вебдизайну
- Вступ у поняття вебдизайну
- Історія виникнення інтернету
- Історія розвитку вебдизайну
- Типи вебсайтів
- Типи фахівців та організацій, що працюють з сайтами
Анатомія вебсайтів
- Текстові елементи
- Списки у вебсайтах
- Форми
- Навігація
- Інтерактивні елементи
Кросплатформність вебсайтів
- Адаптивний дизайн
- Відмінності та настільні версії сайтів
- Стратегії розробки вебсайту
Ключові принципи зручності вебсайтів
- Головне про зручність
- Закони композиції та закони гештальту в вебдизайні
- Відгук вебсайтів
- Принципи зручності у роботі з текстами
- Принципи зручності у роботі з кольором
Базові елементи вебсайту
Створення простого набору інтерфейсних елементів вебсайтів (UI Kit).
Форма замовлення для вебсайту
Створення форми замовлення з декількох кроків, екрану кошика та листа.
Адаптивний головний екран та меню
Створення 7 версій екрана посадкової сторінки для різних пристроїв.
Макет посадкової сторінки
Створення настільного та мобільного представлення посадкової сторінки.
Інтерактивний прототип
Створення інтерактивного прототипу з викликом модальних вікон та покроковим замовленням.
Після проходження курсу ви зможете:
- Розумітися на анатомії вебсайтів
- Розробляти прості інтерфейсні елементи
- Створювати адаптивний дизайн
- Використовувати принципи зручності вебсайтів
- Розробляти макети посадкової сторінки
- Створювати інтерактивні прототипи
Особливості курсу
- Починай навчання будь-коли і вчись у власному темпі
- Перевірка домашніх робіт
- Підтримка від спільноти студентів
- Служба підтримки CASES
- Цифровий сертифікат після проходження курсу
Видеокурс / Платформа
Формат
Online
Начало занятий
Любой момент
Длительность
6 недель
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
3 000 UAH за курс
- Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробнее
Навчіться створювати дизайн-систему у Figma з нуля та познайомтесь з інтерфейсними комплектами Google, Apple, Microsoft тощо. Ви дізнаєтесь, з чого складається дизайн-система в Figma, як її організовувати, як працювати з кожною з її типових складових і що необхідно врахувати, аби зробити роботу команди з дизайн-проєктом комфортною.
Програма курсу
Огляд дизайн-системи у Figma
Огляд дизайн-систем, їхніх прикладів та переліку обов'язкових компонентів, які має містити в собі інтерфейсний комплект (UI Kit).
Сітки у дизайн-системах
Знайомство з сітками у дизайн-системах: якими бувають сітки, чим вони можуть допомогти в дизайні та що слід враховувати під час їхньої розробки.
Типографія у дизайн-системах
Типографія в дизайн-системі та ключові питання цієї теми: як створювати стилі текстів, що потрібно враховувати під час підбору шрифтів і як взагалі має бути оформлена ділянка про типографію.
Колірні палітри у дизайн-системах
Як добирати кольори, створювати колірні схеми й організовувати кольори у вигляді стилів.
Інтерактивні компоненти у дизайн-системах
Робота з інтерактивними компонентами в дизайн-системах.
Після проходження курсу ви зможете:
- Працювати з дизайн-системами
- Створювати сітки в дизайн-проєктах
- Створювати текстові стилі
- Добирати та організовувати кольори
- Працювати з компонентами
- Використовувати дизайн-токени
Особливості курсу
- Стартуй будь-коли і навчайся у власному темпі
- Теоретичні і практичні модулі
- Перевірка домашніх робіт
- Додаткові матеріали
- Цифровий сертифікат після проходження курсу
- Підтримка від спільноти студентів
- Служба підтримки CASES
Викладачі курсу
Євген Ігнатюк - Провідний дизайнер CASES та Креативної Практики
Подать заявкуВидеокурс / Платформа
Формат
Online
Начало занятий
Любой момент
Длительность
1 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
1 500 UAH за курс
- Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробнее
Опануйте авторозмітки у Figma та навчіться забезпечувати більш гнучку та адаптивну верстку.
Програма курсу
Сутність авторозмітки та її базові параметри
- Вступ до курсу
- Головне про авторозмітки у Figma
- Способи створення авторозміток
- Напрямленість елементів авторозмітки
- Внутрішні та зовнішні відступи
Способи вирівнювання елементів
- Вирівнювання елементів
- Розмірності елементів в авторозмітках
Додаткові властивості авторозміток
- Мінімальні та максимальні розміри авторозміток
- Абсолютне позиціонування
- Інші додаткові властивості авторозміток
Робота з базовими властивостями
- Робота з базовими властивостями
- Способи створення авторозміток
- Напрямленість елементів авторозмітки
- Внутрішні та зовнішні відступи
Робота із розмірностями та вирівнюваннями
- Робота із розмірностями та вирівнюваннями
- Вирівнювання елементів
- Розмірності елементів в авторозмітках
Робота з додатковими властивостями
- Робота з додатковими властивостями
- Мінімальні та максимальні розміри авторозміток
- Абсолютне позиціонування
- Інші додаткові властивості авторозміток
Після курсу ти зможеш
- Створювати та налаштовувати авторозмітки
- Коректно вирівнювати комбінації елементів
- Підбирати правильну розмірність елементів
- Забезпечувати гнучку верстку
- Забезпечувати адаптивне оформлення елементів
- Використовувати додаткові властивості авторозміток
Особливості курсу
- Перевірка домашніх робіт
- Отримання сертифіката
- Теорія та практика
- Підтримка спільноти студентів
- Додаткові матеріали
- Служба підтримки Cases
Викладачі курсу
Євген Ігнатюк - провідний дизайнер Cases та Креативної Практики
Подать заявкуКурс
Формат
Online
Начало занятий
Любой момент
Длительность
-
Уровень
Для детей
Язык обучения
Ukrainian
Стоимость
уточняйте
- Web & Mobile Design / UI/UX
Джун IT Academy
Подробнее
Курс побудований в формі марафону. Ми разом вивчимо графічний редактор Figma, ти отримаєш круті навички. В результаті курсу в тебе буде готовий власний дизайн-проєкт.
Програма курсу
Історія та тренди в Web-дизайні
На цьому воркшопі ми дізнаємось про перші сайти, напрямки в Web-дизайні:
- Скевоморфізм
- Плоский дизайн (Flat)
- Material design (Google)
- Fluent Design (Microsoft)
- IBM Design Language
Основи композиції
На цьому воркшопі ви дізнаєтесь про закон близькості об'єктів. Ми з вами навчимось розрізняти ритм, статику і динаміку. Будемо вміти правильно розставляти об'єкти, зрозуміємо, що таке візуальна ієрархія. Розберемося з поняттями форма і контр форма, перспектива і простір.
Золотий перетин
На цьому воркшопі ви дізнаєтесь що таке ідеальні пропорції, золотий перетин, числа Фібоначчі, ми детально розберемо правило третин, і займемось пошуком та підбором ідеальних пропорцій.
Світло, побудова тіней
На цьому воркшопі ви дізнаєтесь про побудову тіней, звідки і як падає світло, де тінь, напівтінь, блік для правильної побудови об'єкту в 3D вимірі. І все це спробуємо на проктиці.
Основи типографіки
На цьому воркшопі ви дізнаєтесь про класифікацію шрифтів та область їх застосування, параметри шрифтів, заголовки, підзаголовки, абзаци, текст, шрифтові пари. Де ті шрифти шукати і скачувати.
Іконки
На цьому воркшопі ви дізнаєтесь про розробку іконок, спрощення об'єктів, стилі іконок. Де шукати і як підбирати іконки.
Кольори
На цьому воркшопі ви дізнаєтесь про роботу з колірним колом, психофізіологію кольору в дизайні, і як колір впливає на людину, її сприйняття. Покажемо лайфхаки і інструменти по підбору колірних схем.
Етапи розробки
На цьому воркшопі ви дізнаєтесь про етапи розробки сайту, пошук потрібного котенту, натхнення, пошук ідей.
Принципи побудови інтерфейсів
На цьому воркшопі ви дізнаєтесь про принципи побудови інтерфейсів. Що таке візуальна ієрархія сайту? Закон близькості. Розстановка пріорітетів та акцентів на сторінках. F- і Z- патерни.
Прототипування
На цьому воркшопі ви дізнаєтесь про види та підходи до прототипування:
- Скетчінг
- Варфреймінг
- Інтерактивне прототипування
Огляд основних інструментів Figma. Частина 1
На цьому воркшопі ви дізнаєтесь про інтерфейс і основні налаштування Figma. Фрейм і сітка. Базові фігури. Інструмент перо, вчимося працювати з кривими Безьє. Групування і упорядкування шарів.
Огляд основних інструментів Figma. Частина 2
На цьому воркшопі ви дізнаєтесь про робота з контентом. Boolean Groups і Маски. Вирівнювання і відступи. Auto Layout. Робота з кольором і різними типами заливки. Ефекти. Як поділитися проєктом Figma?
Створення головного екрану
На цьому воркшопі ви дізнаєтесь про те, які основні елементи головного екрану, що таке навігація, футер, хедер, кнопка, заклик до дії.
Створення лендінгу
Захист проєкту
Особливості курсу
- Можлива оплата курсу частинами
- Підтримка ментора
- Повна комунікація з тренером та одногрупниками
- Сертифікат після здачі іспиту і фінального проєкту
- Інноваційний підхід до колективного навчання
Викладачі курсу
Влад Копач - Middle Product Designer
Подать заявкуКурс
Формат
Online
Начало занятий
Любой момент
Длительность
-
Уровень
Для детей
Язык обучения
Ukrainian
Стоимость
уточняйте
- Web & Mobile Design / UI/UX
Джун IT Academy
Подробнее
Протягом курсу ми разом поглиблено вивчимо графічний редактор Figma, зрозуміємо, що таке UI та UX. В результаті курсу в тебе буде власний крутий проєкт.
Програма курсу
Огляд крутих інструментів Figma
- Дизайн-система: стилі кольору, стилі тексту, компоненти
- Корисні плагіни
- Як лінкувати
- Створюємо клікабельний прототип
- Overflow Behavior
Дизайн мислення
- Створення настрою проєкту (Moodboard)
- Скетчбук
- Натхнення
- Генерація креативних ідей
Шрифт
- Web-типографіка
- Візуальні елементи публікації
- Підбір шрифтів та шрифтові пари
- Інструменти підбору Web-шрифтів
Елементи інтерфейсу та їх стан
- Елементи форми
- Елементи навігації
- Інформаційні елементи
- Прелоадери
Іконки
- Стилі іконок
- Стилеутворюючі елементи
- Формати та стандартні розміри іконок
- Анімація іконок
- Фавіконки та сервіси для створення фавіконок
- Сервіси для підбору іконок
Фотографії та ілюстрації
- Формати зображень для сайту
- Розміри фотографій
- Зберігання та оптимізація зображень
Модульні сітки
- 8pt сітка
- Горизонтальний ритм
- Вертикальний ритм
- Модульная сітка Bootstrap
- Нестандартні модульні сітки
Responsive and Adaptive design
- Mobile first/Desktop first підходи
- Мобільні версії сайту vs Адаптивний дизайн
- Підготовка макету для adaptive/responsive сайтів
- Правила підготовки макетів та зображень для Retina дисплеїв
Анімація інтерфейсу
- Анімація інтерфейсу
- Анімація ілюстрацій та іконок
- Популярні інструменти та сервіси
Велика практика
- Пошук і аналіз референсів для інтернет-магазину. Вибір тематики
- Структура інтернет-магазину
- Прототипування
- Підбір контенту
- Проектування
- Аналіз
- Внесення правок
Захист проєкту
Особливості курсу
- Можлива оплата курсу частинами
- Підтримка ментора
- Повна комунікація з тренером та одногрупниками
- Сертифікат після здачі іспиту та фінального проєкту
- Інноваційний підхід до колективного навчання
Викладачі курсу
Влад Копач - Middle Product Designer
Подать заявкуКурс
Формат
Online
Начало занятий
Дата формируется
Длительность
3 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
12 500 UAH за курс
- Web & Mobile Design / UI/UX
SkillUP
Подробнее
Освоїш основи композиції та кольорознавства - обов'язкові знання для UI/UX дизайнерів. Навчишся створювати інтерактивні і привабливі веб-сайтів, з урахуванням цільової аудиторії. Дізнаєшся, як зіставляти аналітичні дані та формувати гіпотези щодо підвищення ефективності проєктів. Опануєш фішки презентування проєкту замовнику.
Програма курсу
UI
- Типографіка - ознайомлення з анатомією тексту
- Композиція - основи композиції та правила розміщення
- Модульні сітки - анатомія сітки та підвиди сіток
- Адаптивний дизайн - розглянемо види адаптивних макетів, зрозуміємо що таке брейкпойнт та навіщо він потрібен
- Колір - знайомство з фізикою та теорією кольору
- Навігація - знайомство з видами та принципами навігації продукту
- Іконографіка - розберемось чому іконка це один з найважливіших способів подачі інформації
- Організація робочих процесів - розберемось чому на стільки важливо правильно організовувати файлову систему
UX
- Брифінг та ТЗ - про те як правильно зрозуміти задачу від замовника, сформувати бріфи і не загубитись в ТЗ
- Зустріч з замовником - зустрінемось з замовником, отримаємо ТЗ на курсовий проєкт, будемо використовувати теоретичні знання на практиці
- Research workshop - розберемось з основними етапами попереднього дослідження
- Customer Journey Map - розберемо що таке CJM та вивчимо основні етапи її розробки
- Sketch and Prototype - генерація ідей і рішень для курсового проєкту
- User Test workshop - розберемо основні задачі тестування продукту
- Usability Review - розберемось в якісних компонентах юзабіліті і евристиках
Особливості курсу
- Portfolio Review - на заняттях ти створиш професійне портфоліо, яке буде оцінено експертами у сфері веб-дизайну наприкінці курсу
- Коучинг з працевлаштування - ти отримаєш кейс корисних порад щодо працевлаштування та навчишся скорочувати час пошуку роботи до тижнів
- Викладачі практики - в нас немає теоретиків, навчання проводять практикуючі спеціалісти з топових IT компаній. Тільки реальний досвід і корисні знання
Курс
Формат
Online
Начало занятий
Дата формируется
Длительность
2 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
уточняйте
- Web & Mobile Design / UI/UX
Atom
Подробнее
Ви комплексно засвоїте навичку створення дизайну сайтів та лендінгів, підкріплену грошима, заробленими вже під час навчання. У вас буде зрозумілий шлях розвитку Web-дизайнера в 5 років з нуля до 1500$ в місяць на Web-дизайні працюючи віддалено.
Програма курсу
Модуль 1 - Основи Web-дизайну. Введення в професію
Заняття 1. Вступне заняття
- Познайомились з програмою, командою, платформою та правилами навчання
- Розібрались з методологією навчання в Atom (Soft+Hard+Mindfulness)
- Зрозуміли як прийти до результату на кожному етапі навчання та після нього
- Сформована ціль, точка А, точка Б та артефакт
Заняття 2. Основи web-дизайну
- Дізналися що таке вебдизайн та які задачі він вирішує, як саме формувався вебдизайн, що таке Web 1.0, Web 2.0, Web 3.0
- Зрозуміли хто такий Junior Web-designer, якими Hard та Soft skills має володіти для першого заробітку
- Розібрали як відбувається процес створення вебдизайну та з якими фахівцями вебдизайнер працює в команді
- Дізналися скільки в середньому заробляє Junior Web-designer та яка градація зростання Junior Web-designer, до яких результатів може прийти
- Познайомилися з основними інструментами для роботи
Модуль 2 - Figma для веб-дизайнера
Заняття 3. Введення у Figma
- Завантажили та зареєструвались у програмі Figma, оглянули інтерфейс інструменту
- Попрацювали з іконками, фігурами та ілюстраціями.Зрозуміли як працювати з медіа контентом у Figma
- Дізналися які бувають види ефектів у Figma. Навчимося створювати та використовувати різні типи кольорів у Figma
- Розглянули як працювати зі шрифтами у Figma
Заняття 4. Структури та автоматизація у Figma
- Дізналися про різні властивості груп та їхнє використання.
- Зрозуміли що таке Auto layout і як з ним працювати у Figma
- Розібрали компоненти та варіативні компоненти у Figma
- Навчилися працювати з порядком та шарами для організації та управління дизайнами
Заняття 5. Розширені можливості Figma
- Дізналися що таке Figma Community
- Зрозуміли які бувають стилі у Figma
- Розібрали як користуватися бібліотекам у Figma
- Навчилися як імпортувати та експортувати об'єкти у Figma
- Познайомилися з корисними плагінами Figma
Модуль 3 - Візуальна мова web-design
Заняття 6. Візуальна логіка
- Дізналися з чого складаються основи візуальної логіки
- Зрозуміли як відбуваєтсья групування об’єктів
- Розібрали що таке Декомпозиція
- Дізналися які бувають дизайн система та як їх аналізувати
- Познайомилися з основами ієрархії у вебдизайні
Заняття 7. Композиція
- Дізналися шо таке композиція та які її елементи.Основні види композиції.
- Зрозуміли які бувають принципи створення композиції
- Познайомилися з прийомами для роботи з композицією
- Дізналися що таке домінанта в композиції
- Розібрали як працює оптичний баланс та які є способи оптичного вирівнювання
Заняття 8. Сітки та направляючі у веб-дизайні
- Дізналися що таке сітки та направляючі
- Познайомилися 6 основних типів сіток
- Розібрали приклади використання сіток та направляючих
- Попрацювали з сітками та направляючим на практиці
Заняття 9. Типографіка
- Дізналися про словник термінів по типографіці
- Познайомилися з основами типографіки у вебдизайні
- Розібрали особливості швейцарського стилю
- Попрацювали з типографікою на практиці
Заняття 10. Основи кольору у вебі
- Дізналися про психологію кольору у вебі.
- Познайомилися з властивостями кольору.Про колірне коло, системи та схеми.
- Розібрали як складати палітру кольорів
Заняття 11. Надивленість
- Дізналися що таке надивленість
- Розібрали як створювати moodboard для проєкту
- Розібрали як тренувати надивленість
Модуль 4 - Створення дизайну сайту
Заняття 12. Пошук тестового клієнта
- Розглянули 4 оптимальні варіанти для пошуку тествого клієнту
- За допомогою 4 варіантів знайшли тестового клієнта
Заняття 13. Розробка дизайну лендінгу
- Дізналися про дослідження у вебдизайні
- Розібрали логіку інтерфейсу
- Навчилися як правильно користуватися розповіддю у дизайні
- Познайомилися з основними принципами навігації по сайту
Заняття 14. Розробка дизайну лендінгу. Частина 2
- Дізналися про структуру лендінгу та з яких елементів складається інтерфейс
- Розібрали які є типи сторінок
- Навчилися як правильно проводити брифінг клієнта та конкурентний аналіз
- Познайомилися з технологічним процессом
Заняття 15. Розробка дизайну лендінгу. Частина 3
- Дізналися про структуру лендінгу та з яких елементів складається інтерфейс
- Розібрали які є типи сторінок
- Навчилися як правильно проводити брифінг клієнта та конкурентний аналіз
- Познайомилися з технологічним процессом
- Створили свій перший корпоративний сайт для тестового клієнту
Заняття 16. Оформлення портфоліо на Behance
- Дізналися як створити аккаунт на Behance.
- Навчилися створювати портфоліо та правила, лайфхаки при оформлені.
- Створили власне портфоліо з 2 кейсів
Модуль 5 - Ведення клієнта
Заняття 17. Супроводження клієнта, комунікація в команді
- Дізнались як бути спеціалістом, якого цінують в команді та на ринку
- Навчились обирати команду, в якій буде комфортно
- Навчилися вести клієнта на фрілансі
- Навчилися комунікації в команді для комфотрох та ефективної роботи
- Навчились завершати співпрацю з клієнтом так, щоб він рекомендував вас знайомим та повертався сам
Модуль 6. Стратегія масштабування до $1500
Заняття 18. Упаковка себе, як спеціаліста
- Дізнались про шляхи пошуку клієнта
- Оформили портфоліо
- Упакували особисті соц. мережі
- Створили резюме
- Обрали для себе способи пошуку клієнтів та отримали перших клієнтів на $100
Заняття 19. Пошук вакансій та працевлаштування
- Знайшли понад десять цікавих вакансій
- Сформували резюме та супровідний лист
- Відгукнулися на вакансії та підготувалися до співбесіди
Заняття 20. Фріланс. Лідогенерація
- Навчитись складати список потенційних клієнтів на ваші послуги
- Розказали знайомим про свою нову професію
- Заповнили профілі на біржах фрілансу
- Отримали перші відповіді/запити на співпрацю
Заняття 21. Фріланс. Продаж своїх послуг
- Дізнались які ж етапи продажу послуг Web-дизайну та підготували скрити продажів своїх послуг
- Вмієте брифувати та дебрифувати клієнта
- Домовились з клієнтом про співпрацю та заробили перші $100 на дизайні
Модуль 7. Стратегія масштабування Web-designer
Заняття 22. Як заробляти від $1500 вже через 6 місяців
- Дізнались які є стратегії розвитку Web-дизайнера та обрали свою
- Отримали алгоритм дій, який дозволить масштабувати свій дохід після навчання
- Отримаєте інструкцію як отримати постій потік клієнтів на послуги Web-дизайнера
Додатковий модуль
ШІ у веб-дизайні
- Зрозуміли що таке промти
- Дізналися про універсальне правило для створення промтів
- Розібрали популярні сервіси на основі ШІ для вебдизайнерів
Процес створення корпоративного сайту
- Дізналися про структуру корпоративного сайту та з яких елементів складається інтерфейс
- Розібрали які є типи сторінок корпоративного сайту
- Створили свій перший корпоративний сайт для тестового клієнту
Особливості курсу
- Підтримка куратора і перевірка ДЗ
- Доступ до навчальної платформи на 8 місяців
- Довічний доступ до спільноти дизайнерів в Atom
- Сертифікат про проходження курсу
- 2 потенційних клієнта від Atom
Викладачі курсу
- Володимир Гродзіцький - Дизайнер
- Анастасія Ромашенко - UI/UX та веб-дизайнер
- Сергій Хорунжий - Засновник і CEO освітньої компанії Atom
- Олександр Стручаєв - Методолог, психолог
- Іван Вергун - Експерт сфери візуальних комунікацій
Курс
Формат
Online
Начало занятий
Дата формируется
Длительность
20 занятий
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
9 000 UAH за курс
- Web & Mobile Design / UI/UX
CHI IT Academy
Подробнее
Наш курс UI/UX-дизайну для початківців на 80% складається з практичних занять, тому після його закінчення ти отримаєш і сертифікат, що підтверджує твої нові навички, і готові проєкти в портфоліо, які ти можеш показати роботодавцю. Все в твоїх руках!
Програма курсу
Всупне заняття
Ти знайомишся з лектором, групою, планом навчання та структурою курсу, а також дослідиш роль дизайну у розробці продукту в цілому.
Практичне заняття 1
Оберемо тему для твого першого проєкту й визначимо шляхи та можливості його створення.
Знайомство з Figma
Третє заняття присвячене базовій програмі для дизайнерів - Figma. Ми розберемося з її інтерфейсом і власноруч випробуємо функціонал. Також визначимо, які сайти існують та для чого використовують кожен з видів.
Практичне заняття 2
На другій практиці ми попрацюємо над структурою сайту. Ти дізнаєшся про способи групування сторінок, їхню ієрархію на сайті та зв'язок одне з одним. Власноруч спробуєш створити збалансовану структуру сайту.
Дизайн-мислення
На п'ятому занятті ми знайдемо відповіді на запитання про метод дизайн-мислення: на чому він базується та як використовувати на практиці в реаліях сучасності.
Практичне заняття 3
На практиці допрацюємо деталі твого першого проєкту.
Основи композиції. Композиційні прийоми
Розглянемо методи створення композиції, її види, яскраві об'єкти, базові елементи, групування елементів тощо.
Презентація першого проєкту
У тебе є перший проєкт в рамках цього курсу, яким ти поповниш своє портфоліо. Однак пам'ятай - це ще не кінець!
Кольори
Розберемо значення кольорів у дизайні, познайомимось із тонкощами підбору кольорів та правилами їхньої комбінації. Також оберемо тему для другого проєкту.
Практичне заняття 4
На занятті з'ясуємо, як слід розміщати блоки на сторінці, які типи структур сторінки бувають та як підібрати влучний - і всі знання ти опануєш власними руками.
Основи типографіки. Типографічні прийоми
Ти дізнаєшся, що таке шрифт, гарнітура, кегль, кернінг, інтерлін'яж, базова лінія. Розберемо, що таке засічки та сеанс-засічки, де купити шрифти, як працювати з рівнями заголовків. Також розглянемо правила роботи з текстовими блоками.
Практичне заняття 5
Незабаром захист другого проєкту, тому на цьому практичному занятті розбираємо, опрацьовуємо та вдосконалюємо власний проєкт.
Робота з клієнтом. Іконки
На цьому занятті ти дізнаєшся, як працювати з брифом та його складовими. Розберемо, як правильно використовувати іконки на сайті та для чого взагалі вони потрібні.
Захист другого проєкту
Вдруге на цьому курсі ти презентуєш власний проєкт. А далі - тільки більше практики та нових звершень!
Адаптивний дизайн. UX патерни, фічі та закони юзабіліті
Розглянемо особливості дизайну для різних пристроїв (смартфонів, планшетів, ноутбуків), а також варіанти й правила використання адаптивного дизайну. Поглибимось в UX-патерни та з'ясуємо, як їх втілювати на реальних проєктах. І куди ж без вибору теми третього - фінального - проєкту.
Практичне заняття 6
На цьому занятті разом попрацюємо над домашньою сторінкою та дизайн-системою.
Практичне заняття 7
Розберемо нюанси твого проєкту перед захистом, вдосконалимо його, бо зовсім скоро презентація проєкту перед лектором!
Behance. Оформлення резюме
Для сучасного дизайнера важливо, щоб його роботи бачили. Тому заняття присвячено платформі Behance: ти дізнаєшся, як створити профіль, на який одразу хочеться підписатися. Якісне резюме є невід'ємною частиною дизайнера з кар'єрними планами, тому ти на прикладах зрозумієш, що має містити твоє резюме, щоб привернути увагу рекрутерів.
Практичне заняття 8
Ти вже майже на фініші, тому час гарно підготуватися до захисту проєкту, врахувати всі поради лектора та створити щось неймовірне!
Презентація третього проєкту
Цей час настав! Тепер у тебе є готове портфоліо й сертифікат, які можна додати до свого резюме та робочих сторінок у соц.мережах.
Особливості курсу
- 20 онлайн-занять
- зворотній зв'язок та регулярну підтримку досвідченого ментора
- доступ до зручної онлайн-платформи для навчання
- допоміжні матеріали: записи лекцій, презентації та чек-листи
- сертифікат про закінчення курсу, що підтвердить твої навички та компетенції
- для найкращих студентів – можливість вступу до оплачуваної інтернатури в партнерській ІТ-компанії
Викладачі курсу
Кирило Терещчук - UX designer
Подать заявкуКурс
Формат
Online
Начало занятий
Дата формируется
Длительность
12 недель
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
Безкоштовно
- Web & Mobile Design / UI/UX
Genesis Academy
Подробнее
Курс допоможе систематизувати знання про основи колористики, композиції та типографіки, а також навчить працювати з даними продуктової аналітики та покращенням дизайн-рішень для підвищення продуктових метрик за допомогою дизайну. Протягом навчання також дізнаєтесь як проводити дослідження, тестування та аналіз конкурентів, створювати дизайни для різних аудиторій.
Програма курсу
Вступ в продуктове IT
- Tech for non-tech
- Про курс та професію продуктового дизайнера
- Типографіка, верстка та кольори
- Мобільні та веб-інтерфейси
- Бібліотеки компонентів та дизайн-системи
- Хороші та погані інтерфейси
Користувацький досвід / UX Дослідження
- Психологія користувача та UX-патерни
- Аналіз конкурентів та евристичний аналіз
- Прототипування та шлях користувача
- Lean UX та Agile
- Якісні та кількісні методи досліджень
- Юзабіліті-тестування
- Глибинні інтервʼю
- Теорія Jobs-to-be-Done
Продукт та процес
- Робота в продуктовій команді
- Залучення, монетизація та повернення користувачів
- Гіпотези та брейнштормінг
- Продуктова аналітика та Data-driven підхід
- А/В-тестування
- Робота над фінальним проєктом
Особливості курсу
- Попередня реєстрація на курс, з проходженням тестових завдань та співбесіди
- Лекції 2 рази на тиждень
- Доступ до всіх матеріалів впродовж 2 місяців після закінчення школи
- Індивідуальний фідбек від викладача
- Нетворкінг
- Сертифікат про закінчення школи
Викладачі курсу
- Олексій Кравченко - UI/UX Designer, Universe
- Олександр Личак - Head of Product, OBRIO
- Анатолій Денисюк - Head of Product Design, Headway
- Аліна Чубченко - Product Designer, Quarks
Курс
Формат
Online
Начало занятий
Любой момент
Длительность
24 занятий
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
уточняйте
- Web & Mobile Design / UI/UX
Genius.Space
Подробнее
Курс допоможе опанувати професію UX/UI дизайнера з нуля. На заняттях ви вивчите основи UX/UI дизайну, методології та інструменти для розробки найкращих інтерфейсів, навчитесь створювати візуальний та адаптивний дизайн, матимете власноруч створений проєкт у портфоліо, поради щодо оформлення CV та підготуєтеся до інтерв'ю з роботодавцем/замовником.
Програма курсу
UX/UI дизайнер
- Хто такий UX/UI дизайнер.
- Які особливості роботи в різних типах компаній.
- Що робить UX/UI дизайнер на роботі.
Методології/Human centered design процес. UX методології
- Які підходи існують.
- Які підходи коли краще використовувати + як зібрати кейс в портфоліо.
Збір даних від замовника
- З ким говорити.
- Які запитання ставити.
- Як проводити зустріч з замовником.
Дослідницька стратегія
- Які методи досліджень існують.
- Які методи коли краще використовувати.
Аналіз конкурентів
- Як вибрати конкурентів.
- За якими параметрами їх аналізувати.
Інтерв'ю з користувачами
- З ким говорити.
- Які питання ставити.
Опитування
- Які запитання ставити.
- Як обробляти відповіді.
Персонажі
- Хто такі персонажі.
- Навіщо вони потрібні.
Мапа шляху користувача
- Що таке мапа шляху.
- З чого складається мапа.
- Як дані перетворюються на рішення.
Інформаційна архітектура
- Що таке інформаційна архітектура.
- Навіщо вона потрібна.
- Як нею користуватись.
Інструменти дизайнера. Як змінювався софт
- Які задачі виконує діджитал дизайнер.
- Актуальні програми які сьогодні використовують діджитал дизайнери.
Принципи роботи з Figma. Основи інтерфейсу. Організація макетів
- Як працювати з Figma.
- Функції та інструменти Figma.
- Як структуровано вести проекти та організовувати простір.
Елементи сайту. Стилі, сітки та автолейаути
- Які бувають типи сайтів та їх елементи.
- Як підготувати макет Figma перед створенням дизайну.
Прототипування
- Що таке прототипи.
- Які інструменти прототипування існують.
- Навіщо потрібні прототипи.
Тестування інтерфейсів
- Що таке тестування інтерфейсів.
- Що тестувати.
- З ким тестувати.
Референси та мудборди
- Навіщо потрібно створювати мудборди та збирати референси.
- Як тренувати надивленість.
Візуальний дизайн: типографіка та іконки
- Що таке візуальний стиль сайту.
- Принципи типографіки.
- Робота зі шрифтами.
- Як створювати іконки.
Адаптивний дизайн
- Як правильно створювати дизайн для мобільних пристроїв.
- Адаптація складних елементів.
Візуальний дизайн: композиція, сітки та колір
- Що таке колір та як його використовувати.
- Основні правила побудови композицій.
- Типи сіток та особливості їх побудови.
Презентація
- Як підготуватись до презентації.
- Як презентувати рішення.
Дизайн система та UI kit. iOs, Android. Особливості та гайдлайни
- Для чого потрібні гайдлайни.
- Особливості використання гайдланів Human Interface Guidelines та Material Design.
- Що таке дизайн-система.
- В чому відмінність дизайн-системи та UI kit.
- Що таке атомарний дизайн?
Веб аналітика
- Особливості інструментів аналітики.
- Як цифри можуть впливати на дизайн.
- Основні інструменти Google Analytics.
Передача файлів в розробку
- Як стати кращим другом із розробником коли ти дизайнер проекту.
- Вчимося готувати специфікації макетів для передачі розробнику.
Портфоліо, CV. Як підготуватися до інтерв'ю з роботодавцем/замовником
- Що має містити портфоліо дизайнера.
- Що має містити резюме.
- Як підготуватися до інтерв'ю з роботодавцем/замовником.
Особливості курсу
- Доступ до курсу:
- пакет "Basic" – 3 місяці
- пакет "Pro" – 6 місяців
- пакет "Premium" – 12 місяців
- Практичні домашні завдання
- 4 ефіри "Питання - відповідь" від спікерів курсу
- Додаткові переваги у пакетах "Pro" та "Premium":
- сертифікат/диплом про проходження курсу
- індивідуальний зворотній зв'язок від куратора
- додаткові ефіри "Питання - відповідь" від спікерів курсу
- доступ до чату з вакансіями від Genius.Space
Викладачі курсу
- Євген Педорич - UI designer, Product designer у Kyivstar
- Іста Чебан - UX designer, Product designer у Kyivstar
Курс
Формат
Online
Начало занятий
31.05.2024
Длительность
6 недель
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
20 000 UAH за курс
- Web & Mobile Design / UI/UX
WebPromoExperts
Подробнее
Навчіться працювати з Figma для розробки дизайн-систем, створення прототипів та векторного дизайну. Опануйте процеси UI/UX дизайну та їх аналізу за допомогою ШІ.
Програма курсу
Вступне заняття. Хто такий веб-дизайнер і чим може допомогти AI
- Огляд типів веб-сайтів та їх відмінностей
- Представлення інструментів та програмного забезпечення, що використовуються веб-дизайнерами
- Знайомство з базовими принципами UX/UI дизайну та їх перевагами та недоліками
- Можливості використання штучного інтелекту у веб-дизайні та розмірковування, чи є це доцільним у конкретному контексті
Нетворкінг: знайомство із куратором
- Знайомство студентів із куратором
- Обговорення цілей з якими прийшли на курс
- Близьке знайомство студентів зі своїми одногрупниками
Можливості Figma та чого її варто використовувати та чим допоможе AI
- Ознайомлення з можливостями Figma та перевагами його використання
- Оптимізація роботи та спілкування команди в середовищі Figma
- Розробка дизайн-систем у Figma зі стандартами та консистентністю
- Створення інтерактивних прототипів та векторного дизайну
- Використання AI для автоматизації процесів та оптимізації роботи у Figma
UX - створення зручних інтерфейсів, аналіз дизайну за допомогою AI
- Роль UX в дизайні продукту та розуміння типів веб-сайтів та їх елементів
- Теорія кольору та його вплив на користувача
- Дослідження цільової аудиторії, створення інформаційної архітектури та проведення А/В тестування
- Використання AI для аналізу дизайну та надання рекомендацій з оптимізації UX/UI
UI - що це таке і навіщо потрібне й чим допоможе АІ
- Роль UI у дизайні продукту та основні принципи UI-дизайну
- Вплив дизайну на досягнення бізнес-цілей через використання кольору, шрифтів та інших елементів
- Розміщення основних блоків на веб-сторінці та правила їх розташування
- Можливості використання AI для автоматичного аналізу та оптимізації UI-дизайну
UX-стратегія та UX-дослідження
- Ознайомлення з брифом, розробка інформаційної архітектури та створення Customer Journey Map
- Розробка User Flow та використання AI для аналізу та оптимізації UX-стратегії
Майстермайнд: зустріч з куратором
В режимі онлайн куратор відповідає на усі запитання студентів з пройдених тем.
Основні принципи адаптивності за допомогою АІ та верстки
- Створення веб-сторінок та їх структури з використанням HTML тегів
- Використання CSS для стилізації та адаптації веб-сторінок під різні пристрої
- Основи синтаксису JavaScript та його використання для взаємодії з веб-сторінками та впровадження динамічних елементів
- Автоматизація процесів за допомогою AI в адаптивному дизайні та оптимізація роботи на різних пристроях
Майстермайнд: зустріч з куратором
В режимі онлайн куратор відповідає на усі запитання студентів з пройдених тем.
Спілкування з клієнтом, на що звернути увагу
- Підготовка стратегії разом з клієнтом, а встановлення вимог до проєкту
- Аналіз ринку та конкурентів
- Взаємодія з клієнтом після завершення роботи та встанолення терміну гарантій (на внесення правок)
Особливості курсу
- "Живі" онлайн-вебінари
- Доступ до запису вебінару вже на наступний день після проведення
- Практичні домашні завдання
- 25+ годин навчання у форматі онлайн
- Доступ до корисних додаткових матеріалів курсу UI/UX designer
- Закрите ком'юніті в Telegram на період навчання
- Інтерактивна навчальна платформа
- Зворотний зв'язок від куратора протягом навчання
- Матеріали UI/UX дизайн курсу доступні 1 рік з моменту його завершення
- Захист проєкту
- Сертифікат WebPromoExperts
- Бонусом курс із бізнес-англійської
- Можливість сплатити за курс частинами (від 2 до 6 платежів)
Викладачі курсу
Денис Студенніков - Head of UX/UI та СОО Турум-бурум
Подать заявкуКурс
Формат
Online
Начало занятий
Дата формируется
Длительность
5 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
уточняйте
- Web & Mobile Design / UI/UX
Beetroot Academy
Подробнее
На даному курсі студенти навчаться розуміти UX, визначати патерни поведінки користувачів, опанують фундаментальні принципи UI та покращать проєкт через продуманий дизайн, влучні кольори та шрифт, навчаться створювати UX/UI-дизайн як для сайту, так і для мобільного додатку. Наприкінці курсу Ви отримаєте три власноруч створені проєкти у перше портфоліо, поради щодо оформлення CV та супроводжувального листа.
Програма курсу
Figma
- Урок-знайомство
- Основи IT
- Вступ до курсу. Спеціальність UI/UX дизайнер
- Figma
- Знайомство. Доступ за посиланням. Коментарі. Frame. Плагіни
- Робота з фігурами
- Components
- Pen & Pencil. Відтворення ілюстрації
- Маски. Ефекти.Стилі
- Інструмент текст. Робота зі стилями. Растр, корекція фото
- Auto layout
- Variants
- Інтерактивний прототип. Мікроінтеракції
- Інструмент Selection Vector. Outline Stroke
UX-дизайн
- Основи дизайн-мислення. UX дизайн-процес
- Типи сайтів
- Робота з брифом. Інтерв'ю дизайнера з клієнтом
- Mind Mapping та ідеація. Інформаційна архітектура
- Аналіз конкурентів. Референси. Мудборд
- Дослідження користувачів: глибинні інтерв'ю, опитування, сортування карток
- UX-персона та карти емпатії
- Customer journey map
- User flow
- Елементи сайту. Скетчинг
- Wireframing та prototyping
- Веб аналітика та А/Б тестування
- Інклюзивний дизайн
UI-дизайн
- Візуальна ієрархія
- Основи композиції
- Колір
- Шрифти
- Інтерактивний прототип
- Типографіка
- Іконки
- UI kit та Atomic design
- Дизайн система
- Landing Page
- Адаптивний дизайн
- Оптимізація макета та передача файлів розробникам
- Модульні сітки
Дизайн мобільних застосунків
- Дизайн мобільних додатків. Основи
- Візуальний стиль та початкові екрани мобільного додатку.
- Створення екранів мобільного додатку
- Apple розробка. IOS гайдлайни
- Андроїд розробка. Material design
- Підготування додатка до Apple store та Google play
Фінальний проєкт
- Робота над проєктом:
- бриф та аналіз конкурентів
- прототип
- wireframe
- адаптив
- UI kit
- створення персон/карт емпатії
- UI основних сторінок
- інформаційна архітектура та структура сайту
- UI головної сторінки
- user flow/CJM
Особистий бренд та створення портфоліо
- CV.Linkedin. Інтерв'ю
- Підготовка портфоліо
- Проєкт на Behance та мокапи для Dribble
- Захист проєктів
- Випускний
Бонус. Photoshop
- Самоопрацювання. Photoshop. Робоча область. Пензлі. Режими накладання
- Самоопрацювання. Photoshop. Інструменти виділення й вирізання зображення. Обробка кольору
- Самоопрацювання. Photoshop. Робота з інструментами Eraser Tool і Polygonal Lasso для вирізання та коригування контурів
- Самоопрацювання. Photoshop. Використання інструментів Healing Brush, Patch, Clone Stamp та Layer Masking
- Самоопрацювання. Photoshop. Створення рекламного банера для соцмереж. Color Blend mode
Бонус. Навички роботи з ШІ для кар'єри майбутнього
- Що таке штучний інтелект?
- Чому ШІ важливий?
- Що насправді означає ШІ та як він працює?
- Що може і чого не може ШІ?
- Корисні інструменти та приклади використання:
- Deepl
- ChatGPT
- Bard
- Grammarly
- clipdrop.co
- Adobe Firefly
- Photoshop
- Perplexity.ai
- Як використовувати ШІ для зручного пошуку роботи
- Сайти вакансій з елементами штучного інтелекту
- Покращення твого CV за допомогою ШІ
- Приклади ефективних резюме та супровідних листів
- Підготовка до інтерв'ю
- Підбірка ШІ тулзів для пошуку роботи:
- Bard та ChatGPT
- Kickresume
- JobProfile.io
- Resumaker.ai
- Jobscan
- Yoodli
- Interviewsby.ai
- Interview Warmup
- Interviewing.io
- Корисні матеріали, які допоможуть розширити та заглибитись в тему (статті, відео та безплатні курси)
- Де варто/не варто використовувати ШІ?
- Роль штучного інтелекту в UX/UI дизайні
- Виклики та обмеження використання ШІ
- Огляд та інтеграція інструментів ШІ в процеси проєктування
Бонус. English club
- Під керівництвом викладача англійської
- Фокус на розмовну англійську
- Формування словникового запасу англійської для ІТ
- Написання СV та підготовка до співбесіди в іноземній компанії
- Поділ на групи відповідно до рівня:
- A1-A2
- A2-B1
- B1-B2/C
Бонус. Кар'єрне консультування
- Навчишся створювати конкурентоспроможні резюме і супровідний лист та отримаєш на них фідбек від професійного рекрутера
- Підготовка до інтерв'ю. Типові питання та підводні камені
- Створиш зразковий профіль в LinkedIn
- Дізнаєшся, де знаходити круті вакансії та як на них подаватися
Особливості курсу
- Для людей від 16 років
- Вечірні заняття в зумі
- Теорія вивчається самостійно, а на заняттях розглядається лише практика
- Бонусний модуль для самоопрацювання: Photoshop
- Навчання в командах під керівництвом викладача як тімліда
- Сертифікат після успішного завершення курсу
Викладачі курсу
- Олена Стародубцева - Design Lead at InDevLab
- Дар'я Конькова - UI/UX Designer at Ciklum
- Єгор Довгопол - UI/UX Designer
- Аліна Рахімова - Senior UI/UX Designer
- Владислав Туліновський - Product Designer at Zaino
- Юлія Деревянко - Head of Design at Hocoos
- Анастасія Севрюк - UI/UX Designer at BotsCrew
- Анна Забуга - Senior Product Designer at SmartRecruiters
- Дмитро Горіцин - Senior Product Designer at SoftServe
- Тетяна Крамарська - UI/UX Designer, Graphic Designer at Markupus
- Катерина Кір'янова - UI/UX Designer, Design Team Lead at CoreTeka
- Єлизавета Гусєва - UI/UX Designer at Stera Global
- Вікторія Ключник - Senior Product Designer at IntellectEU
- Діана Євицька - UX Designer at Avenga Ukraine
- Олександр Берест - UX/UI Designer в League Design Agency
- Дара Федоришин - Senior Product Designer at NerdySoft
- Анастасія Підлипна - Досвід роботи 7+ років
- Олександр Дяков - Senior UX Designer at Tobii
- Анастасія Мислюк - Product Designer & Team Lead в Helsi
- Ігор Кондратюк - Product Designer at United Tech
- Михайло Косяков - UX Designer at Avast
- Андрій Гуцько - UI/UX Designer at InVerita
- Олена Буркова - UX/UI Designer (Middle) у DataArt
Видеокурс / Платформа
Формат
Online
Начало занятий
Любой момент
Длительность
2 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
590 UAH за курс
- Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробнее
Курс присвячений суто практичним аспектам роботи з Figma та взаємодії з інтерфейсом цього редактора.
Програма курсу
Знайомство з Figma
- Вступ до курсу
- Створення акаунту та встановлення Figma
- Огляд інтерфейсу Figma
Створення акаунту та знайомство з інтерфейсом
Створення акаунту та знайомство з інтерфейсом.
Фігури та ефекти
- Фігури та ефекти
- Вступ до примітивів
- Робота з прямокутними фігурами
- Прості фігури
- Об'єднання та віднімання фігур
Робота з фігурами та ефектами
Робота з фігурами та ефектами.
Фотографії та монтажні області
- Маски
- Фотографії та зображення
- Режим накладення
- Монтажні області
Робота з фотографіями
Робота з фотографіями.
Робота з текстами
- Текстові об'єкти
- Стилі тексту
- Сітки
Верстка тексту
Верстка тексту.
Прототипування та автоматизація
- Глобальні стилі
- Авторозмітка (Autolayout)
- Компоненти (Components)
- Інтерактивний прототип
Авторозмітка та компоненти
Авторозмітка та компоненти.
Додаткові можливості
- Плагіни
- Збереження окремих елементів макета в PNG
- Збереження PDF
- Переведення тексту в криві
- Коментування
Інтерактивний прототип
Інтерактивний прототип.
Особливості курсу
- Стартуй будь-коли і навчайся у власному темпі
- Знижки від партнерів
- Можливість складати тести
- Рецензії домашніх робітСлужба підтримки
- Сертифікат після проходження курсу
Викладачі курсу
Михайло Самоваров - Співзасновник League Design Agency
Подать заявкуКурс
Формат
Online
Начало занятий
Дата формируется
Длительность
5 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
уточняйте
- Web & Mobile Design / UI/UX
Dev Education
Подробнее
Програма курсу
Знайомство зі світом професії UI/UX дизайну. Базова теорія дизайну
- Введення у професію UI/UX дизайну
- Інструменти та навички UI-дизайнера
- Інструменти та навички UX-дизайнера
- Введення дизайн: структура дизайну
- Принципи дизайну та проєктування
- Базові поняття теорії дизайну
- Стилі інтерфейсів
- Дизайн-концепція
Робота в Figma
- Знайомство з Figma
- Огляд інтерфейсу у Figma
- Використання сіток та вирівнювання у Figma
- Компоненти та адаптивний дизайн у Figma
- Режими роботи з текстом у Figma
- Режими роботи з кольором у Figma
- Створення ефектів у Figma
- Просунутий користувач Figma
- Імпорт та експорт у Figma
- Додаткові фішки та можливості у Figma
Продукт як екосистема
- Дизайн як продукт
- Вивчення дизайн-систем
- Дизайн процесів: дослідження та прототипування
- Розробка та підтримка Digital-продуктів
- Аналітика та проєктування
- Процес розробки
- Підсумкова структура роботи дизайнера в компанії
- Дизайн-брифінг клієнтів
- Напрями для розвитку дизайнера
UX-дизайн
- Введення в UX-дизайн
- Дизайн-мислення
- UX-проєктування
- Інклюзивний дизайн
- Стандартизація інтерфейсу користувача
- Якісні та кількісні дослідження
- Інструменти для проведення досліджень
- Мобільний UX/UI
UI-дизайн
- Введення в UI-дизайн
- Брендбук
- Інтерфейси
Прототипи та анімація
Прототипування з анімацією у Figma.
Бізнес-процеси
- Вступна інформація: з ким працює дизайнер, обов'язки, інструменти
- Шляхи реалізації дизайнера
- Як вести комунікацію із замовником, як розповісти про себе у форматі, що продає: що говорити, а що згадувати не варто
- Переваги дизайнера-початківця
- Як працювати з клієнтом
- Робота із зарубіжними клієнтами та системи оплати
- Вимоги потенційних замовників
- Брифінг клієнтів
- Як скласти ТЗ для себе та узгодити із замовником
- Внесення правок
- У якому вигляді надавати готову роботу: приймальні критерії
- Продаж додаткових послуг
Навички роботи в Tilda
- Знайомство з інтерфейсом Tilda
- Як налаштувати сайт на Tilda: базові опції
- Як створювати сайт на Tilda стандартні блоки
- Як налаштувати сайт на Tilda: Zero
- Складання та налаштування
- Оновлення та нові функції Tilda
- Дод. політика конфіденційності
План розвитку
- Упаковка портфоліо
- Підготовка та складання прайс-листа
- Пошук першої роботи
- Упаковка Behance та LinkedIn
- Складання плану розвитку у професії
Бонусний модуль. Soft-skills
- Емоційний інтелект
- Внутрішній/зовнішній фокус
- Впевненість в собі
- Цілепокладання
- Ініціативність
- Креативність
- Відповідальний підхід до роботи
- Тайм-менеджмент
- Лідерство
- Комунікація
- Робота с конфліктами
- Командна праця
- Діловий етикет
Особливості курсу
- Можливість вчитися з будь-якої точки світу у зручний час
- Практика з перших занять та створення якісного портфоліо
- Навчання систематизовано та проводиться досвідченими IT-фахівцями
- Сертифікат про проходження курсу
- Грант у розмірі 50% від ціни курсу
Страницы
Читайте нас в Telegram, чтобы не пропустить анонсы новых курсов.
Отзывы о курсах
Олексій 29.06.2026
Довго не наважувався почати навчання в IT, але зрештою вирішив спробувати себе в UX/UI дизайні. Це були непрості пів року: багато нової інформації, практичних завдань і моментів, коли доводилося виходити із зони комфорту.
Загалом курсом я задоволений. Він дав мені хорошу базу, допоміг зрозуміти основні принципи UX/UI та показав, у якому напрямку рухатися далі. Окрема подяка лектору та ментору за зрозумілу подачу матеріалу, підтримку й готовність відповідати на всі запитання протягом навчання.
Плюсы:Велика кількість корисної інформації та практики.
Минусы:Домашні завдання досить об'ємні, тому для комфортного навчання потрібно мати достатньо вільного часу.
Рекомендации: Рекомендую
Курсы Web & Mobile Design / UI/UX
Гість 08.06.2026
Навчання мені дуже сподобалося, бо я буквально з нуля дійшла до рівня побудови дизайнів сайтів та програм, і я вважаю, що знайшла свою справу
Єдиною для мене проблемою став час, його завжди було мені мало, коли йшлося про побудову вайрфреймів, наприклад. А ще, насправді, дуже велику роль грає викладач. Моя перша викладачка на курсах була дуже щирою, ставилася до всього з розумінням та максимально заряджала всіх мотивацією. А далі були інші викладачі, ті, що вже мають величезний досвід в роботі, але не ставляться до занять з такою великою трепетністю.
Разом з тим, я все одно дуже задоволена і з нетерпінням чекаю влаштування на роботу!
Щиро дякую❤️
Рекомендации: Рекомендую
Курсы Web & Mobile Design / UI/UX
Mariia 06.06.2026
Як мама, хочу подякувати команді за навчання та поділитися своїми враженнями
У першу чергу мене зацікавила сама програма навчання та компетентнісний підхід, на якому вона побудована. Уже в процесі виконання практичних завдань я була приємно вражена індивідуальним підходом до учасників: якісним і доброзичливим зворотним зв’язком від викладачів, а також можливістю доопрацьовувати та переробляти завдання для досягнення кращого результату.
Також для мене особливо цінним став момент, коли в певний період син дещо втратив мотивацію та «розслабився». Я дуже вдячна команді за те, що йому дали другий шанс і можливість продовжити навчання з іншою групою❤️ Це стало хорошим життєвим уроком відповідальності для нього...
Зі слів сина, йому дуже сподобалися зрозуміле пояснення матеріалу, цікаві заняття, доброзичливий зворотний зв’язок і велика кількість практики, яка не була нудною. Як невелике побажання врахувати, що іноді користуватися сайтом із телефону було не зовсім зручно.
Крім того, мені імпонує орієнтація вашої програми не лише на навчання, а й на подальшу підтримку випускників у питаннях працевлаштування.
Якби в школах усі предмети викладалися так само цікаво, практично та з таким рівнем підтримки, учні залишалися б в них ночувати
Рекомендации: Рекомендую
Курсы Web & Mobile Design / UI/UX
Ганна 20.04.2026
Якщо у Вас виникло відчуття, що курси відмінні, значить Вам нема з чим порівняти. Пишу цей відгук після проходження цього ж курсу в іншій школі і вже маючи досвід роботи в даній сфері.
Проходила курс з UX/UI дизайну влітку 2022. Вартість на той момент була 11 тис грн (300 $) за 3 місяці. Повна трата часу та грошей. Дуже слабке викладання, мало практики, дуже багато води, або все дуже швидко. Один урок можна було слухати розповідь про один з термінів, який використовують у роботі, все те ж, можна знайти в інтернеті абсолютно безкоштовно. На наступному занятті буде 100 термінів та 0 пояснень. Більше того, приготуйтеся, що після уроку у Вас буде ще більше питань, ніж до початку курсу. Тому що, на занятті о 2.5 годині викладач читатиме все з презентації (яку ви, вміючи читати, можете подужати самостійно). Практичні заняття все робилися самостійно, оскільки це було а-ля домашнє завдання. Ах так, ставлення до д.з. дуже недбале, все можна було здати на перевірку, практично, одним днем перед закінченням курсу))))) Більше того, на відгук від ментора/викладача щодо Ваших самостійно виконаних робіт (мається на увазі після заняття або до), можна не розраховувати, відповідь буде один і той же "приходьте на заняття там все подивимося".
Так як, все навчання проходить практично самостійно (а гроші були оплачені, мабуть тому що в той момент я їх вважала зайвими ....), спасибі, виробилася дисципліна і змінилося ставлення до непередбачених витрат.
Вже маючи роботу та досвід проходження співбесіди, ніхто ще не запитав, що означає цей термін чи той. Всіх цікавлять ваші знання на практиці, тому дуже старанно працюйте на портфоліо. А те, як Ви це називаєте, здебільшого потрібно лише Вам.
Підсумок: школу не рекомендую, є багато інших з відмінними викладачами та класною, а головне цікавою, системою навчання.... хіба що ви займаєтеся благодійністю і Вам нема куди подіти кошти.
Минусы:Ці курси один сплошной мінус
Рекомендации: Не рекомендую
Курсы Web & Mobile Design / UI/UX
