Курси Web Design / UI/UX

Фільтр
Курс
Рекомендуємо
Формат
Online
Початок навчання
28.03.2024
Тривалість
20 занять
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
уточнюйте
Вечірні заняттяСупровід ментораРеальний проект у портфоліо
Skvot
  • Gamedev / Unity / Game Design
  • Web & Mobile Design / UI/UX
Подробиці

Протягом курсу зробиш проєкт для портфоліо з 5 ключовими складовими UX/UI-дизайну. В кінці отримаєш фідбек, лекцію з рекрутером та відгук у Linkedin найкращим студентам від лектора - для твого вдалого старту в геймдеві.

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

Заняття 1. UX/UI Designer у геймдеві: роль та обов'язки

  • Відмінність UX/UI-дизайну застосунків/сайтів та дизайну ігрових інтерфейсів
  • Пре-, продакшн і пост-: головні етапи розробки гри
  • Завдання, задачі й компетенції UX/UI-дизайнера
  • Зміна задач та обов'язків залежно від стадії розробки гри
  • Ху із ху: з ким працює UX/UI-дизайнер
  • Розвиток UX/UI Designer у геймдеві - куди зростати далі

ДЗ: навести приклади продуктів та сервісів з елементами внутрішньої мотивації та знайти ситуації, коли ігри її не мають.

Заняття 2. Usability

  • Евристики юзабіліті та їхнє застосування у відеоіграх
  • 10 евристик Якоба Нільсена - батька UX-дизайну
  • Ігрові евристики: баланс, прогресія, управління грою та інші
  • Основні елементи юзабіліті для ігрового UX

ДЗ: навести 5 прикладів застосування ігрових евристик в улюблених іграх

Заняття 3. Друга складова UX - Engage-Ability

  • Мотивація. Зовнішні чинники: нагороди, оцінки, рейтинги тощо
  • Мотивація. Внутрішні чинники: компетенція, автономність, зв'язність/спорідненість
  • Теорії мотивації
  • Емоція (3Cs: character|control|camera, новизна, сюрпризи та відчуття присутності)
  • Стан потоку та умови його виникнення у грі. Як його не зруйнувати

ДЗ: розібрати 1-2 гри на чинники мотивації, пропрацювання емоцій гравця, стан потоку та успішність.

Заняття 4. Design Thinking

  • Основні складові та етапи Design Thinking: емпатія, визначення, ідея та прототипування, тестування та оцінка
  • UX артефакти (персона, user story, user flow)
  • Kano Model
  • JTBD JOBS-TO-BE-DONE

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

Заняття 5. Першому гравцю приготуватись - вступ до ігрового UI

  • Складові ігрового UI: меню та HUD
  • Типи представлення ігрових інтерфейсів
  • Ієрархія та компонування
  • Меню-компоненти
  • Патерни та навігація
  • Гештальт-принципи в UI-дизайні

ДЗ: розробити дизайн головного та пауз-меню в команді та самостійно попрацювати над розділами пауз-меню.

Заняття 6. Figma: Tips & Tricks

  • Автолейаут, змінні, компоненти та їхні властивості
  • Microinteractions
  • Smart-анімації
  • Плагіни для прототипування з геймпадом, видалення фону, шрифти
  • Використання OBS Studio для запису функціонування прототипів

Заняття 7. Аналіз проблем юзабіліті (UX) та груповий брейнштормінг для фіксу

Практична робота.

Заняття 8. User Research: методи та інструменти

  • Оцінка евристиками
  • UX-тести
  • Опитування
  • Коридорні тести
  • Аналітика

ДЗ: провести A/B-тестування свого дизайн-рішення розділу меню серед однокурсників.

Заняття 9. Командний воркшоп із розробки UX-артефактів на основі міні-брифу

Створити User Flow та Wire Flow на основі брифу для гри.

Заняття 10. Робота зі стайлгайдом гри

  • Типографія
  • Колористика
  • Розбір стайлгайдів ігор
  • Композиція

ДЗ: разом із командою створити стайлгайд для інтерфейсу гри, індивідуально обрати гру та розібрати її стайлгайд.

Заняття-практика 11. Аналіз та розробка HUD

Практичне заняття в групі.

Заняття 12. Adobe Photoshop: Tips & Tricks

  • Базові поєднання клавіш
  • Швидке видалення фону, маски
  • Техніка dodge and burn
  • Базові принципи колажування
  • Смартоб'єкти, екшени, скрипти
  • Пакетна обробка зображень

ДЗ: створити колаж з елементами дієгетичного або просторового інтерфейсу та розробити HUD разом із командою.

Заняття 13. Фідбек-сесія

Заняття-практика 14. Психологія та робота мозку в іграх

  • Сприйняття та пізнання
  • Увага
  • Пам'ять
  • Мотивація
  • Емоції: як працюють і на що впливають
  • Онбординг гравця: типи та план туторіалів, Learning & Forgetting Curve

Заняття 15. Розробка UI-дизайну та прототипа на основі брифу від геймдизайнера (командна робота)

Практична робота.

Заняття-практика 16. Доступність гри. Accessibility A11Y

  • Поняття Disability та його типи
  • Що таке інклюзивний дизайн
  • "Зрізаний бордюр" та його функція в дизайні
  • XAG (Xbox Accessibility Guideline)
  • Програмні та апаратні рішення

Заняття 17. Всі етапи дизайн спринту для розробки фічі (командна робота)

Практична робота.

Заняття 18. Портфоліо та оформлення кейсів

  • Як демонструвати всі етапи розробки дизайну
  • Інтернет платформи, Figma чи особистий сайт як портфоліо - що краще
  • Підготовка до технічного інтерв'ю
  • Профіль в Linkedin - як і навіщо розвивати
  • Тестове інтерв'ю з рекрутером

ДЗ: оформити портфоліо з виконаних на курсі робіт.

Заняття 19. Лекція з HR

  • Підготовка CV та створення профілю в LinkedIn
  • Як аплаїтись на роботу в Україні та закордоном: актуальні ресурси
  • Підготовка до співбесіди: як презентувати себе на співбесіді та які питання ставити

Заняття 20. Business centered design

  • Система нагород
  • Як потрапити на гачок - Hook Model
  • Dark UX patterns та упередження

Заняття 21. Презентація дизайнів

Результат курсу

  • Освоюєш базові скіли UX/UI-дизайнера для розробки ігор
  • Працюєш із Design Thinking та вмієш нативно залучати юзера до гри
  • Розумієш, як працює індустрія геймдеву та зони відповідальності дизайнера ігрових інтерфейсів
  • Робиш Player-Centric дизайн інтерфейсів та складаєш зрозумілу навігацію гравця
  • Знаєш та без рандому застосовуєш головні фішки Figma та Adobe Photoshop для інтерфейсів ігор
  • Оформлюєш кейс у портфоліо, з яким зможеш починати шлях у кар'єрі

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

Олександр Шпак - Senior UX/UI Designer at Ubisoft

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

Ти навчишся створювати інтерфейси, які сподобаються і клієну і тобі. Опануєш must-софти: Figma, Adobe Illustrator та Adobe Photoshop. Зрозумієш, як генерувати та втілювати дієві концепти під різні запити клієнтів.

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

Знайомство: хто є хто?

Що таке вебдизайн і чому він потрібен?

Блок 1. Софт. Працюємо з Figma

Усе починається з Figma

  • вивчаємо основні функції програми
  • фрейми, фігури, заливка та обкладинки
  • текст всьому голова: вивчаємо читабельні шрифти
  • основи векторної графіки
  • як прикладати маски та використовувати ефекти без крінжа
  • що таке Mirror App та Контроль версій
  • ком'юніті як потужний допоміжний інструмент
  • плагіни та FigJam

Верстка лайк е про

  • розбираємося з модульними сітками
  • як Auto Layout полегшує життя вебдизам
  • створюємо "гумовий" макет

Стилі, компоненти та бібліотеки

  • як правильно називати стилі, щоб не створювати mess
  • компоненти та їхня варіативність

ДЗ №1. Перемалювати landing page.

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

  • прототипи у Figma: що, куди і як
  • як користуватися інтерактивними компонентами
  • модальне вікно та автоматична анімація
  • клікабельний прототип скролу

Блок 2. Вивчаємо вебдизайн без книжок

Design та Digital Marketing. Чому Design Thinking стосується всього

  • який буває дизайн: чим вебдизайнер відрізняється від дизайнера інтер'єру/додатків/анімації/бренду
  • вебдизайн та види вебсайтів:landing page, corporate website, e-commerce
  • сайт потрібен усім: вебдизайн у бізнесі та маркетингу
  • як створювати проєкт за допомогою Design Thinking: виявляємо проблеми, досліджуємо ринок та ЦА, формуємо ідеї, прототипуємо та обираємо найкраще рішення
  • що таке wireframes та як їх будувати

Photoshop. Додаткове заняття

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

ДЗ №2. Підготувати фрейм landing page до роботи зі стилем.

Воркшоп з основ композиції, колористики, типографіки. Працюємо з базовими сітками та референсами без плагіату

  • композиція: основи і робота на прикладах
  • вчимося підбирати колір за сенсом і значенням
  • робота з текстом, шрифтами та сітками
  • що таке референси, де шукати і як використовувати

Illustrator. Додаткове заняття

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

Додаткові матеріали: composition, how to use type + colors, grids + tips&tricks

ДЗ №3. Підібрати референси, базуючись на тематиці бізнесу та структурі з попереднього ДЗ для власного ленда.

Бренд-дизайнер та гостьова лекторка Катя Іщенко - про графіку, іконки, лого, постер та мокап

Illustrator. Додаткове заняття

  • панель pathfinder, розділення об'єктів
  • вирівнювання
  • створення масок
  • імпорт зображень
  • трасування зображень
  • деформація тексту
  • ефект Трансформація

ДЗ №4. Створити постер на основі технічного завдання, для якого додатково розробити:

  • логотип
  • пак іконок

Створення концепту без паніки

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

ДЗ №5. Розробити логотип та побудувати концепт на основі:

  • референсів
  • елементів дизайну (типографіка, кольори, сітка, композиція)

Backend дизайну: розбираємо необхідні інструменти

  • складаємо ui kit (частина воркшопу)
  • стандартизація стилей
  • адаптуємо під мобайл
  • що таке pixel perfect

ДЗ №6. Закріпити backend: виправити неточності в пікселях, зібрати UI kit, адаптувати макет під mobile.

Презентація як основний канал продажу

  • tips & tricks презентації дизайну
  • сторітелінг: як утримати фокус клієнта і довести до головного
  • як використовувати референси для презентацій без плагіату
  • викладаємо матеріал на слайд, щоб не сіпалось око
  • технічні знання про створення презентації
  • всьому свій час: встановлюємо таймінг
  • захищаємо свої дизайн рішення без стресу і з прогресом
  • readymag: збираємо презентацію і додаємо свої фішки

ДЗ №7. Створити презентацію для власного лендингу та презентувати готовий проєкт на наступному занятті.

Presentation check. Презентація власного проєкту із залученням ШІ в роботу

Фідбек-сесія від лекторки

Блок 3. Занурюємось у вебдизайн з головою

Брифінг та робота з клієнтом

  • які бувають клієнти та як з ними комунікувати без стресу
  • що таке бриф та як працювати з ним крок за кроком
  • додаткові питання: готуємо, залежно від контексту бізнесу
  • проводимо робочий мітинг: нотатки, запис зустрічі, невербаліка, структура діалогу та ролі
  • презентація та Q&A по брифу з лекторкою

ДЗ №8. Проаналізувати бриф для подальшої роботи з ним та сформувати додаткові запитання.

Гостьова лекторка та стратег Юлія Лисенко про бренд, Market Research та Brand Model

Що таке UX Design, UX Research та Sitemap

  • UX Design - аналіз, аналіз та ще раз аналіз
  • рісьорч ux design конкурентів та ux бест практіс
  • структура багатосторінкового сайту
  • воркшоп з Sitemap

ДЗ №9. Зібрати презентацію з:

  • аналізу конкурентів у розрізі UX
  • побудованого сайтмепу

Воркшоп - Wireframing, UX writings, Navigation

  • створюємо wireframe для головної сторінки
  • navigation tools: хедер, форми, футер, слайдер і інші невідомі слова

Додаткові матеріали: UX copy.

ДЗ №10. Створити вайрфрейми на всі сторінки.

Фідбек-сесія

Воркшоп з UI-дизайну. Вивчаємо Visual Research та Visual Audit

  • що таке UI-дизайн і чому він має йти після UX
  • аналіз UI design конкурентів та ui бест практис
  • аналіз існуючого дизайну

Додаткові матеріали: UX copy

ДЗ № 11.

  • провести Visual Audit наявного сайту
  • проаналізувати ринок у розрізі UI
  • оформити у презентацію

Воркшоп з Юлією Замятіною. Ideas Generation та Visual trick

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

ДЗ № 12. Доробити практику так, щоб:

  • вийшло відібрати 3 робочі метафори
  • був графічний прийом до кожної ідеї
  • мудборд розкривав ідею через віжуали

Оформити все у презентацію.

Навіщо вебдизайнеру Design Approach. Дотримуємося дизайн-айдентики

  • що таке айдентика і для чого тобі в роботі
  • айдентика - гайд, вебсайт - носій
  • збираємо design approach
  • прокачуємо скіли по сіткам, роботі з текстом, кольорами, композицією

ДЗ №13. Створити 3 варіанти approach для сайту:

  • логотип
  • типографіка
  • колір
  • сітка
  • композиція

Оформити все у презентацію.

Backend дизайну та адаптація

  • збираємо ui kit для багатосторінкових сайтів
  • implementation 2.0
  • адаптація під мобайл, арсенал патернів

ДЗ №14. Фіналізувати редизайн сайту: виправити неточності, зібрати UI kit, імплементувати на 6 сторінок, адаптувати головну сторінку під mobile.

Concept advanced

  • ще складніші та цікавіші прийоми
  • як збирати концепт

ДЗ №15.

  • створити концепт першої сторінки на основі wireframe + design approach
  • розробити логотип
  • зібрати презентацію та презентувати на наступному занятті

Presentation check

Фідбек-сесія

Блок 4. E-commerce. Працюємо з товарними сайтами

UX E-commerce сайтів, navigation tools та аналітика

  • UX e-commerce сайту. Все, що треба знати: структура та патерни
  • navigation tools для e-commerce сайту: фільтр, сортування, каталог, чекаут, хедер
  • аналітика - овервью

ДЗ №16. Створити айтеми для наступних сторінок: home, catalog, product page, check-out, особистий кабінет.

UI e-commerce сайтів

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

ДЗ №18. Імплементувати e-commerce сторінки за розробленими UI design.

Presentation check

Фідбек-сесія

Гостьова лекторка та HR Настя Слободянюк: про важливість портфоліо та резюме, вплив соціальних мереж та співбесіди. Куди рости та який тип зайнятості підійде саме тобі

Фінальна презентація

Результат курсу

  • оформлюєш портфоліо з трьома кейсами, збираєш професійне CV та розумієш, як зацікавити клієнтів
  • вмієш працювати з брифами та проводиш UI/UX-аналіз, щоб зрозуміти аудиторію та розв'язати задачу клієнта
  • проводиш дизайн-сесії: працюєш з рефами, генеруєш ідеї, створюєш mind map та збираєш мудборд
  • знаєш основи типографії та композиції, створюєш архітектуру й навігацію сайту
  • розбираєшся в UX-копірайтингу та застосовуєш AI для швидшої роботи
  • розробляєш UI kit: від кнопок — до іконок та панелей; адаптуєш сайт під різні пристрої: desktop, mobile, tablet

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

Оля Варченко - 7+ років у професії

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

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

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

Блок 1 - Figma

  • Модуль 1. Функціонал Figma
  • Модуль 2. Фічі Figma, про які ти не знав
  • Модуль 3. Верстка
  • Фідбек-сесія
  • Модуль 4. Стилі, компоненти та бібліотека
  • Модуль 5. Прототип та анімація
  • Фідбек сесія

Блок 2 - Основи вебдизайну

Заняття №1

Design. Види дизайну. Вебдизайн у бізнесі. Дизайн-процес для вебу. Організація документу.

Блок UX

  • Бренд. Брифінг. Аналіз аудиторії + proto-persona
  • Аналіз конкурентів та аналіз бест-практис
  • Sitemap: структура сайту + методологія AIDA. Створення сору з використанням ШІ, формулювання УТП (унікальна торгова пропозиція)
  • Прототипування та тестування + base navigation list
  • Фідбек-сесія

Блок UI: теорія

  • Composition + grids
  • Typography
  • Colour
  • References
  • Фото та графіка
  • Фідбек-сесія

Блок UI: практика

  • Воркшоп: Ideas generation
  • Воркшоп: Design approach - стиль, типографіка, кольори,композиція і додатково
  • Воркшоп: Concept
  • Implementation, ключові UI принципи та UI Kit
  • Mobile
  • Фідбек-сесія
  • Presentation
  • Presentation check

Практика: ленд

  • Воркшоп: Знайомство з брифом. Етап research
  • Воркшоп: Розробка структури та копірайту
  • Воркшоп: Прототипування
  • Воркшоп: Ideas generation + design approach
  • Воркшоп: Concept
  • Presentation check
  • Portfolio

Блок 3 - Переходимо до найцікавішого - UX/UI Design

Заняття №1

Інтро в професію. Історія UX/UI дизайну.

Блок UX

  • UX-дизайн. Психологія цифрового сприйняття
  • Аналіз конкурентів
  • Практикум. UX review
  • Дослідження
  • Фідбек-сесія
  • User Persona та Customer Journey Map
  • User flow
  • Практикум. Проєктування зняття готівки
  • Проєктування інтерфейсу
  • Юзабіліті евристики
  • Тестування дизайн-рішень
  • Практикум. Розумний дім
  • Фідбек-сесія

Блок UI

  • Візуальний дизайн інтерфейсу (UI Design)
  • Дизайн-концепт
  • Типографіка, модульна сітка та іконки
  • Фідбек-сесія
  • Навігація. Дизайн внутрішніх сторінок
  • Дизайн-система. Основні компоненти та форми
  • Інтерфейси особистих кабінетів
  • Практикум. Редизайн ЛК
  • Анімація веб (запрошений лектор)
  • Фідбек-сесія

Блок 4 - Mobile Apps Design

  • Інтерфейс мобільних додатків. Гайдлайни iOS та Android
  • Підготовка до брифінгу з реальним клієнтом
  • Онлайн-зустріч із клієнтом
  • Передпроєктний аналіз
  • Практикум
  • Навігація та патерни. Форми у додатках
  • Візуальний дизайн інтерфейсу мобільних додатків
  • Фідбек-сесія
  • Перша сесія користувача та його шлях
  • Інтерфейс мобільного додатка. Додаткові екрани
  • Формування звичок у користувачів. Гейміфікація
  • Фідбек-сесія
  • Практикум
  • Анімація mobile (запрошений лектор)
  • Презентація дизайн-рішень
  • Платформи для додатків
  • Фідбек сесія
  • Презентація клієнту
  • Куди зростати UX/UI дизайнеру

Після курсу ти:

  • Юзаєш Figma без зайвих кліків
  • Проводиш UI-, UX- та CX-аналіз, досліджуєш конкурентів та складаєш Customer Journey Map
  • Генериш ідеї, проводиш дизайн-сесії, створюєш референсні концепти й клікабельні прототипи
  • Аналізуєш поведінку юзера, проводиш глибинні інтерв'ю, створюєш User Persona та User Flow, створюєш інтерфейси сайтів та додатків, тестуєш їх та аналізуєш на основі евристик
  • Розробляєш та презентуєш дизайн-концепти, адаптуєш їх під різні пристрої та робиш навігацію максимально зрозумілою
  • Кладеш у портфоліо три кейси, один з яких - для реального клієнта, презентуєш концепт - на практиці та з фідбеком, маєш шанс потрапити на стажування в топкомпанію країни

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

  • Діма Напрієнко - Senior Product Designer at Welltech, ex-Head of Design at Jooble
  • Оля Варченко - Web Designer
  • Марк Кузнєцов - UI/UX & Graphic Designer at Дія та Мінцифрі
Більше інформації
Курс
Рекомендуємо
Формат
Online
Початок навчання
Дата формується
Тривалість
7 місяців
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
25 000 UAH за курс
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
IT STEP Academy
  • Web & Mobile Design / UI/UX
Подробиці

Курси UI/UX дизайнера призначені для тих, хто хоче навчитися дизайну веб-сайтів, розробці веб-інтерфейсів, клієнтських і мобільних додатків.

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

Основи UI/UX

  • Професія веб і UI/UX дизайнера
  • Інтерфейси. Приклади інтерфейсів
  • User Experience

Підготовка до розробки веб проєкту

  • Види сайтів
  • Продуктовий та сервісний дизайн
  • Створення та обробка брифа і технічного завдання

Робота з аудиторією, види користувачів

  • Аналіз аудиторії
  • Потреби аудиторії
  • Петля цінностей
  • Воронка продажів
  • Види користувачів
  • Принципи сприйняття і психологія користувачів
  • ЦА
  • Сценарії користувача

Customer Journey Mapping

  • Компоненти та типи Customer Journey Map
  • Алгоритм створення CJM

Інформаційна архітектура

  • Контент-стратегія. Визначення вимог до контенту. Робота з контентом
  • Навігаційний дизайн
  • Wireframe
  • MVP, MVL
  • Тестування прототипів
  • Axure
    • Введення в Axure. Огляд можливостей
    • Робота з бібліотеками
    • Інтерактивність в Axure
    • Інтерактивний прототип

Веб-дизайн

  • Moodboard як інструмент по створенню креативної концепції продукту
  • Сітка і композиція в інтернеті
  • Типографіка
  • Основи колористики
  • Цікава подача інформації
  • Приватне позиціонування
  • CTA
  • Елементи Лендінзі
  • Іконки
  • Форми і кнопки
  • Стилі в веб-дизайні

UI

  • UI-kit створення і підбір шаблонів
  • Повідомлення / помилки (оповіщення користувача)

Дизайн системи

  • Atomic Design
  • IBM visual language
  • Fluent Design (Microsoft)
  • Material Design (Google)
  • iOS (Apple) VS Windows
  • Дизайн для Retina
  • Guideline

Мобільні інтерфейси

  • Особливості інтерфейсів для десктоп, планшетів і мобільних пристроїв
  • Типографіка в мобільних інтерфейсах
  • UI паттерни
  • Адаптивний дизайн, чуйний дизайн
  • Гібридні і нативні мобільні додатки
  • Особливості платформи iOS, інструкція по гайдам, UI кіти
  • Особливості платформи Android, інструкція по гайдам, користності. Відмінності від iOS
  • Navigation
  • Тренди мобільного дизайну

Тестування Usability

  • Юзабіліті-тестування
  • Hallway testing
  • Remote usability testing
  • Expert review
  • A/B testing

UI для VR/AR/MR

Види відмінності, де застосовуються

Баннери

Види, відмінності, де застосовуються

Редизайн, гіпотези

  • Редизайн. Специфіка застосування
  • Гіпотези щодо поліпшення

Soft Skills

  • Правила презентації проєктів і гіпотез
  • Резюме, портфоліо

Фінальний іспит

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

  • Пройдете всі етапи розробки дизайну продукту з нуля
  • Заняття 2 рази на тиждень по 2 пари
  • Структурована подача знань
  • Викладачі практики
  • Підготовка до працевлаштування
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
24 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
88 000 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
IT STEP Academy
  • 2D Artist / 2D Illustrator / Graphic Designer
  • Web & Mobile Design / UI/UX
Подробиці

Освойте професію графічного та веб-дизайнера в IT

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

Графічний дизайн

  • Графічний редактор Adobe Photoshop
  • Графічний редактор Adobe Illustrator
  • Цифровий малюнок
  • Midjourney. Створення сценаріїв для Штучного Інтелекту
  • Теорія дизайну
  • Рекламний дизайн
  • Корпоративна айдентика та брнединг
  • Історія мистецтва
  • Видавнича система Adobe InDesign

2D motion design

  • Нелінійний монтаж відео в Adobe Premiere
  • Створення ефектів Adobe After Effects
  • Обробка цифрового звуку

UI/UX Design

  • Основи UI/UX
  • Мобільні та ігрові інтерфейси
  • Юзабіліті та системи керування вмістом веб-сайтів

Створення фотореалістичного дизайну інтер'єру/екстер'єру

  • 3D-моделювання предметів інтер'єру за допомогою Autodesk 3ds Max
  • Матеріали та текстурування предметів інтер'єру в Autodesk 3ds Max
  • Моделювання складних об'єктів інтер'єру Autodesk 3ds Max
  • Фотореалістичне освітлення та візуалізація інтер'єру
  • Autodesk AutoVAD

Створення персонажа та оточення

  • Моделювання та візуалізація персонажа в Autodesk Maya 3D + Marvelous Designer
  • Анімація та створення ефектів ігрової локації у Autodesk Maya 3D
  • ZBrush
  • Blender. Робота з процедурними матеріалами та створення спецефектів
  • Unreal Engine

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

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

Дизайнер – одна з основних професій у IT-галузіі. Все, що ти бачиш в інтернеті, хтось придумав і намалював. Дизайнери потрібні кожному бренду, тож вакансій завжди багато. Це професія із величезними перспективами. Ти навчишся створювати сучасні інтерфейси та зможеш працювати UI/UX дизайнером у IT або Digital.

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

Web design

  • Введення у курс
  • Первинне вебдослідження
  • Лендинг, його призначення та функції
  • Прототипування
  • Сітки, види та особливості
  • Основи композиції
  • Стилі у вебдизайні
  • Візуальна ієрархія
  • Іконки та ілюстрації
  • Ефекти в вебі
  • UI kit та адаптація
  • Типографіка
  • Колір та сприйняття
  • Основи тестування
  • Робота з векторною графікою
  • Робота з растровою графікою
  • Основи роботи з анімацією
  • Behance кейси
  • +1 особистий проєкт: лендинг із адаптацією
  • +1 особистий проєкт: UI kit та корпоративний сайт

UX/UI design

  • Вебсервіси
  • Концепція проєкту
  • Модель Кано
  • Roadmap продукту
  • MVP/MMP: що це і навіщо
  • Прототипування mobile first
  • Цільова аудиторія
  • Портрети користувачів
  • Customer journey map
  • Jobs to be done
  • Робота з user story
  • Принцип HADI
  • Побудова гіпотез
  • Навігація та структура
  • Дизайн системи та як з ними працювати
  • Атомний дизайн
  • Форми
  • Подача інформації
  • +1 командний проєкт: розробка вебзастосунку

Mobile design

  • Особливості дизайну для мобільних пристроїв
  • Проєктування інтерфейсів для iOS та Android
  • Формування концепту проєкту
  • Дизайн процес
  • Навігація, основні патерни
  • Робота з онбордингом
  • Мобільне прототипування
  • Робота з формами
  • Робота з порожніми скрінами
  • UI мобільного додатка
  • Робота з дизайн-системою
  • Анімація в мобільних додатках
  • Анімація, розваги у Figma
  • Анімація, розваги у Protopie
  • Формування кейса на Behance
  • Анімація кейса на Behance
  • +1 командний проєкт: розробка мобільного застосунку

Soft skills

  • Філософія Agile
  • Методологія Scrum
  • Робота в команді
  • Тайм-менеджмент
  • Аналітика проєктів
  • English speaking club (пакет Plus)
  • Робота з EnglishDom Words
  • Заняття з працевлаштування
  • Складання грамотного резюме
  • Створення сторінки на LinkedIn
  • Написання мотиваційного листа
  • Майданчики для пошуку роботи
  • Підготовка до HR-інтерв'ю
  • Підготовка до технічного інтерв'ю
  • Комунікативні навички
  • Тестові співбесіди

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

  • Круті ментори
  • Кар'єрний сервіс
  • 2-3 вебінари на тиждень
  • Кабінет my.goit
  • Спілкування в чаті

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

  • Маша Руденко - Senior UX/UI Designer в GoIT
  • Міша Губа - Product Designer в Wispence
  • Олійник Тарас - Product UI/UX Designer NEAR One Click Crypto, Jump
  • Єршов Владислав - UI/UX Designer
  • Білик Андрій - Студія WEBGORILLA, COO
  • Скакун Олександр - Art Director & Product Designer
  • Заступ Олександр - Lead UI/UX Designer at Lampa Software
Більше інформації
Відеокурс / Платформа
Формат
Online
Початок навчання
Будь-який момент
Тривалість
7 днів
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
299 UAH за курс
Гнучкий графікВидається диплом/сертифікатРеальний проект у портфоліо
GoITeens
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Урок 1. Знайомство з Figma. Створюємо шапку сайту

Реєструємося на платформі Figma, знайомимося з навчальними матеріалами та створюємо першу частину вебсайту - header.

Урок 2. Використання іконок в дизайні. Працюємо над секцією "Чому ми?"

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

Урок 3. Робота з текстом. Пишемо опис своєї компанії

Працюємо над дизайном третьої частини сайту "Хто ми?" - редагуємо текст, додаємо фото та робимо кнопку для заявки.

Урок 4. Обробка отографій. Розроблюємо секцію з командою

Вчимось оформлювати фотографії та додавати візуальні ефекти. Описуємо ролі членів команди.

Урок 5. Створення форми зворотнього зв'язку у Figma. Завершуємо проєкт

Працюємо над створенням форми в останньому блоці сайту та оформлюємо footer. Виносимо фінальні правки та публікуємо проєкт.

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

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

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

Опис курсу

Чому саме Digital-дизайн в GoITeens?

  • Digital-дизайн - найпростіша професія для старту в IT
  • В дизайні величезний потенціал для розвитку
  • Середня зарплатня досвідченого дизайнера в Україні - $2300
  • Щоб займатися Digital-дизайном не потрібна художня освіта
  • В GoITeens готують спеціалістів, що можуть працювати над комерційними проєктами ще на етапі навчання
  • В GoITeens вичерпна програма, що охоплює всі аспекти Digital-дизайну
  • В GoITeens досконало вивчають UI/UX - тобто маркетинговий підхід до створення дизайну
  • В GoITeens навчають соціальним навичкам, які необхідні для роботи в сучасній IT-сфері та житті

Сучасні принципи створення дизайну та опановують професійні інструменти

Перший рік

  • Основи перспективи
  • Основи типографіки та колористики
  • Інструментарій та можливості Photoshop
  • Створення 3D-тексту
  • Використання дизайну в маркетингу
  • Створення mockup-шаблонів
  • Можливості 3D-тач на сучасних планшетах
  • Інструментарій та можливості Figma
  • Прототипи й дизайни мобільних додатків
  • Прототип і дизайн сайту
  • Створення персонажів
  • Анімація

Другий рік

  • Adobe Illustrator. Поглиблений рівень
  • Створення шаблонів для анімування
  • Інструментарій та можливості After Effects
  • Анімування логотипу і вступної заставки для рекламного відео
  • Анімація 2D-персонажа
  • Створення експлейн-відео
  • Основи монтажу і саунд-дизайну
  • Youtube та блогінг
  • Робота з програмою Cinema 4D
  • 3D-моделювання та 3D-анімація

Навички

З такими навичками після закінчення курсу ваша дитина буде не тільки чудовим дизайнером, а й зможе долучитися до команди IT-розробників та працювати над комерційними проєктами в такому ранньому віці. І безумовно - це прямий шлях до успіху.

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

HSP - підхід до навчання

Це методологія, за якою навчають Microsoft, Google, Apple та Amazon.

  • Hard Skills - Знання та навички програмування для створення власних проєктів
  • Soft Skills - Навички взаємодії між людьми для роботи та у звичайному житті
  • Projects - Всі навички відточуються під час створення реального проєкту

Власна формула навчання

  • 10% - теорія. Цього достатньо, щоб учні зрозуміли, як робити перші кроки у веб-розробці
  • 70% - робота над проєктом. Загальні знання та навички учні отримуватимуть саме під час створення проєкту
  • 20% - зворотній зв'язок. Наші вчителі та ментори завжди підказують напрямок дій, щоб учень зміг зробити проєкт власноруч

Учні матимуть 2 уроки на тиждень. Перше заняття, де вони навчатимуться (Hard Skills):

  • Користуватися сучасними професійними інструментами
  • Створювати перспективу
  • Працювати в 3D
  • Розробляти прототипи
  • Та іншим навичкам, необхідним кожному сучасному дизайнерові

Друге заняття, де вони навчатимуться (Soft Skills):

  • Правильно планувати роботу
  • Ефективно співпрацювати в команді
  • Вести проєкти
  • Відстоювати свою точку зору
  • Презентувати себе та свою роботу
  • Та іншим навичкам, що дозволяють їм бути успішними у будь-якій сфері

Чому GoITeens?

  • Контролюємо якість навчання
  • Ставимо конкретні цілі та показуємо результат
  • Відкрито спілкуємось з дітьми та батьками
  • Це професійний курс дизайну сайтів, мобільних додатків та ігор від GoIT, адаптований для підлітків
  • Це чудова можливість розвинути творчі здібності вашої дитини
  • Це найкраще підґрунтя для початку успішної кар'єри в IT

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

  • Єлизавета Кевхаян - Digital Designer
  • Любомир Горбатюк - Frontend Developer
  • Юлія Максимець - Minecraft Education
  • Вадим Пічурін - Frontend Developer
  • Юлія Приходько - Soft Skills Trainer
  • Кирил Свидерський - Game Developer
Більше інформації
Курс
Рекомендуємо
Формат
Online
Початок навчання
Будь-який момент
Тривалість
6 місяців
Рівень
Для початківців
Мова навчання
Ukrainian, English
Вартість
54 740 UAH за курс
Гнучкий графікВидається диплом/сертифікатМожливе працевлаштуванняСупровід ментораРеальний проект у портфоліо
Mate academy
  • Web & Mobile Design / UI/UX
Подробиці

Навчишся працювати за повноцінним дизайн-процесом, починаючи з досліджень і закінчуючи інтерфейсними рішеннями для мобільних додатків та web-сервісів. Після курсу опануєш популярні UX-методології, вмітимеш проєктувати зручний та привабливий UI. Також тебе чекає оформлення твоїх проєктів у портфоліо на Behance.

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

Design Basics

  • Figma Essentials
  • Basic UI Elements
  • Components, Autolayout, and Variants
  • Typography Basics
  • Grids
  • Prototyping
  • UI Design
  • Clickable Prototyping

Course Fundamentals

  • How to learn effectively
  • Figma practice

UX Design - Research

  • Intro
  • Design Process
  • Quantitative Research (Surveys)
  • Heuristic Interface Analysis
  • Qualitative Research (In-Depth Interviews)
  • Jobs To Be Done
  • Customer Journey Mapping
  • Kano Model. Features Prioritization
  • Information Architecture Mapping
  • User Flows
  • Prototyping
  • Unmoderated User Testing

Design Basics Extended

  • Law of Proximity
  • Law of Common Region
  • Negative space
  • Contrast
  • Buttons
  • Inputs

UI Design - Mobile App Design

  • Grids
  • Mobile Interfaces
  • Interface Patterns & Trends
  • Colors & UI
  • Typography
  • Design Gestalts and Rules
  • Handoff Preparation (UI Kits)

Web Interfaces

  • Scrum Methodology
  • Gathering Data From Interviews
  • Personas and User Stories
  • Product Hypotheses
  • Prototyping
  • Composition and Typography
  • Graphic Rhymes
  • Adaptive Design
  • How to Present Your Work
  • Project Presentation
  • Design Systems

Portfolio Cases on Behance

  • Behance Overview
  • Case Structure
  • Trends
  • Case Design Tips
  • Second Behance Case

Creative Web

  • Design exploration
  • Site structure and mood board
  • Wireframing
  • Concept creation
  • Adapting design
  • Third Behance case

Employment

  • Introduction
  • Preparing Your Resume
  • Interview Preparation
  • Preparing Your Cover Letter
  • DOU and Google Profiles
  • Creating Your LinkedIn Profile
  • How to Communicate in the Right Way
  • How to Apply for a Job on Different Platforms
  • How to Find Vacancies
  • How to Find Recruiters' Contacts
  • Employment daily activities
  • Creating Your Djinni Profile
  • Work details FAQ

HTML + CSS Basics

  • HTML Basics
  • CSS Basics
  • Colors and Fonts
  • Box Model Basics
  • Semantic Basics
  • Responsiveness Basics
  • CSS Selectors
  • Pseudo-Elements and Pseudo-Classes
  • Specificity
  • Links and URLs
  • Images
  • Media Queries
  • Forms
  • Position
  • Extra topics

Career Development

  • Mastering Your Probation Period
  • PDP and Career Plans
  • Salary Review Strategies
  • Recruiter Outreach
  • How to Find a New Job?

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

  • Працюєш? Вчись у власному темпі
  • Зідзвони з менторами тричі на тиждень
  • Чат з одногрупниками
  • Навчальні матеріали "без води" замість довгих лекцій
  • Матимеш 4 робочих проєкта в портфоліо: 3 індивідуальних і 1 командний
  • Підготовка до працевлаштування: технічні співбесіди з менторами, перевірка CV, професійних соцмереж, підготовка до інтерв'ю, підбір вакансій для працевлаштування
  • Гарантуємо працевлаштування після навчання
  • Повернемо кошти якщо не знайшов роботу в ІТ

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

  • Eugene Ochkalenko - Product designer / Coach
  • Olya Koval - Student Coordinator
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
3 місяців
Рівень
Для початківців
Мова навчання
Ukrainian, English
Вартість
безкоштовно
Заняття цілий деньВидається диплом/сертифікатМожливе працевлаштуванняСупровід ментораРеальний проект у портфоліо
Mate academy
  • Web & Mobile Design / UI/UX
Подробиці

Навчишся працювати за повноцінним дизайн-процесом, починаючи з досліджень і закінчуючи інтерфейсними рішеннями для мобільних додатків та web-сервісів. Після курсу опануєш популярні UX-методології, вмітимеш проєктувати зручний та привабливий UI. Також тебе чекає оформлення твоїх проєктів у портфоліо на Behance.

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

Design Basics

  • Figma Essentials
  • Basic UI Elements
  • Components, Autolayout, and Variants
  • Typography Basics
  • Grids
  • Prototyping
  • UI Design
  • Clickable Prototyping

Course Fundamentals

  • How to learn effectively
  • Figma practice

UX Design - Research

  • Intro
  • Design Process
  • Quantitative Research (Surveys)
  • Heuristic Interface Analysis
  • Qualitative Research (In-Depth Interviews)
  • Jobs To Be Done
  • Customer Journey Mapping
  • Kano Model. Features Prioritization
  • Information Architecture Mapping
  • User Flows
  • Prototyping
  • Unmoderated User Testing

Design Basics Extended

  • Law of Proximity
  • Law of Common Region
  • Negative space
  • Contrast
  • Buttons
  • Inputs

UI Design - Mobile App Design

  • Grids
  • Mobile Interfaces
  • Interface Patterns & Trends
  • Colors & UI
  • Typography
  • Design Gestalts and Rules
  • Handoff Preparation (UI Kits)

Web Interfaces

  • Scrum Methodology
  • Gathering Data From Interviews
  • Personas and User Stories
  • Product Hypotheses
  • Prototyping
  • Composition and Typography
  • Graphic Rhymes
  • Typical UI Mistakes
  • Adaptive Design
  • How to Present Your Work
  • Project Presentation
  • Design Systems

Portfolio Cases on Behance

  • Behance Overview
  • Case Structure
  • Trends
  • Case Design Tips
  • Second Behance Case

Creative Web

  • Design exploration
  • Site structure and mood board
  • Wireframing
  • Concept creation
  • Adapting design
  • Third Behance case

Employment

  • Introduction
  • Preparing Your Resume
  • Interview Preparation
  • Preparing Your Cover Letter
  • DOU and Google Profiles
  • Creating Your LinkedIn Profile
  • How to Communicate in the Right Way
  • How to Apply for a Job on Different Platforms
  • How to Find Vacancies
  • How to Find Recruiters' Contacts
  • Employment daily activities
  • Creating Your Djinni Profile
  • Work details FAQ

HTML + CSS Basics

  • Environment Setup
  • HTML Basics
  • CSS Basics
  • Colors and Fonts
  • Box Model Basics
  • Semantic Basics
  • Responsiveness Basics
  • CSS Selectors
  • Pseudo-Elements and Pseudo-Classes
  • Specificity
  • Links and URLs
  • Images
  • Media Queries
  • Forms
  • Position
  • Extra topics

Career Development

  • Mastering Your Probation Period
  • PDP and Career Plans
  • Salary Review Strategies
  • Recruiter Outreach
  • How to Find a New Job?

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

  • Графік навчання в будні (9:00-18:00)
  • Проходження відбору на курс
  • Онлайн підтримка щодня
  • Ком'юніті студентів
  • Кар'єрна підтримка впродовж 3 років

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

  • Eugene Ochkalenko - Product designer / Coach
  • Artem Kuznetsov - UI/UX Mentor
  • Yevhenii Riabukha - UI/UX Mentor
  • Anna Bielenko - UI/UX Mentor
  • Tetiana Kuzmii - UI/UX Mentor
  • Serhii Shybelov - UI/UX Mentor
  • Mariia Chernova - UI/UX Mentor
  • Nataliia Butko - UI/UX Mentor
  • Kate Karaush - Student's Coordinator | Python & UI/UX
  • Anya Yarigina - UI/UX designer and coach
  • Yaroslav Vasylenko - Educational PM
Більше інформації
Курс
Формат
Online
Початок навчання
14.06.2024
Тривалість
34 занять
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Hillel IT school
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Теми:

  • Adobe Illustrator. Векторна графіка
  • Adobe Illustrator. Обробка контуру
  • Натхнення та карта асоціацій. Працюємо з FigJam
  • Figma. Вивчення функціоналу
  • Композиція. Сітки. Вертикальний ритм
  • Типографіка
  • Колористика
  • Дизайн логотипу та логобуку
  • Дизайн іконок та кнопок
  • Стилі та компоненти
  • Auto layout
  • Адаптивний дизайн
  • Брендинг та айдентика
  • Wireframe
  • Мудборд та дизайн система для свого проєкту
  • Типи сайтів. Створення Landing Page
  • Дослідження та бриф
  • Дослідження бізнесу та цільової аудиторії
  • Конкурентний аналіз
  • User Flow. Site map
  • User Stories. User scenario
  • Об'єднання аналітики
  • Анімація Figma
  • Adobe Photoshop. Створення колажу
  • Adobe Photoshop. Обробка фото

В кінці курсу виконується дипломний проєкт

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

  • Невеликі групи
  • Система особистих кабінетів
  • Доступ до відеозаписів занять
  • Викладачі практики
  • Оперативна служба підтримки студентів
  • Практичні заняття

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

  • Крістіна Стефанишина - Web Designer
  • Ксенія Скипенко - Web Designer at TrueDesign
  • Єлизавета Чепугова - Graphic Designer at Nasha Idea
  • Вікторія Ільїна - Designer at DCoast Design studio
  • Джастіна Нипорко - UI/UX Designer at Sednor Holdings Limited
  • Таісія Квітка - UI/UX Designer at Trendo
  • Анна Пудова - UI/UX Designer at Pudova Designer
Більше інформації
Курс
Формат
Online
Початок навчання
26.06.2024
Тривалість
3 місяців
Рівень
Для початківців
Мова навчання
Ukrainian, English
Вартість
22 500 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Projector
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Що таке UX

Чим UX відрізняється від вебдизайну. Що таке human centered design процес, його стадії та активності.

Психологія сприйняття

Як люди використовують цифрові продукти. Патерни людського сприйняття, пам'ять, увага. Базові засади дизайну взіємодії.

Інструменти

Все, що можна використовувати для прототипування - від олівця до Axure.

Евристики

Що таке юзабіліті евристики та як на їх основі проводити аналіз інтерфейсів.

Користувачі

Користувацькі інтерв'ю: як і навіщо їх проводити. А головне - як правильно обробляти отримані дані та перетворювати їх на дизайн-рішення.

Персони

Навіщо потрібні персони і чи можна їх просто вигадати? Емпатія як важлива складова human centered design.

Робота з бізнесом

Як правильно провести інтерв'ю із замовником та добути всю необхідну інформацію.

Аналіз конкурентів

Що таке конкурентний аналіз. Які його види, коли та навіщо його застосовувати.

User flow

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

Інформаційна архітектура

Як її створювати та перевіряти.

Тестування

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

Софт Скіли

Чому софт скіли важливі для просунутого UX дизайнера? Як презентувати проєкт та оформити портфоліо. Як сприймати й давати фідбек на дизайн.

Що далі

На курсі буде кілька запрошених лекторів. Вони розкажуть:

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

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

  • Відеолекції щопонеділка та щочетверга, живі зідзвони з куратором щосереди о 19:00
  • Real-life завдання
  • Регулярний фідбек
  • Сертифікат за справу
  • Можна повернути кошти протягом 7 днів від початку курсу

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

  • Сергій Ревва - Lead Product Designer в airSlate
  • Марина Подстрігіч - Head of Design в Craft Innovations
  • Іста Чебан - Product Designer в Kyivstar
  • Вікторія Чирак - Product Designer в Questo
  • Дарина Коземчук - Senior Product Designer в Matic
  • Олександр Дудченко - Lead Designer в Voit Digital
  • Валерія Насікан - Product Designer в ExpertBox
  • Євген Олексюк - UX Designer в EPAM
  • Алла Ліщинська - Product Design Lead в Lalafo
  • Марта Рижок - Product Designer в Glovo
  • Іван Мартиненко - Ex-UX Designer в Astound Commerce
  • Надія Шимченко - Senior Product Designer в Kiwi.com
  • Владислав Федоренко - UI/UX Designer в EVNE Developers
  • Оксана Андрощук - Lead Designer в ARTKAI agency
  • Катерина Коровкіна - Design Manager в ELEKS
  • Валентин Бродський - Co-founder і CEO в Axicube
  • Анастасія Наумець - Product Designer в HighPoint
  • Олександра Плужнік - Lead UX Designer в Atupri
  • Давид Азатян - Product Designer at Readdle 
  • Іванна Сподинюк - UX Designer в EPAM
  • Таня Коломієць - Senior UX Designer в Luxoft
  • Андрій Рижанков - UX/UI Designer в EPAM
  • Аліна Коваль - UX/UI Designer в Riseapp
  • Таня Кораб - Product Designer в Siemens
  • Оксана Друшляк - Experience Design Lead в SoftServe
  • Валерія Паніна - Co-founder SharpShark.io
  • Олександр Моклович - Design Manager в ELEKS
  • Данило Приходько - User Experience Designer в Yalantis
  • Олександр Головко - UX Designer в Lazarev
Більше інформації
Курс
Формат
Online
Початок навчання
09.07.2024
Тривалість
4 місяців
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
17 520 UAH за курс
Вечірні заняттяВидається диплом/сертифікатРеальний проект у портфоліо
Prog Academy
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Web & UI/UX Design

  • Введення в професію. Знайомство з графічними редакторами: Adobe Photoshop, Illustrator, Figma, Sketch.
  • Растрова і векторна графіка. PSD та AI макети. Робота з шарами, смарт-шари.
  • Обробка зображень та фото. Робота з текстовими блоками. Прийоми роботи з кольором.
  • Імпорт і експорт графіки.
  • Популярні стилі та напрямки в веб-дизайні, тренди.
  • Цілісна і візуально цікава сторінка сайту: структура, базові елементи, верстка тексту та ілюстрацій.
  • Модульні сітки та золотий перетин.
  • Типографіка і шрифти.
  • Робота з кольором. Композиція.
  • Основні принципи процесу роботи, дизайн мислення і генерація ідей.
  • Запозичення ідей і плагіат: етика і юридична сторона.
  • Розуміння завдань і процесів, як працювати з технічним завданням та замовником.
  • Як робити зручні інтерфейси. Перші кроки в проєктуванні.
  • Загальні принципи: зворотний зв'язок, теорія близькості та модульність.
  • Синтаксис елементів інтерфейсу і закони робототехніки в інтерфейсі.
  • Як продумати навігацію. Форми та елементи управління. Іконки та піктограми.
  • Нестандартні елементи інтерфейсу. Роль анімації в інтерфейсах.
  • Передача дизайн-макетів розробникам і технологам. Адаптивний і мобільний дизайн.
  • Виконання та презентація випускного проєкту. Створення резюме та портфоліо.
  • Особливості працевлаштування та спілкування з роботодавцями.
  • IT-English Speaking Club з викладачем з IT компанії.

Верстка HTML/CSS

  • Основні завдання фронтенду. Інструменти розробки.
  • Введення у HTML. Структура коду.
  • Основні теги роботи із текстом, зображеннями.
  • Створення веб-форм.
  • Робота із таблицями даних.
  • Списки.
  • Введення в CSS, поділ змісту та уявлення.
  • Контейнер CSS. Підключення CSS стилів. Застосування валідатора.
  • CSS селектори.
  • Способи розкладки CSS: float, grid, flexbox.
  • Використання SASS, SCSS.
  • Анімація, трансформація, переходи.
  • Роботи з градієнтами.
  • Сучасні типи верстки.
  • Методологія БЕМ та рекомендації щодо назви класів.
  • CSS-фреймворки: Bootstrap.
  • CSS media queries.
  • Нові специфікації HTML5 та CSS3.
  • Семантичні теги. Теги фізичної та логічної розмітки у HTML5.
  • Різні види верстки. Адаптивність та оптимізація верстки.
  • IT-English Speaking Club з викладачем з IT компанії.

Пакет PLUS

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

  • 60 хв індивідуальних консультацій з викладачем в кожному модулі
  • Додаткові авторські відео в особистому кабінеті
  • Можливість проходити заняття повторно
  • Можливість заморозити навчання до 3-х місяців
  • Безліміт у IT English Speaking Club

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

  • Для людей віком від 12 років
  • Вечірня група (з 19.00)
  • Чат з тренером і групою
  • Стажування у реальному проєкті
  • IT English Speaking Club
  • Додаткові можливості у пакеті PLUS

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

  • Всеволод Євгієнко - Засновник IT школи Prog.Academy. Професійний програміст з досвідом більше 15 років. Автор курсу Java Pro і ряду авторських тренінгів.
  • Олексій Рихлюк - UI/UX дизайнер з досвідом 10+ років. Product designer / Lead of product team в компанії Siteplus Ltd.
Більше інформації
Курс
Формат
Online
Початок навчання
16.06.2024
Тривалість
4 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
30 000 UAH за курс
Гнучкий графікВидається диплом/сертифікатМожливе працевлаштуванняСупровід ментораРеальний проект у портфоліо
Shendrikov Education
  • Web & Mobile Design / UI/UX
Подробиці

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

Модуль 1. Основи вебдизайну. Створення Landingpage

Інструментарій

Інтуїтивна робота на основному інструменті проєктування інтерфейсів - Figma.

  • Робота з формами та шрифтами
  • Гарячі клавіші
  • Робота з вектором
  • Плагіни та фічі програми

Арт навички дизайнера

Як влаштовано сприйняття користувача? Все про сітки, колонки, композиції та декомпозиції, побудову ієрархії та фундаментальні правила створення web просторів.

  • Тренди та стиль у дизайні
  • Графіка, картинки, іконки
  • Колористика, колірні схеми
  • Відступи, вирівнювання, внутрішнє та зовнішнє
  • Плашки, тіні, форми, кнопки
  • Як дістати інформацію з коду

Основи типографіки

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

  • Як завантажувати нові шрифти
  • Кегль, кернінг, інтерліньяж
  • Основи швейцарської друкарні
  • Різниця гарнітур у латиниці та кирилиці

UX аналіз Landing page

Модульний проєкт - Landing Page. Архітектура, із чого складається сторінка на прикладі односторінкового сайту. На які питання повинен відповідати дизайн, що працює.

  • Методологія Design thinking
  • Розуміння завдання продукту
  • Аналіз дослідження. Прототип. Mood board
  • Особливості навігації та змісту LP
  • Від хедера до футера

Адаптивний дизайн

Адаптуємо Landing Page під смарт девайси. Понад 60% світового трафіку йде із мобільних гаджетів. Ера mobile first.

  • Різниця responsive/adaptive web-design
  • Мобільні версії знайомих сайтів
  • Розміри елементів для доступності всіх груп користувачів

Створення портфоліо

Спільне створення продають презентації фінального дизайну, тонкощі розміщення та просування на Behance.

  • Інструкція заповнення профілю на Behance
  • Різниця подачі дизайну клієнту та в портфоліо
  • Сценарій презентації
  • Креативна подача екранів
  • Параметри макета для розміщення

Модуль 2. Розробка E-commerce. Фріланс та компанії

Інтернет магазин

Модульний проєкт №2 - Інтернет-магазин. Архітектура та зміст обов'язкових сторінок. Інтернет маркетинг за допомогою UI/UX правил.

  • Головна сторінка
  • Каталог, Картка товару
  • Кошик, Оформлення замовлення, 404

Робота з великими проєктами

Як оптимізувати роботу над великими функціональними командними проєктами.

  • Створення user flow та product backlog
  • Інтерактивний прототип інтернет-магазину Figma, щоб його можна було кликати
  • Методологія Атомарного дизайну
  • Компоненти та стани Figma, щоб масово змінювати однакові елементи дизайну та створювати сайт як із конструктора

Double diamond

Double diamond. Протягом останніх 15 років ця модель проектування є найбільш застосовуваною в організації дизайн-проєктів.

  • Адаптація методології під себе
  • Як складати та працювати з брифом клієнта
  • Інтерв'ю із замовником та технічне завдання
  • Які уточнюючі питання потрібно поставити
  • Тестування дизайн-гіпотез

Креативні методології

Think outside the box - як розвинути в собі вміння креативно дивитися на поставлені завдання.

  • Методології креативного мислення
  • Як результативно проводити Brainstorm
  • Чому важливо не лише знаходити ідеї, а й відсікати їх

Фріланс

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

  • Покрокова реєстрація
  • Cover Letter, що писати клієнту
  • РЗ чого правильно починати що таке спринти
  • Платіжні системи для виведення грошей
  • Як презентувати та продавати свою роботу

Компанії

Як знайти, не облажатись і потрапити в компанію своєї мрії.

  • Що писати в резюме та супровідному аркуші
  • Як виконувати тестове
  • Що має бути в портфоліо
  • Як не виглядати безглуздо на інтерв'ю

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

  • Онлайн формат
  • Індивідуальний темп
  • Постійний доступ
  • Економія часу
  • Оперативні відповіді

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

  • Анна Дикань - 7 років досвіду у UI/UX дизайні
  • Іван Шендріков - CEO школи Shendrikov Education
  • Юлія Хачирова - UI/UX дизайнер
  • Анастасія Федорова - UI/UX дизайнер
  • Татьяна Іваненко - Web-дизайнер
  • Юлія Остапчук - Менеджер комунікації
  • Марина Найдиш - Адміністратор
Більше інформації
Курс
Формат
Online
Початок навчання
24.06.2024
Тривалість
2 місяців
Рівень
Для досвідчених
Мова навчання
Ukrainian, English
Вартість
24 000 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Projector
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Принципи проєктування під мобільні

Про розміри, пріоритети та великий палець.

Нативні та кросплатформні програми, сайт з мобільного, PWA

Відмінності в контексті використання, дизайну та розробки.

Онбординг та перша сесія в мобільних продуктах

Як утримувати більше нових користувачів після встановлення та першої взаємодії.

Форми на мобільних

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

Ігрові цикли та engagement

Як зробити так, щоб люди поверталися частіше.

Контент на мобільних

Як організувати дуже багато інформації, щоб усі все знайшли та зрозуміли.

Прототипування мобільних інтерфейсів

Framer

Інтерфейсні патерни

Який елемент вибрати і як спроєктувати інтерфейс під своє завдання.

Мозок і мобільні інтерфейси

Як формувати звички, знижувати навантаження, використовувати патерни поведінки.

Маркетинг та економіка мобільних додатків

Як люди приходять до вас, скільки вони коштують і до чого тут дизайн.

Технології у мобільних інтерфейсах

Карта, локація, камера, NFC, AR та інші.

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

  • Живі заняття щопонеділка та щосереди о 19:30 та щосуботи об 11:00
  • Регулярний фідбек
  • Курсовий проєкт
  • Сертифікат за здобутки
  • Можна повернути кошти протягом 7 днів від початку курсу

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

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

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

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

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

Дизайн. Початок

  • Знайомство та план курсу
  • Що таке дизайн
  • Спеціалізації в дизайні
  • Сучасні навички дизайнера
  • Знайомство з етапами проєктування

Figma: основи роботи з програмою

  • Огляд програми
  • Основні інструменти
  • Плагіни

Типографіка

  • Теорія шрифту
  • Правила використання шрифтів у вебі
  • Корисні ресурси

Практика роботи з текстом

  • Верстання статті

Графіка

  • Світлини
  • Ілюстрації та іконки
  • Практика

Колір

  • Теорія кольору
  • Колір в інтерфейсах

Композиція

  • Що таке композиція та її різновиди
  • Корисні правила
  • Ефекти та принципи

Практика Hero screen

Дизайн патернів (UI елементи)

  • Форми
  • Картки
  • Навігація
  • UI Kit

Figma: просунутий інструментарій

  • Auto Layout
  • Стилі
  • Компоненти
  • Створення свого UI Kit в Figmi
  • Атомарний підхід

Створення форми

  • Check out

Типи інтерфейсів

  • Сутності у цифровому середовищі
  • Типи сайтів
  • Інтернет-магазини

UX research

  • Цільова Аудиторія
  • Аналіз конкурентів
  • Персони

Design Process

  • Етапи роботи над проєктом
  • Вимоги
  • Передача макета

Сітка

  • Поняття сітки
  • Види сіток
  • Кількість колонок на різних пристроях
  • Системи відступів

Закони взаємодії

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

  • Прототипи
  • Анімація
  • Створення анімації

Adaptive design

  • Поняття адаптивності
  • Рекомендації

Дипломний проєкт

Професія дизайнера

  • Портфоліо
  • Резюме
  • Співбесіда

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

  • Заняття в режимі онлайн-трансляції
  • Доступ до матеріалів в особистому кабінеті після закінчення навчання
  • Навчання зосереджене на практиці
  • Сертифікат після успішного закінчення навчання
  • До шостого заняття ви можете повернути 100% внесених за навчання коштів

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

  • Олена Парієнко - UI/UX Designer в Arounda
  • Ксенія Сніжна - UI Lead в Luxoft
  • Олександр Галушка - UI/UX Designer в Roobykon Software
  • Тетяна Тимченко - Marketing UI/UX Team Lead в airSlate
  • Євген Могільда - UI/UX Designer в NEMESIS
  • Дарина Довга - UI/UX Designer в ITOMYCH STUDIO
  • Ксенія Лагода - UX Designer в EPAM
  • Юрiй Байдан - UI/UX Product Designer в Halo Lab
  • Кирило Хіменко - Senior UI/UX Designer в CHI Software
Більше інформації
Курс
Формат
Online
Початок навчання
27.06.2024
Тривалість
32 занять
Рівень
Для досвідчених
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатРеальний проект у портфоліо
Hillel IT school
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Дизайн-процес

  • Поняття стадій в дизайні, їх послідовність

Вимоги

  • Види вимог (бізнес-вимоги, вимоги користувачів, функціональні, нефункціональні)

Робота з аудиторією

  • Цільова аудиторія, її види, типи користувачів
  • Поняття персони, складання персон
  • Види досліджень ЦА

Конкурентний аналіз

  • Види конкурентів
  • Проведення конкурентного аналізу

Робота з документацією та UX-артефакти

  • Карта емпатії. Складання карти емпатії
  • User Story, Job story і чим вони відрізняються
  • Use Case
  • User Scenario
  • User Flow
  • Модель Кано

Прототипування

  • Low- і high-fidelity варфрейми
  • Вчимося робити клікабельні прототипи
  • Програми для прототипування

Тестування

  • Види дизайн-тестування
  • Тестування прототипу
  • User-тестування
  • Usability-тестування
  • Інтерпретація результатів тестування

Розробка UI

  • Атомарний дизайн
  • Дизайн-система
  • UI-kit
  • Стилі, компоненти, автолейаути
  • iOs, Android, fluent design guidelines. Основні відмінності
  • Багато практики
  • Тестування високодеталізованого прототипу
  • Поняття Accessibility (доступного дизайну)
  • Передача макетів розробникам

Девайси

  • Основні платформи та особливості розробки дизайну під них
  • Розміри, брейкпойнти, адаптивний дизайн

Менеджмент

  • Командна праця
  • Спілкування з замовником
  • Складання резюме дизайнера, що продає

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

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

  • Необхідні базові знання та навички для освоєння курсу
  • Заняття проходять в режимі онлайн-трансляції
  • Оперативна служба підтримки студентів
  • Усі записи уроків залишаються у студентів після закінчення навчання
  • Велика кількість практичних занять і Livecoding
  • Сертифікат після успішного закінчення навчання
  • До шостого заняття ви можете повернути 100% внесених за навчання коштів
  • Бонусом курсу є тренінг з проходження співбесіди та складання резюме з HR-фахівцем компанії

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

  • Сергій Бомбела - UI/UX Designer в Develux
  • Олексій Гришко - Lead Designer в Primeclass
  • Святослав Федорів - Дизайнер в Ardas
  • Михайло Кудринський - Senior UI/UX Designer в Edvantis
  • Дмитро Хижняк - Head of Design Department в Light IT Global
  • Анастасія Школяр - UI/UX Designer в Blue Lemons
  • Андрій Барсуков - UI/UX Designer в Dev-pro
  • Мар'яна Стадник - UI/UX Designer в Avenga
  • Ірина Пелипенко - Product Designer в SocialTech
Більше інформації
Курс
Формат
Online
Початок навчання
10.06.2024
Тривалість
3 місяців
Рівень
Для початківців
Мова навчання
Ukrainian, English
Вартість
22 500 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Projector
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Інструмент

Знайомство з Figma. Базовий набір інструментів та основні принципи роботи з інструментом.

Сітки

Основні поняття про стандартні сітки та принципи роботи з ними.

Типографія

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

Навігація та форми

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

Ідеї та референси

Навчимося шукати ідеї, грамотно запозичувати їх, аналізувати, шукати закономірності та адаптувати.

Композиція

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

Практичне застосування

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

Графічні прийоми

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

Автолейаути, компоненти, варіанти

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

AIDA, структура лендингу

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

Вайрфреймінг

Дізнаємося, що таке вайрфрейми. Навіщо вони потрібні та як з ними працювати.

Мобільна версія

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

Подальший розвиток

Поміркуємо, як розвиватися далі та що підходить конкретно вам.

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

  • Відеолекції двічі на тиждень. Живі зідзвони з куратором раз на тиждень (ввечері у будній день)
  • Real-life завдання
  • Регулярний фідбек
  • Сертифікат за здобутки
  • Можна повернути кошти протягом 14 днів від початку курсу

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

  • Андрій Курочкін - Art Director в Hexagon.agency
  • Матвій Дунук - User Interface Artist в Ubisoft
  • Вова Віндар - UI Designer в UNIT9
  • Олександр Левченко - Product Designer в CYBR
  • Дар'я Лимаренко - Ex-UX/UI Designer в Nextpage Agency
  • Дмитро Світличний - Product Designer в 3SS
  • Ліза Кащинець - UI/UX Designer в Hexagon Agency
  • Анна Аптікєєва - UI/UX Designer в Arounda Agency
  • Вадим Тарасов - Product Designer в Uklon
  • Альона Крижанівська - Ex-Product & Visual Communication Designer в Qream
  • Анна Осядла - UI/UX Designer, Art Director в JetUp Digital
  • Поліна Сучок - Product Designer в Kyivstar
  • Іра Ларцева - Product Designer в Artkai
  • Ліза Ковальова - UI Designer в Astound Commerce, Jury на Awwwards
  • Марина Ковальчук - UX/UI Designer в GlobalLogic 
  • Павло Клочко - UX/UI Designer в SANDBX
  • Сергій Ковтун - UI/UX Designer в Netrix
  • Анастасія Санцевич - Experience Designer в Star 
  • Аліна Федорченко - Interface Designer в snig.digital 
  • Марія Горобець - UX/UI Designer в Horobets Design
  • Олександр Парамонов - Ex-Head of Design в Sense IT
  • Анастасія Братко - Product Designer в Archive
  • Микола Турчин - UX/UI Designer в Lazy Ants
  • Ольга Удовіна - Product Designer в Hexagon Agency
  • Віталій Сеневич - Ex-UX/UI Designer в ClassTag
  • Юлія Цукурова - Product Designer в Fireart Studio
  • Даша Краснолуцька - UI/UX Designer в Roud Studio
Більше інформації
Курс
Формат
Online
Початок навчання
20.06.2024
Тривалість
6 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
5 300 UAH за місяць
Вечірні заняттяВидається диплом/сертифікатМожливе працевлаштуванняСупровід ментораРеальний проект у портфоліо
DAN IT Education
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Підготовка до початку курсу

  • В якості першого домашнього завдання студенту висилається література з якою йому доведеться ознайомитися до початку курсу

Модуль: Soft Skills

  • Основні комунікативні навички
  • Орієнтування у ситуації спілкування
  • Управління емоціями
  • Емоційний інтелект
  • Критичне мислення
  • Робота у команді
  • Самопрезентація

Модуль 1. Промо-сайт

  • Дизайн-процес та його етапи: від проведення бізнес-інтерв’ю до презентації прототипу клієнту
  • Принципи проєктування досвіду користувача, розуміння його потреб, логіку та взаємодію з інтерфейсом
  • Основи візуального дизайну:
    • побудова композиції
    • робота з кольором, сіткою, типографікою
  • Після проходження модуля необхідно зібрати роботу в клікабельний прототип, підготувати презентаційні матеріали та захистити свою роботу перед клієнтом

Модуль 2. Мобільний додаток

  • Гайдлайни iOS & Android
  • Відмінність користувацького досвіду на різних девайсах
  • Прив’язка користувачів до свого продукту за допомогою використання гейміфікації
  • Анімації та взаємодії з інтерфейсом
  • Після проходження модуля необхідно виконати макет для релізу в магазинах застосунків, а також звичне демо для клієнта.

Модуль 3. Адмін-панель

  • Просунуті UX техніки
  • Психологія людського сприйняття
  • Перші інтерв’ю призначені для користувача
  • Обробка результати опитувань та якісні висновки на основі них
  • Робота в дизайн командах і розподіл завдань
  • Таблиці, календарі, форми та інші елементи високонавантажених систем
  • Метрики продуктового дизайну на основі яких можна оцінити свою роботу

Модуль 4. Продуктовий дизайн

  • Аналітичні дослідження для проєкту
  • Дизайн сесії та брейншторми
  • Вивчення та аналіз користувачів
  • Прийняття рішень на основі отриманих даних
  • Дипломна робота на одну із запропонованих соціально-значущих тем

Професійні поради та кар'єрне просування

Воркшопи та майстер-класи

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

  • Живі вечірні заняття (19:00-22:00)
  • Система оцінки знань
  • Робота в команді
  • Супровід ментора
  • Дипломний проєкт та сертифікат про закінчення навчання
  • Допомога у працевлаштуванні

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

  • Сергій Коваленко - Senior UX/UI designer, Founder at Siegfried Design Bü‎ro
  • Юлія Соловей - Senior UX/UI designer в Herb
  • Анна Кириленко - Product Designer, Freelance
  • Олег Вакарчук - Middle UX/UI designer, Freelance
  • Єгор Мілогродський - Middle UI/UX Designer в Capgemini Engineering
  • Анна Волкова - UI/UX Designer в Onix Systems
  • Олег Сліпченко - Product Designer у Slots City
Більше інформації
Курс
Формат
Online
Початок навчання
20.06.2024
Тривалість
3 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
5 000 UAH за місяць
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
DAN IT Education
  • SMM
  • Web & Mobile Design / UI/UX
Подробиці

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

Модуль 0. Введення в професію

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

Модуль 1. Основні інструменти та програми для дизайну

Цей модуль знайомить студентів з основними інструментами та програмним забезпеченням, які є невіддільною частиною роботи будь-якого digital-дизайнера. Студенти навчаться працювати з передовими графічними редакторами та дизайнерськими інструментами:

  • Adobe Photoshop: освоєння професійного редагування зображень, текстур та ефектів для створення високоякісних візуалів
  • Adobe Illustrator: набуття навичок векторного дизайну для створення логотипів, іконок та ілюстрацій
  • Figma: вивчення основ співпраці та прототипування в дизайні інтерфейсів та вебсайтів з можливістю спільної роботи в режимі реального часу
  • Midjourney, Chat GPT: знайомство з інноваційними інструментами штучного інтелекту для генерації ідей та контенту, включаючи автоматизацію деяких процесів дизайну та текстового контенту

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

Модуль 2. Основні принципи дизайну

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

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

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

Модуль 3. Дизайн в реалізації

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

  • Психологія сприйняття візуальної інформації: Вивчення того, як люди сприймають візуальну інформацію, та використання цих знань для створення більш ефективного дизайну
  • Айдентика: Основи створення та розробки візуальної ідентичності бренду, включаючи логотип, фірмовий стиль та корпоративну символіку
  • Дизайн для соціальних мереж: Розробка концепцій дизайну та створення темплейтів для соціальних мереж, включаючи підбір колірної гами та візуального контенту
  • Створення рекламних віжуалів: Навички створення ефективних рекламних віжуалів для контекстної реклами та таргетингу, з акцентом на побудову макетів, що залучають увагу та спонукають до дії
  • Створення корпоративних презентацій: Техніки та практики створення презентацій, які ефективно комунікують ідеї та інформацію, використовуючи візуальні елементи

Модуль 4. Кар'єра в дизайні

Цей модуль зосереджений на розвитку професійних навичок та підготовці до кар’єри в галузі digital-дизайну. Студенти дізнаються про важливі аспекти взаємодії з клієнтами, організації робочого процесу, а також про створення та просування власного портфоліо. У цьому модулі розглянемо:

  • Брифування клієнта та роботу з технічним завданням: Навчання ефективній комунікації з клієнтами, розумінню їхніх потреб та перетворенню цих вимог на конкретні технічні завдання
  • Фриланс: Основи ведення фриланс-діяльності, включаючи пошук клієнтів, ціноутворення, управління проєктами та особистим брендом
  • Оформлення портфоліо: Стратегії створення ефективного портфоліо, яке демонструє найкращі роботи та професійні навички дизайнера
  • Організація роботи дизайнера: Використання таск-менеджерів та контент-планів для ефективного планування та управління проєктами
  • Воркшоп та підготовка до фінального проєкту: Практичні заняття, під час яких студенти застосовують набуті знання для створення стилістики соціальних мереж конкретного бренду, включаючи розробку брифу, аналіз завдань та розробку концепцій

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

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

  • Живі заняття
  • Ізраїльська методика Телем
  • Підтримка ментора
  • Робота над реальними проєктами
  • Допомога курс-координатора
  • Сучасна LMS-система
  • Система оцінки знань
  • Різні проєкти у портфоліо
  • 18 практичних домашніх завдань
  • Кар'єрний супровід
  • Ком'юніті студентів та випускників

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

Сергій Коваленко - Senior UX/UI designer, Founder at Siegfried Design Buro

Більше інформації

Сторінки

Читайте нас в Telegram, щоб не пропустити анонси нових курсів.

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

Гість   01.05.2024

Організація занять дуже страждає. Уроки можуть тривати менше запланованого, тобто ви не отримуєте повного обсягу знань. А ще вам можуть запропонувати пошукати інформацію на ютубі замість того, щоб відповісти на запитання. Можливо викладач сам не знає відповіді на питання, то краще так і сказати. Можливо, сама програма і непогана, але реалізацію та викладача потрібно змінювати

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

Рекомендації: Нейтрально
3
Середня: 3 (1 голос)
Курси Web & Mobile Design / UI/UX