Курси Web Design / UI/UX

Фільтр
Відеокурс / Платформа
Формат
Online
Початок навчання
Будь-який момент
Тривалість
1 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
2 000 UAH за курс
Гнучкий графікВидається диплом/сертифікатРеальний проект у портфоліо
CASES-Креативна Практика
  • 2D Artist / 2D Illustrator / Graphic Designer
  • Web & Mobile Design / UI/UX
  • Prompt Engineering / ChatGPT
Подробиці

Ви познайомитеся з можливостями нейромережі 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 за курс
Гнучкий графікВидається диплом/сертифікатРеальний проект у портфоліо
CASES-Креативна Практика
  • 2D Artist / 2D Illustrator / Graphic Designer
  • Web & Mobile Design / UI/UX
Подробиці

Ви дізнаєтеся, які навички потрібно зазначати в портфоліо, як оформлювати кейси, де шукати перші замовлення та як будувати особистий бренд.

Програма курсу

Що таке портфоліо

В цьому модулі з'ясуємо, що таке портфоліо і які обов'язкові складники воно містить.

Універсальні та спеціальні навички

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

Страх порожнього аркуша та перші роботи в портфоліо

Дізнаємося, як побороти страх порожнього аркуша і почати наповнювати портфоліо першими роботами.

Замовники, їхні різновиди та галузі, принцип Парето

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

Контракти, продажі та ціноутворення

З'ясуємо, які бувають види контрактів та як правильно укладати такі документи.

Команда, партнери та нетворкінг

Дослідимо питання побудови команди та ефективної співпраці з колегами за проєктом.

Конкурси, нагороди та відзнаки

Поговоримо про професійні нагороди, їхнє значення та методи здобування.

Персональний бренд та PR

З'ясуємо, що впливає на репутацію фахівця та як розвивати особистий бренд.

Як додавати роботи до портфоліо

В завершальному модулі торкнемося теми кейсів - ви дізнаєтеся, як оформлювати та подавати кейси, аби вони привертали увагу клієнтів.

Після проходження курсу ви зможете:

  • Ефективно наповнювати портфоліо
  • Укладати контракти з клієнтами
  • Шукати перші замовлення
  • Оформлювати кейси
  • Будувати особистий бренд
  • Розвивати та просувати портфоліо

Особливості курсу

  • Стартуй у будь-який час і навчайся у власному темпі
  • Теоретичні модулі
  • Додаткові матеріали
  • Цифровий сертифікат після проходження курсу
  • Підтримка від спільноти студентів
  • Служба підтримки CASES

Викладачі курсу

Анатолій Попель - Засновник та керівник платформи Creative Practice

Більше інформації
Відеокурс / Платформа
Формат
Online
Початок навчання
Будь-який момент
Тривалість
2 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
4 500 UAH за курс
Гнучкий графікВидається диплом/сертифікатРеальний проект у портфоліо
CASES-Креативна Практика
  • Web & Mobile Design / UI/UX
Подробиці

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

Програма курсу

Огляд галузі вебдизайну

  • Вступ у поняття вебдизайну
  • Історія виникнення інтернету
  • Історія розвитку вебдизайну
  • Типи вебсайтів
  • Типи фахівців та організацій, що працюють з сайтами

Анатомія вебсайтів

  • Текстові елементи
  • Списки у вебсайтах
  • Форми
  • Навігація
  • Інтерактивні елементи

Кросплатформність вебсайтів

  • Адаптивний дизайн
  • Відмінності та настільні версії сайтів
  • Стратегії розробки вебсайту

Ключові принципи зручності вебсайтів

  • Головне про зручність
  • Закони композиції та закони гештальту в вебдизайні
  • Відгук вебсайтів
  • Принципи зручності у роботі з текстами
  • Принципи зручності у роботі з кольором

Базові елементи вебсайту

Створення простого набору інтерфейсних елементів вебсайтів (UI Kit).

Форма замовлення для вебсайту

Створення форми замовлення з декількох кроків, екрану кошика та листа.

Адаптивний головний екран та меню

Створення 7 версій екрана посадкової сторінки для різних пристроїв.

Макет посадкової сторінки

Створення настільного та мобільного представлення посадкової сторінки.

Інтерактивний прототип

Створення інтерактивного прототипу з викликом модальних вікон та покроковим замовленням.

Після проходження курсу ви зможете:

  • Розумітися на анатомії вебсайтів
  • Розробляти прості інтерфейсні елементи
  • Створювати адаптивний дизайн
  • Використовувати принципи зручності вебсайтів
  • Розробляти макети посадкової сторінки
  • Створювати інтерактивні прототипи

Особливості курсу

  • Починай навчання будь-коли і вчись у власному темпі
  • Перевірка домашніх робіт
  • Підтримка від спільноти студентів
  • Служба підтримки CASES
  • Цифровий сертифікат після проходження курсу
Більше інформації
Відеокурс / Платформа
Формат
Online
Початок навчання
Будь-який момент
Тривалість
6 тижнів
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
3 000 UAH за курс
Гнучкий графікВидається диплом/сертифікатРеальний проект у портфоліо
CASES-Креативна Практика
  • Web & Mobile Design / UI/UX
Подробиці

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

Програма курсу

Огляд дизайн-системи у Figma

Огляд дизайн-систем, їхніх прикладів та переліку обов'язкових компонентів, які має містити в собі інтерфейсний комплект (UI Kit).

Сітки у дизайн-системах

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

Типографія у дизайн-системах

Типографія в дизайн-системі та ключові питання цієї теми: як створювати стилі текстів, що потрібно враховувати під час підбору шрифтів і як взагалі має бути оформлена ділянка про типографію.

Колірні палітри у дизайн-системах

Як добирати кольори, створювати колірні схеми й організовувати кольори у вигляді стилів.

Інтерактивні компоненти у дизайн-системах

Робота з інтерактивними компонентами в дизайн-системах.

Після проходження курсу ви зможете:

  • Працювати з дизайн-системами
  • Створювати сітки в дизайн-проєктах
  • Створювати текстові стилі
  • Добирати та організовувати кольори
  • Працювати з компонентами
  • Використовувати дизайн-токени

Особливості курсу

  • Стартуй будь-коли і навчайся у власному темпі
  • Теоретичні і практичні модулі
  • Перевірка домашніх робіт
  • Додаткові матеріали
  • Цифровий сертифікат після проходження курсу
  • Підтримка від спільноти студентів
  • Служба підтримки CASES

Викладачі курсу

Євген Ігнатюк - Провідний дизайнер CASES та Креативної Практики

Більше інформації
Відеокурс / Платформа
Формат
Online
Початок навчання
Будь-який момент
Тривалість
1 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
1 500 UAH за курс
Гнучкий графікВидається диплом/сертифікат
CASES-Креативна Практика
  • Web & Mobile Design / UI/UX
Подробиці

Опануйте авторозмітки у Figma та навчіться забезпечувати більш гнучку та адаптивну верстку.

Програма курсу

Сутність авторозмітки та її базові параметри

  • Вступ до курсу
  • Головне про авторозмітки у Figma
  • Способи створення авторозміток
  • Напрямленість елементів авторозмітки
  • Внутрішні та зовнішні відступи

Способи вирівнювання елементів

  • Вирівнювання елементів
  • Розмірності елементів в авторозмітках

Додаткові властивості авторозміток

  • Мінімальні та максимальні розміри авторозміток
  • Абсолютне позиціонування
  • Інші додаткові властивості авторозміток

Робота з базовими властивостями

  • Робота з базовими властивостями
  • Способи створення авторозміток
  • Напрямленість елементів авторозмітки
  • Внутрішні та зовнішні відступи

Робота із розмірностями та вирівнюваннями

  • Робота із розмірностями та вирівнюваннями
  • Вирівнювання елементів
  • Розмірності елементів в авторозмітках

Робота з додатковими властивостями

  • Робота з додатковими властивостями
  • Мінімальні та максимальні розміри авторозміток
  • Абсолютне позиціонування
  • Інші додаткові властивості авторозміток

Після курсу ти зможеш

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

Особливості курсу

  • Перевірка домашніх робіт
  • Отримання сертифіката
  • Теорія та практика
  • Підтримка спільноти студентів
  • Додаткові матеріали
  • Служба підтримки Cases

Викладачі курсу

Євген Ігнатюк - провідний дизайнер Cases та Креативної Практики

Більше інформації
Курс
Формат
Online
Початок навчання
Будь-який момент
Тривалість
-
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Джун IT Academy
  • Web & Mobile Design / UI/UX
Подробиці

Курс побудований в формі марафону. Ми разом вивчимо графічний редактор 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
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Джун IT Academy
  • Web & Mobile Design / UI/UX
Подробиці

Протягом курсу ми разом поглиблено вивчимо графічний редактор 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 за курс
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
SkillUP
  • Web & Mobile Design / UI/UX
Подробиці

Освоїш основи композиції та кольорознавства - обов'язкові знання для UI/UX дизайнерів. Навчишся створювати інтерактивні і привабливі веб-сайтів, з урахуванням цільової аудиторії. Дізнаєшся, як зіставляти аналітичні дані та формувати гіпотези щодо підвищення ефективності проєктів. Опануєш фішки презентування проєкту замовнику.

Програма курсу

UI

  • Типографіка - ознайомлення з анатомією тексту
  • Композиція - основи композиції та правила розміщення
  • Модульні сітки - анатомія сітки та підвиди сіток
  • Адаптивний дизайн - розглянемо види адаптивних макетів, зрозуміємо що таке брейкпойнт та навіщо він потрібен
  • Колір - знайомство з фізикою та теорією кольору
  • Навігація - знайомство з видами та принципами навігації продукту
  • Іконографіка - розберемось чому іконка це один з найважливіших способів подачі інформації
  • Організація робочих процесів - розберемось чому на стільки важливо правильно організовувати файлову систему

UX

  • Брифінг та ТЗ - про те як правильно зрозуміти задачу від замовника, сформувати бріфи і не загубитись в ТЗ
  • Зустріч з замовником - зустрінемось з замовником, отримаємо ТЗ на курсовий проєкт, будемо використовувати теоретичні знання на практиці
  • Research workshop - розберемось з основними етапами попереднього дослідження
  • Customer Journey Map - розберемо що таке CJM та вивчимо основні етапи її розробки
  • Sketch and Prototype - генерація ідей і рішень для курсового проєкту
  • User Test workshop - розберемо основні задачі тестування продукту
  • Usability Review - розберемось в якісних компонентах юзабіліті і евристиках

Особливості курсу

  • Portfolio Review - на заняттях ти створиш професійне портфоліо, яке буде оцінено експертами у сфері веб-дизайну наприкінці курсу
  • Коучинг з працевлаштування - ти отримаєш кейс корисних порад щодо працевлаштування та навчишся скорочувати час пошуку роботи до тижнів
  • Викладачі практики - в нас немає теоретиків, навчання проводять практикуючі спеціалісти з топових IT компаній. Тільки реальний досвід і корисні знання
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
2 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Atom
  • Web & Mobile Design / UI/UX
Подробиці

Ви комплексно засвоїте навичку створення дизайну сайтів та лендінгів, підкріплену грошима, заробленими вже під час навчання. У вас буде зрозумілий шлях розвитку 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 за курс
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
CHI IT Academy
  • Web & Mobile Design / UI/UX
Подробиці

Наш курс UI/UX-дизайну для початківців на 80% складається з практичних занять, тому після його закінчення ти отримаєш і сертифікат, що підтверджує твої нові навички, і готові проєкти в портфоліо, які ти можеш показати роботодавцю. Все в твоїх руках!

Програма курсу

Всупне заняття

Ти знайомишся з лектором, групою, планом навчання та структурою курсу, а також дослідиш роль дизайну у розробці продукту в цілому.

Практичне заняття 1

Оберемо тему для твого першого проєкту й визначимо шляхи та можливості його створення.

Знайомство з Figma

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

Практичне заняття 2

На другій практиці ми попрацюємо над структурою сайту. Ти дізнаєшся про способи групування сторінок, їхню ієрархію на сайті та зв'язок одне з одним. Власноруч спробуєш створити збалансовану структуру сайту.

Дизайн-мислення

На п'ятому занятті ми знайдемо відповіді на запитання про метод дизайн-мислення: на чому він базується та як використовувати на практиці в реаліях сучасності.

Практичне заняття 3

На практиці допрацюємо деталі твого першого проєкту.

Основи композиції. Композиційні прийоми

Розглянемо методи створення композиції, її види, яскраві об'єкти, базові елементи, групування елементів тощо.

Презентація першого проєкту

У тебе є перший проєкт в рамках цього курсу, яким ти поповниш своє портфоліо. Однак пам'ятай - це ще не кінець!

Кольори

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

Практичне заняття 4

На занятті з'ясуємо, як слід розміщати блоки на сторінці, які типи структур сторінки бувають та як підібрати влучний - і всі знання ти опануєш власними руками.

Основи типографіки. Типографічні прийоми

Ти дізнаєшся, що таке шрифт, гарнітура, кегль, кернінг, інтерлін'яж, базова лінія. Розберемо, що таке засічки та сеанс-засічки, де купити шрифти, як працювати з рівнями заголовків. Також розглянемо правила роботи з текстовими блоками.

Практичне заняття 5

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

Робота з клієнтом. Іконки

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

Захист другого проєкту

Вдруге на цьому курсі ти презентуєш власний проєкт. А далі - тільки більше практики та нових звершень!

Адаптивний дизайн. UX патерни, фічі та закони юзабіліті

Розглянемо особливості дизайну для різних пристроїв (смартфонів, планшетів, ноутбуків), а також варіанти й правила використання адаптивного дизайну. Поглибимось в UX-патерни та з'ясуємо, як їх втілювати на реальних проєктах. І куди ж без вибору теми третього - фінального - проєкту.

Практичне заняття 6

На цьому занятті разом попрацюємо над домашньою сторінкою та дизайн-системою.

Практичне заняття 7

Розберемо нюанси твого проєкту перед захистом, вдосконалимо його, бо зовсім скоро презентація проєкту перед лектором!

Behance. Оформлення резюме

Для сучасного дизайнера важливо, щоб його роботи бачили. Тому заняття присвячено платформі Behance: ти дізнаєшся, як створити профіль, на який одразу хочеться підписатися. Якісне резюме є невід'ємною частиною дизайнера з кар'єрними планами, тому ти на прикладах зрозумієш, що має містити твоє резюме, щоб привернути увагу рекрутерів.

Практичне заняття 8

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

Презентація третього проєкту

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

Особливості курсу

  • 20 онлайн-занять
  • зворотній зв'язок та регулярну підтримку досвідченого ментора
  • доступ до зручної онлайн-платформи для навчання
  • допоміжні матеріали: записи лекцій, презентації та чек-листи
  • сертифікат про закінчення курсу, що підтвердить твої навички та компетенції
  • для найкращих студентів – можливість вступу до оплачуваної інтернатури в партнерській ІТ-компанії

Викладачі курсу

Кирило Терещчук - UX designer

Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
12 тижнів
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
Безкоштовно
Гнучкий графікВидається диплом/сертифікат
Genesis Academy
  • Web & Mobile Design / UI/UX
Подробиці

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

Програма курсу

Вступ в продуктове 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
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатРеальний проект у портфоліо
Genius.Space
  • Web & Mobile Design / UI/UX
Подробиці

Курс допоможе опанувати професію 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 за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
WebPromoExperts
  • Web & Mobile Design / UI/UX
Подробиці

Навчіться працювати з 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
Вартість
уточнюйте
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Beetroot Academy
  • Web & Mobile Design / UI/UX
Подробиці

На даному курсі студенти навчаться розуміти 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
Початок навчання
Будь-який момент
Тривалість
-
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
Безкоштовно
Гнучкий графік
Projector
  • Web & Mobile Design / UI/UX
Подробиці

Базові правила дизайну, які допомагають зробити інтерфейс зручним як для людей із порушеннями зору, так і для користувачів із нормальним зором.

Програма курсу

Особливості зору людини

  • Будова ока.
  • Хвороби, що впливають на зір. Причини втрати зору.
  • Кількість людей із порушеннями зору.
  • "Технічні" обмеження очей.

Дизайн-стандарти у сфері зору

  • Історія стандартів у галузі доступності та зручності користування.
  • Консорціум W3C і стандарт WCAG. Відмінності між версіями.
  • Законодавство, яке стосується доступності, в різних країнах.
  • Відомі дизайн-системи з акцентом на доступності.

Колірний контраст

  • Вимоги до контрасту зображень і тексту.
  • Наслідки недотримання принципів контрасту.
  • Якість і налаштування монітора та контраст.
  • Інструменти для аналізу колірної контрастності та добору палітри.

Розмір і відстань

  • Закон Фіттса про відстань і ціль.
  • Вимоги до розміру інтерактивних елементів та відстані між ними.
  • Оптимальні розміри клік-зон.

Читабельність

  • Шрифти в інтерфейсах.
  • Читабельність шрифтів.
  • Форматування текстових блоків.

Фронтенд й аудіосумісність

  • Використання клавіатури для навігації веб-сторінкою.
  • Особливості прослуховування сайтів.
  • Екранні читачі на комп‘ютерах та мобільних пристроях.

Аудит і тестування доступності

  • Планування дослідження.
  • Онлайн-інструменти перевірки доступності.
  • Тестування доступності з користувачами.

Міфи про доступний дизайн

  • Якщо за всіма стандартами, то це некрасиво.
  • Доступний дизайн робити складно.
  • Доступний дизайн можна зробити "якось потім".

"Темний бік" WCAG 2.1

  • Суперечливі вимоги до колірного контрасту.
  • Дивні й застарілі приклади дизайну.
  • Обережні рекомендації щодо шрифтів.

Викладачі курсу

  • В'ячеслав Шестопалов - Design Manager в ELEKS
  • Євген Шикірявий - Lead Experience Designer в ELEKS
Більше інформації
Відеокурс / Платформа
Формат
Online
Початок навчання
Будь-який момент
Тривалість
-
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
1 500 UAH за курс
Гнучкий графікРеальний проект у портфоліо
Projector
  • No-code / Low-code
  • WEB Developer / Webmaster
  • Web & Mobile Design / UI/UX
Подробиці

З нуля навчимося користуватися інструментом Webflow, щоб створювати швидкі та легкі для масштабування вебсайти.

Програма курсу

Знайомство з інтерфейсом WebFlow

Базово ознайомимося з інтерфейсом WebFlow, його можливостями та перевагами.

Блочна модель, контейнери, секції, діви, spacing, типографіка, відступи

Розберемося, де і що розташоване в Webflow: де шукати елементи, їхні властивості та інші важливі панелі для роботи над сайтом.

Теги, класи та унікальні елементи

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

Дисплей та позиціювання

У деталях подивимося на параметри display: flex та display: grid — способи зображення елементів, які додають гнучкості в їх розташуванні. Навчимося правильно обирати display та позиціювання відповідно до завдання. Зрозуміємо, як створювати нетипові макети.

Figma to WebFlow

Дізнаємося, як підготувати Figma для швидкого перенесення в WebFlow, оскільки в один клік, на жаль, це зробити поки що неможливо. Та яких правил треба дотримуватися, щоб пришвидшити ручну роботу й допускати менше помилок.

Форми в WebFlow

Коли нам треба зібрати у користувачів пошту, телефон або дати звернутись до нас, ми використовуємо форми. Зрозуміємо, як працювати з формами в Webflow, змінювати їх візуально, налаштовувати на кнопку Submit.

Accessibility: як зробити сайт інклюзивним

Розберемось, як зробити сайт доступним для всіх і нікого не дискримінувати: ні людей з інвалідністю, ні з порушеннями, ні тих, у кого слабкий інтернет, старий девайс чи кого засліплює сонце з вікна.

Кастомний код та інтеграції

Поєднавши Webflow з іншими no-code інструментами, можна створювати вражаючі автоматизовані сайти, які працюють як повноцінний продукт. Окрім цього, за допомогою кастомного код можна створити те, що не вийде зробити стандартними інструментами.

Адаптивність

Навчимося адаптувати свій сайт під різні розміри екранів: телефон, планшет, маленький та великий десктопний екрани. Розберемось, як працює каскадність стилей.

CMS

Інколи, нам треба генерувати десятки сторінок за певним шаблоном та дати можливість додавати контент на сайт іншим людям. З цим допоможе модуль CMS — content management system. Навчимося створювати бази даних для контенту, генерувати сторінки з них і вбудовувати контент з CMS на статичних сторінках.

Анімації та переходи: від простого до складного на практичних прикладах

Статичний сайт — це норм, але не дуже цікаво. Розберемось, як робити анімації різних типів: прості ефекти по ховеру, анімацію по скролу, при завантаженні сторінки.

Публікація і SEO

Останній етап створення будь-якого вебсайту в Webflow — його публікація та оптимізація під пошукову видачу. Дізнаємось, як це зробити в налаштуваннях проєкту, що треба пам'ятати про SEO та якими інструментами всередині Webflow користуватись для цього.

Особливості курсу

  • 12 відеолекцій
  • Додаткові матеріали

Викладачі курсу

Стас Говорухін - Product Designer в Djinni

Більше інформації
Відеокурс / Платформа
Формат
Online
Початок навчання
Будь-який момент
Тривалість
-
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
1 500 UAH за курс
Гнучкий графікРеальний проект у портфоліо
Projector
  • Web & Mobile Design / UI/UX
Подробиці

Опановуємо Figma. Створюємо палітру за стандартами вебдоступності, будуємо базовий набір шрифтів, вивчаємо інструменти для швидкого прототипування.

Програма курсу

Знайомство з Figma

  • Поговоримо про нову еру в історії графічних редакторів. Для яких завдань Figma підходить, а для яких — ні
  • Налаштування робочого простору
  • Найважливіші плагіни
  • Команди, проєкти та дизайн-файли

Ідеальний банер

  • Робочий простір. Фрейми. Стилі
  • Що таке Auto Layout та як з ним працювати
  • Як прискорити роботу. Як швидко робити варіації дизайнів і легко вносити зміни

Проєктування інтерфейсу. Частина 1

  • Підхід до проєктування та його етапи
  • Що таке вайрфрейм (wireframe) і для чого він потрібен
  • Робота з референсами
  • Відстані та розміри
  • Кнопка та інпут

Проєктування інтерфейсу. Частина 2

  • Потужність Figma
  • Що спільного у проєктування інтерфейсів і LEGO
  • Чеклисти: шрифти, палітра, кнопка, інпут
  • Кольори та стандарти вебдоступності
  • Компоненти та варіанти
  • Стани кнопки

Особливості курсу

  • 5 відеолекцій
  • Додаткові матеріали

Викладачі курсу

Валерія Паніна - Співзасновниця SharpShark.io

Більше інформації
Відеокурс / Платформа
Формат
Online
Початок навчання
Будь-який момент
Тривалість
2 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
590 UAH за курс
Гнучкий графікВидається диплом/сертифікатРеальний проект у портфоліо
CASES-Креативна Практика
  • Web & Mobile Design / UI/UX
Подробиці

Курс присвячений суто практичним аспектам роботи з Figma та взаємодії з інтерфейсом цього редактора.

Програма курсу

Знайомство з Figma

  • Вступ до курсу
  • Створення акаунту та встановлення Figma
  • Огляд інтерфейсу Figma

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

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

Фігури та ефекти

  • Фігури та ефекти
  • Вступ до примітивів
  • Робота з прямокутними фігурами
  • Прості фігури
  • Об'єднання та віднімання фігур

Робота з фігурами та ефектами

Робота з фігурами та ефектами.

Фотографії та монтажні області

  • Маски
  • Фотографії та зображення
  • Режим накладення
  • Монтажні області

Робота з фотографіями

Робота з фотографіями.

Робота з текстами

  • Текстові об'єкти
  • Стилі тексту
  • Сітки

Верстка тексту

Верстка тексту.

Прототипування та автоматизація

  • Глобальні стилі
  • Авторозмітка (Autolayout)
  • Компоненти (Components)
  • Інтерактивний прототип

Авторозмітка та компоненти

Авторозмітка та компоненти.

Додаткові можливості

  • Плагіни
  • Збереження окремих елементів макета в PNG
  • Збереження PDF
  • Переведення тексту в криві
  • Коментування

Інтерактивний прототип

Інтерактивний прототип.

Особливості курсу

  • Стартуй будь-коли і навчайся у власному темпі
  • Знижки від партнерів
  • Можливість складати тести
  • Рецензії домашніх робітСлужба підтримки
  • Сертифікат після проходження курсу

Викладачі курсу

Михайло Самоваров - Співзасновник League Design Agency

Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
5 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Dev Education
  • Web & Mobile Design / UI/UX
Подробиці

Програма курсу

Знайомство зі світом професії 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, щоб не пропустити анонси нових курсів.

Відгуки про курси

Аліса   24.10.2025

Хочу поділитися своїм досвідом для тих, хто вагається, з чого почати свій шлях у сфері ІТ.

Я пройшла цей шлях разом із GoIT - від сумнівів до нової професії!

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

Дякую команді GoIT за знання, увагу, турботу й натхнення!

Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
11.11.2025   Відповідь представника компанії

Дякуємо, що поділилися своєю історією! 


Дуже приємно читати, що навчання з GoIT допомогло вам пройти шлях від сумнівів до впевненості у новій професії. Бажаємо вам яскравих досягнень, натхнення й постійного розвитку у світі ІТ!

Курси Web & Mobile Design / UI/UX
Ігор   14.10.2025

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

Навчання вразило з перших тижнів: усе продумано - від структури лекцій до живого зворотного зв’язку. Було не просто, але цікаво. Мені подобалося, що після кожного заняття я одразу міг застосувати знання на практиці: створити прототип, проаналізувати юзер-флоу, спробувати себе в Figma.

Особливо цінним стало те, що курс не зосереджується лише на "красивій картинці". Нас навчали думати, як дизайнери: розуміти потреби користувача, працювати з аналітикою, шукати функціональні рішення.

А ще вчили працювати в команді, презентувати свої ідеї й відстоювати їх аргументовано.

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

Плюси:Зрозуміла подача матеріалу, постійний фідбек від менторів, реальні проєкти у портфоліо
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
21.10.2025   Відповідь представника компанії

Дякуємо за ваш відгук! 

Ми раді, що навчання в GoIT стало для вас справжнім відкриттям і допомогло зробити перші впевнені кроки у світі дизайну. Бажаємо вам подальшого натхнення, яскравих ідей і кар’єрного росту у сфері дизайну!

Дякуємо, що довірили свій шлях GoIT і поділилися своєю історією успіху

Курси Web & Mobile Design / UI/UX
Аліна   03.09.2025

Навчання на курсі з дизайну в GoIT стало для мене справжнім відкриттям. Усі теми пояснено дуже чітко та доступно — навіть новачку легко втягнутись у процес, не відчуваючи страху перед незнайомими інструментами чи поняттями.

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

  Особливо цінним стало відчуття, що тут тебе чують. Тут не просто кажуть "питай, якщо щось незрозуміло" — тут справді відповідають, пояснюють і допомагають.    Щиро вдячна команді GoIT за якісний підхід до організації навчання, щиру залученість і справжню любов до своєї справи. Це справді відчувається)
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
01.10.2025   Відповідь представника компанії

Щиро дякуємо за такі теплі слова!

Нам неймовірно приємно чути, що навчання стало для вас відкриттям і допомогло подолати страх перед новими інструментами та поняттями.

Бажаємо вам сміливо застосовувати нові знання, створювати власні яскраві проєкти та впевнено розвиватися в дизайні. А ми завжди будемо поруч, щоб підтримати ваш шлях!

Курси Web & Mobile Design / UI/UX
Альона   03.09.2025

Якщо ви стоїте на порозі вибору, де навчатися дизайну — я точно знаю, що не помилитесь із GoIT. Я пройшла шлях UI/UX-дизайнера разом з цією командою, і досі вважаю це одним із найкращих рішень.

Навчання починалося у непростий період — повітряні тривоги, сховища, перебої з інтернетом. Але наш викладач Михайло завжди нагадував: "Головне — ваша безпека", і навіть в ці моменти надихав продовжувати створювати. Цей підхід дав мені впевненість і сміливість працювати над дизайнами, за які мені не соромно ні тоді, ні зараз.

  Figma стала для мене новим інструментом, а підтримка менторів — каталізатором для глибшого вивчення, зокрема ілюстрації. І кожне зауваження чи порада від них досі звучить у мене в голові, коли я працюю над новим проєктом.   І якщо щось ішло не за планом — завжди була Надія (в прямому й переносному сенсі ), яка допомагала розібратися, заспокоїтись і знайти рішення.   Навіть після фінального проєкту, захисту і вручення диплому комʼюніті не зникає. Це справжня дизайнерська родина, де підтримують, радять і допомагають — навіть коли ти вже на фрилансі чи в активному пошуку роботи.
Плюси:Надійна людська підтримка та практика з першого тижня)
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
01.10.2025   Відповідь представника компанії

Дякуємо вам за такий щирий і теплий відгук!

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

Бажаємо вам сміливих ідей, яскравих проєктів і впевнених кроків у кар’єрі UI/UX-дизайнера. Ми завжди поруч, щоб підтримати!

Курси Web & Mobile Design / UI/UX
Станіслав   12.08.2025

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

Окреме “дякую” крутим менторам і кураторам — їх підтримка відчувається постійно, і це надихає рухатися вперед. А ще приємний бонус — можливість паралельно прокачувати англійську мову.

  Однозначно рекомендую!
Плюси:1) Реальні знання та сильна база 2) Підтримка досвідчених менторів 3) Можливість вивчати англійську разом із основною програмою
Рекомендації: Рекомендую
4
Середня: 4 (1 голос)
25.08.2025   Відповідь представника компанії

Дякуємо вам за такі щирі слова)

Нам дуже приємно чути, що ви цінуєте підхід до навчання, силу команди та додаткові можливості, які відкриває GoIT. Ми справді віримо, що підтримка менторів і кураторів — це ключ до впевнених результатів, і раді, що ви це відчуваєте.

Бажаємо вам і далі зростати, надихатися новими знаннями та впевнено крокувати до своєї мети)

Курси Web & Mobile Design / UI/UX