Навчалася на курсі UI/UX дизайну в GoIT (28-й потік) протягом 6 місяців — і це був справді трансформаційний досвід! Почавши з нуля, я змогла повністю змінити професію й тепер із задоволенням працюю в цій сфері.
Навчальний процес був цікавим і доступним, хоча з кожним новим модулем рівень складності зростав, а практичних завдань ставало більше. Викладач подавав матеріал зрозуміло й натхненно, а мій ментор Поліна Грудєва стала незамінною підтримкою. Окремо хочу подякувати Поліні: якщо вам випаде можливість навчатися під її керівництвом, головне — слухати, вчитися й застосовувати знання на практиці, і успіх вам гарантований! Щиро рекомендую GoIT! Це не лише якісне навчання, а й можливість знайти нові знайомства, розвинути важливі навички та впевнено рухатися до кар’єрних змін.Курсы Web Design / UI/UX
Фильтр
Мы нашли для вас 117 курсов
Курс
Формат
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
Начало занятий
25.03.2024
Длительность
6 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
22 000 UAH за курс
A-Level Ukraine
- Web & Mobile Design / UI/UX
Викладачі онлайн-курсу Web Design в A-Level розробили програму таким чином, щоб у рамках навчання кожен зміг послідовно ознайомитися та навчиться користуватися всіма цими інструментами та сервісами.
Програма курсу
Модуль 1 - Основи графічного дизайну
Історія дизайну. Брендинг. Айдентика
- Знайомство з фундаментальними подіями і іменами в історії дизайну
- Філософія дизайну
- Розбір термінології в дизайні
- Студенти отримують теми для проєктів
- Додаткова література і фільми
Знайомство із графічним редактором PS. Основні інструменти. Растрові зображення
Знайомство із графічним редактором AI. Основні інструменти. Векторні зображення
Основи композиції. Характер форми. Психологія композиції
- Поняття композиції
- Основні елементи композиції
- Композиційний центр
- Текстури і фактури у композиції
- Що таке гармонія і як її досягти?
Колористика. Основи кольорознавства. Психологія сприйняття кольору. Способи поєднання кольорів
- Основні характеристики кольору
- Способи змішування кольорів. Режими RGB та CMYK
- Способи поєднання кольорів
- Психологія сприйняття кольорів
- Чому ми реагуємо на колір і як підібрати палітру для проєкту?
- Колористичні прогнози і тенденції
Символіка форми. Знаки. Семіотика
- Що таке семіотика і навіщо в ній розбиратися?
- Знак. Види знаків
- Символізм
- Семіотичний аналіз
- Конотація і риторика
- Свідомий підхід до створення зображень
Сітки та пропорції в дизайні. Золотий перетин. Числа Фібоначчі
- Пропорції в дизайні
- Золота пропорція
- Модулор і золотий перетин
- Модульні сітки
Типографіка. Види шрифтів. Шрифтові пари. Стилі шрифтів
- Основи типографіки
- Типи шрифтів
- Параметри набору тексту
- Як поєднувати шрифти в проєктах
- Емоційне забарвлення шрифтів
- Практика в AI
Верстка тексту. Правила оформлення текстових блоків
- Вирівнювання тексту
- Що не можна робити з текстом
- Леттерінг
- Верстка великих масивів тексту
Логотип. Етапи роботи над логотипом
- Принципи створення логотипу
- Етапи роботи над логотипом
- Колір у логотипі
- Практичність і адаптивність у використанні
- Презентація логотипу
Етапи роботи над проєктом. Розвиток ідеї. Референси. Мудборд
- Портфоліо
- Комунікація
- Бриф і ТЗ
- Референси і мудборд
- Етапи роботи над проєктом
Інфографіка. Ілюстрація. Створення персонажів, принтів, патернів
- Що таке інфографіка?
- Види, техніки і стилі. Як не плутати між собою?
- Іконки в дизайні. Правила створення і використання
Друкарська підготовка. Особливості та сфери застосування
- Підготовка макетів до друку
- Ефекти
- Нюанси у роботі з текстом
Брендбук. Гайдлайни. Підготовка до презентації
- Розбір інтерфейсу і можливостей Behance
- Рекомендації для підготовки презентації
- Відмінності між брендбуком і гайдлайнами
- Що таке UI KIT?
Модуль
Модуль 2 - Створення Landing page
Етапи розробки проєктів. Опис етапів розробки проєкту. Що таке прототипування і навіщо воно потрібне?
- Життєвий цикл продукту
- Що відбувається на кожній стадії?
- Що таке прототип?
- Види прототипу
- Як розробити прототип?
Figma. Початок роботи
- Що таке композиція?
- Елементи композиції
- Основи композиції
- Основні принципи
- Інтерфейс Figma
- Редактор файлів
Що таке Landing Page. Формула AIDA. Прототипи Landing Page
- Landing Page
- Навіщо потрібні цільові сторінки
- Основні блоки цільових сторінок
- Що таке формула AIDA? Як її використовувати
- Як зробити прототип та як зробити хорошу цільову сторінку?
Сітка. Робота з секціями (Обкладинка, Інфо-блоки)
- Що таке сітка і навіщо вона потрібна?
- Види сіток
- Композиція за допомогою сітки
- Ритм
- Інфо-блоки
Робота з запереченнями. Робота з секціями (Блоки переваг та вигод, Блоки довіри, Блок дії. Call to Action та очікування відвідувача)
- Що таке заперечення відвідувача?
- Як з ними працювати?
- Блоки вигоди та переваг
- Блок довіри
- Блок дії
Форми. Що таке форми? Дизайн форм. Валідація
- Що таке форми та навіщо вони потрібні?
- Основні типи форм
- Основні правила роботи з формами
Responsive
- Як створити сітку?
- Розміщення елементів по сітці
- Сітка Bootstrap
- Adaptive чи Responsive
- Як зробити Responsive дизайн
Практика - RESPONSIVE LANDING доопрацювання та оптимізація для респонсив, фінальні доопрацювання.
Теорія по сітках bootstrap та брейкпоінти
Mobile First. Основні правила респонсив дизайну
Модуль
Модуль 3 - Мобільні додатки
Введення в мобільні додатки. iOS vs Android та web app. Що таке гайдлайни? Що таке ретина? Особливості побудови мобільних додатків (скелет екрану). Основні тренди
- Види мобільних додатків
- Що таке iOS та Android?
- Гайдлайни
- Навігація
- Тренди
User flow mobile app. Realtimeboard
- Що таке IA та user-flow
- Які бувають формати
- Що таке Скетч, Wireframes, Прототип
- Паттерни навігацій
Splash screen - перше, що побачить користувач. Що таке splash screen? Його призначення
- Мудборд та референси. Чим вони відрізняються і де їх брати?
- Splash screen. Onboarding
- Екрани та елементи програми
- Дизайн-система (кейси)
Основні стани екранів згідно з виданою темою
- Закони UX-дизайну
- Дизайн-принципи
- Дизайн-система (кейси)
Стан форм, валідація, другорядні екрани
- Активація та залучення
- Які є механіки залучення?
Практика: опрацювання всіх екранів додатків
Практика: порізка іконок, експорт зображень та шрифтів
Практика. Фінальні доопрацювання
Модуль
Модуль 4 - E-commerce
Figma. Робота з компонентами та автолейаутами
Інформаційна архітектура E-Commerce. Що таке архітектура проєкту?
- Що таке IA?
- Для чого потрібна IA?
- Компоненти
UX Сценарії - User Stories UX сценарії, персонажі, мапа сайту, мапа сценаріїв
- Що це і для чого потрібно?
- Які бувають дослідження?
- Як створити персону?
- UX сценарії
- Навіщо потрібна CJM?
- Як побудувати CJM?
Чеклист юзабіліті інтернет магазину. Що таке чеклист юзабіліті для IM? Як його скласти та основні помилки
- Що це таке?
- Основні критерії
- Структура сторінок
- Головна сторінка
- Навігація по сайту
- Пошук по сайту
- Каталог товарів
- Картка товару
- Кошик
- Оформлення замовлення
Картка товару. Що таке картка товару? Правила її побудови
- Для чого потрібна?
- З яких елементів складається?
Категорії та фільтри. Практика категорії та фільтри. Правила їх побудови. Відпрацювання
- Правила побудови
- Категорії та фільтри
- Категорії: для чого потрібні, як працюють
- Фільтри: для чого потрібні, види фільтрів
- Сортування товару: для чого потрібне?
User flow. Розбір та практика кошик та чекаут, stepper. Старт роботи над степпером, оформлення замовлення
- Типи кошиків
- Основні елементи кошику
- Що таке чекаут?
- Як зробити чекаут?
Внутрішні та додаткові сторінки. Стан та валідація форм
- Які внутрішні сторінки бувають?
- Їх призначення
Практика з додаткових модулів. Мега меню, фільтри, соціальні плагіни
- Що таке мегаменю?
- Коли використовується?
- Типи мегаменю
Практика: респонсив для online store
Популярні фреймворки для інтернет-магазинів. Практика
- Популярні фреймворки
- Їх класифікація
Додаткова практика із розбором ДЗ. Робота над помилками
Дипломна робота
Опис
Дипломна робота включає в себе на задану вчителем тему створення власного дизайну інтернет-магазину та додавання його на сторінку Behance у вигляді презентації. Завданням є створити магазин в desktop версії та зробити адаптиви (мобільна версія та планшет). В дипломній роботі присутніми повинні бути 8 обов'язкових сторінок магазину.
Захист дипломної роботи
Вже на захисті студентам необхідно показати свою презентацію, разом з дизайном всіх адаптивів та продемонструвати всі інтерактиви. Також потрібно розповісти про всі проведені дослідження та опитування серед можливих споживачів.
Особливості курсу
- 24 заняття з англійської мови
- Майстер клас по складанню резюме та проходження співбесід
- Консультація з рекрутером та тестова співбесіда
- Супровід до моменту працевлаштування менеджером, закріпленим за групою
Викладачі курсу
- Войтенко Іван - Freelancer
- Малихіна Любов - Product Designer
- Романенко Сергій - UI/UX, Web-designer
- Таньпетер Володимир - UI/UX designer
- Кормишева Ольга - UI/UX designer
- Фоміна Олена - Digital designer
Курс
Формат
Online
Начало занятий
26.01.2024
Длительность
3 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
14 500 UAH за курс
Powercode Academy
- Web & Mobile Design / UI/UX
Програма курсу
Ready, Steady, Go!
- Як розпочати навчання
- Головні причини, через які ви не можете досягнути успіху
- Рекомендації від експерта як навчатися, щоб точно отримати результат
Швидкий старт у UX/UI Design
- З чого починається дизайн? Різниця між UX та UI
- Топова програма дизайнера Figma: встановлення, розбір базових інструментів
- Research i Moodboard: Як знати що саме потрібно замовнику, аби він заплатив за проєкт
- Sitemap and User Flow. Грамотна побудова логіки сайту: дизайн, зручність, адаптивність
- Wireframe. Практика. Навіщо робити скетч сайту перед його дизайном
Як працювати швидко та отримувати X2 вже на старті
- Вчимося працювати як Senior Designer: Сітка, component та групування
- Hot Keys. Як працювати правильно і швидко
- Базові блоки сайту
- Що таке прототип сайту і навіщо він потрібен
- Практика. Створюємо Hero page
Продаючий багатосторінковий сайт
- Що таке і навіщо багатосторінкові сайти для бізнесу?
- Малюємо головну сторінку сайту
- Бургер-меню, що за звір і з чим їдять
- Сторінка товарів, кошик та фільтрація
- Практика. Створюємо та упаковуємо інтернет-магазин
Мобільний додаток, яким хочеться користуватися
- Різниця дизайну сайту і додатку. Принципи розташування елементів на холсті
- Onboarding. Як закохати користувача у додаток з першого свайпу
- Створення і розробка окремих екранів додатка
- Прототипування. Збираємо додаток
- Практика. Покроково створюємо онлайн мобільний додаток
CRM-система. Те, що потрібно кожному бізнесу
- Що таке CRM-система і хто замовляє її дизайн
- Складові CRM-ки: холст, сайд-бар, рамка, контрольні лінії, відступи
- Що таке чарти: види, створення і дизайн
- Створюємо і збираємо CRM
- Практика. CRM
Як заробляти більше: додаткові шляхи монетизації
- З якими соціальними мережами може працювати дизайнер
- Instagram/Facebook. Упаковуємо пости, stories, highlights
- Створюємо рекламні банери для бізнесу
- Створюємо Презентації та чек-листи для блогерів і онлайн шкіл
- Практика. Дизайнимо презентацію на 10 сторінок
Моє перше портфоліо: реєстрація, упаковка і випуск
- Чому дизайнеру потрібне портфоліо? Секрети продаючого кейсу
- Розбір і реєстрація на платформах для дизайнерів: Behance, Dribble
- Упаковуємо свій кейс
- Завантаження кейса на платформи. Додаткові фішки
- Практика. Випускний
Як шукати і закривати клієнтів на високі чеки
Особливості курсу
- Доступ до матеріалів на 6 місяців
- Закрита телеграм група
- Практичні завдання з перевіркою
- Сертифікат про проходження курсу
- Можливість повернути кошти протягом 14 днів від старту курсу
Викладачі курсу
Siuzanna Shevchuk - UI/UX Designer
Больше информацииКурс
Формат
Online
Начало занятий
10.01.2024
Длительность
4 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
18 700 UAH за курс
Powercode Academy
- Web & Mobile Design / UI/UX
На курсі студенти отримають досвід роботи з адаптивним дизайном, розуміння етапів розробки сайтів та інтерфейсів, знання принципів юзабіліті сайтів та застосування основ композиції та роботи з кольором. Будуть працювати з Photoshop, Illustrator, Figma, Invision, Zeplin, а дипломний проєкт стане хорошим доповненням у портфоліо.
Програма курсу
Вступ до Веб-дизайну
- Що вас чекає на курсі
- Роль дизайнера у проекті
- Знайомство з графічними редакторами Adobe Photoshop, Adobe Illustrator
- User Flow / User Journey Map / Site map
- Практичне заняття
Figma: вивчаємо інтерфейс. Робота з інструментами та панеллю параметрів. Wireframes та тестування ідеї
- Figma: вивчаємо інтерфейс та вчимося з ним працювати
- Тестування ідеї
- Wireframes. Основи прототипування
- Практичне заняття
Дизайн система. Навігация та робота над логотипом
- Вивчаємо навігацію та структуру сайту
- Логотип, упаковка та презентація (логобук)
- Елементи дизайн системи та як з нею працювати
- Практичне заняття
Типографіка. Модульні сітки та їх налаштування. Вчимося створювати свої індивідуальні сітки
- Типографіка та сітки
- Модульна сітка
- Адаптив
- Практичне заняття
Композиція та колір
- Композиція
- Колір
- Практичне заняття
- Material design. Інструкції з людського інтерфейсу
Эвристики Нільсена
- Usability для дизайну інтерфейсу користувача
- Эвристики Нільсена
- Практичне заняття
Mobile application (IOS / Android)
- Material design. Форми. Рух. Взаємодія. Спілкування
- Material design. Допомога та відгук
- Презентація
- Практичне заняття
Behance and Dribbble
- Material design. Діалоги, меню, панель навігації, навігаційні ящики, навігаційна рейка, віджети
- Behance and Dribbble
- Плагіни для Figma
- Практичне заняття
СRM та додаткові програми для дизайну
- Робота над CRM
- Додаткові програми для побудови і презентації дизайну
- Практичне заняття
Створення CV, проходження співбесіди і подальший пошук роботи
- Складання CV та підготовка до співбесіди
- Практичне заняття
Портфоліо
- Портфоліо на Behance
- Портфоліо на Dribbble
- Практичне заняття
After Effect
- After Effect
- Практика. Захист проєкту
Особливості курсу
- Відеозаписи занять та всі матеріали завжди доступні
- Практичні заняття проходять раз на тиждень по 2,5 години
- Особистий зворотний зв’язок від викладача
- Факультативні заняття "English for IT"
- Можлива заморозка курсу при необхідності
- Дипломний проєкт
- Закритий чат учнів з викладачем і куратором
- Додатковий модуль з HR-ом PowerCode Academy по підготовці до співбесіди
Викладачі курсу
Клим Євтушенко - Викладач курсу "Web design" y Powercode Academy, UX/UA designer
Больше информацииКурс
Формат
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, чтобы не пропустить анонсы новых курсов.
Відгуки про курси
Отзывы о курсах
Жанна 11.02.2025
Плюсы:Цікавий навчальний процес, чудові викладачі, нові знайомства
Рекомендации: Рекомендую
Курсы Web & Mobile Design / UI/UX
Поліна 21.01.2025
Пройшла курс Графічний дизайнер. Цікава подача теорії з практикою + після кожного проходження спринту фінальне завдання зі зворотним зв'язком від рев'ювера. Постійна підтримка ментора та куратора курсу.
Рекомендации: Рекомендую
Курсы Web & Mobile Design / UI/UX
Любов 12.01.2025
Чудова комунікація вчителя з учнями, гарне викладання матеріалу . Дякуємо вчителю Миколі , який завжди на зв’язку , донька навчається з великим задоволенням !
Рекомендации: Рекомендую
Курсы Web & Mobile Design / UI/UX
Андрей 15.12.2024
Поступив на курс Графический дизайнер я получил колоссальный опыт и знания, которые конечно же мне пригодятся, это без сомнения.
Тут нас обучали правилам композиции, цветовой гамме, типографике и многому другому.
Рекомендации: Рекомендую
Курсы Web & Mobile Design / UI/UX
Віктор 02.12.2024
Я перебуваю на курсі Графічного дизайну вже 4 місяці і поки що все йде гладко. Мій куратор і викладачі дають інформацію дуже зрозуміло і тільки те, що необхідно для професії та реальної роботи.
Рекомендации: Рекомендую
Курсы Web & Mobile Design / UI/UX
Дякуємо за ваш чудовий відгук! Ваш досвід навчання в GoIT є справжнім натхненням для нас і для майбутніх студентів! Зміна професії – це великий крок, і ми дуже раді, що змогли бути частиною вашої трансформації.
Спільно з нашими менторами, такими як Поліна, ми завжди прагнемо створити максимально підтримуюче середовище для розвитку. Бажаємо вам подальших успіхів у сфері UI/UX дизайну та нових можливостей для кар'єрного росту!