Курс

UI/UX Designer

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

Cтарт: Можна приєднатись

Дізнатись детальніше

Тривалість

96 годин, 16 тижнів

Розклад

Пн 18:00-21:00, Сб 9:00-12:00

Вартість

16000 грн за курс

UI/UX Designer?

Чим займається

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

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

UI/UX Designer

Професія

одна з найбільш затребуваних професій

1500 компаній щомісяця шукають собі в штат UI/UX Design Заробітна плата стартуєвід 400$ і до 2300$

*Статистика взята з сайту dou.ua

Що буде в курсі

6 місяців інтенсивних практичних занять
Ти отримаєш всі необхідні навички для роботи і на практиці пройдеш всі етапи розробки дизайну продукту.
5 найнеобхідніших дизайн-програм
Насправді з усього розмаїття ПО, яке є на ринку, вам потрібно знати всього 20% програм, а в них всього 20% інструментів. Але знати їх потрібно досконало. На курсі ми сконцентруємося лише на них.
14 дизайн-документів
Ви освоїте всі необхідні стадії створення дизайну цифрового продукту і навчитеся чітко документувати кожен етап. Для цього вас навчать користуватися різними дизайн-документами.
Випускний проект для вашого портфоліо
Навчишся створювати життєздатні проекти, працювати з реальними вимогами і успішно захищати свою роботу перед потенційними замовниками.

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

  • 01

    Розробляти адаптивні дизайни‑макети для веб‑сайтів і мобільних інтерфейсів

  • 02

    Розробляти Кросплатформені нестандартні рішення для створення унікального продукту

  • 03

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

  • 04

    Працювати з бізнес-вимогами, , Визначати цілі проекту, Формувати список завдань на MVP, Грамотно бріфувати різних клієнтів

  • 05

    Працювати з гайдлайни iOS і Android , створювати інтерактивні прототипи і анімувати інтерфейс

  • 06

    Упаковувати і презентувати свій проект замовнику, а також наповнити власне портфоліо

  • 07

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

  • 08

    Заповнювати різні кинувся і формуліовать рішення, що задовольняють вимоги бізнесу і ЦА.

Ти опануєшь

Інструменти та сервіси

Цей курс для тебе, якщо ти

  • Початківець UI.UX дизайнер, який хоче систематизувати свої знання і підвищити свій цінник.
  • Розробник, фулстек і хочеш розуміти свого дизайнера, а також можливо робити дизайн самостійно
  • PM, Product, HR або будь-який інший представник IT індустрії, який хоче освоїти дизайн для розширення своїх можливостей
  • Дизайнер, якому набридло грати зі шрифтами, котити квадратне і робити 3 варіанти одного дизайну

Програма навчання

Знакомство с профессией UI/UX Дизайнер
  • Знакомство, выбор тем для защиты курсового проекта
  • Кто такой UI/UX дизайнер. Отличия от Web и Product.
  • Функции UI/UX Дизайнера в команде
  • Матрица компетенций UI/UX дизайнера
Обзор инструментов
  • Инструменты работы UI/UX Дизайнера.
  • Figma, Sketch, Adobe XD или Photoshop? Сравнение
  • Adobe Illustrator, Adobe AfterEffects. Что это такое и зачем
Знакомство с Figma
  • Интерфейс Figma. Базовые инструменты. Компоненты
  • Базовые компоненты интерфейса. AutoLayout и привязки в Figma
  • Inputs & Buttons. Создание UX контактной формы
  • Сочетания клавиш для более быстрой работы
  • Сравнение WEB UI Гайдланов: Material, IOS, Windows
Design System
  • Атомарный дизайн, UI-kit, Дизайн системы
  • Атомы, Молекулы, Организмы, Шаблоны, Страницы. Примеры использования атомарного дизайна
  • UI kit для дизайнера: польза, назначение и компоненты
  • Что такое дизайн-системы и где они применяются.
  • Правила построения универсальной UI Card
Типографика в интерфейсах
  • Стили текста в Figma
  • Типы шрифтов. Гарнитура, кегль, кернинг, интерлиньяж
  • Типографические гайдлайны
  • Шрифтовые пары. Адаптивная типографика
  • Размерности и базис типографической схемы
  • Типографический ритм
  • Ресурсы с бесплатными шрифтами
Работа с цветом в UI
  • Теория цвета. Цветовой круг
  • Психологическое значение цвета
  • Цветовые стили в Figma. Правило 60-30-10
  • Основной и акцентный цвет
  • Цветовые модели
  • Цветовые палитры. Инструменты подбора палитр
User Experience
  • Целевая аудитория, карта эмпатии, персоны
  • Почему так важно понимать свою ЦА
  • Виды ЦА
  • Метод персон. Откуда брать данные?
  • Что такое карта эмпатии и где она пригодится?
  • Построение карты путешествия пользователя
  • Когда нужна карта путешествия пользователя
  • Определение целей карты путешествия пользователя
UX Исследования
  • UX Исследования
  • Какой метод исследования выбрать?
  • Отличия методов. Количественный/качественный. Поведенческий/отношенческий.
  • Методы UX исследований
User Flow
  • UX. User Story и User Flow
  • Как писать User Story?
  • Структура User story
  • Как создавать User Flow
Web-дизайн
  • Работа в команде дизайнеров
  • С какими трудностями сталкивается дизайнер в команде
  • Практическое задание. Студенты учатся работать в команде
Принципы композиции в интерфейсах
  • Сетки в дизайне
  • Терминология. (Колонки, столбцы, поля, межколоночный пробел)
  • Виды колоночных сеток
  • Модульные решения в интерфейсах
  • Золотое сечение и другие методы рорганизации пространства
  • Правила построени универсальной UI Card
Landing page
  • Принципы создания Landing page.
  • Что такое лэндинг и зачем он нужен?
  • Примеры создания лэндингов
  • Отличия плохого лендинга от хорошего
Адаптивный дизайн
  • Респонсивный vs адаптивный дизайн: в чем разница и какой выбрать?
  • Что такое респонсивный дизайн
  • Что такое адаптивный дизайн
  • Примеры респонсивного и адаптивного дизайна
  • Как выбрать между адаптивным и респонсивным дизайном для вашего сайта​
  • Построение полной адаптивности
UI/UX Дизайн
  • Wireframes. Mockups. Prototypes
  • Чем же Wireframes отличается от Mockups и Prototype?
  • Примеры использования Wireframes, Mockups, Prototypes
Mobile design
  • Особенности дизайна мобильных приложений
  • Комплексное руководство по дизайну мобильных приложений
  • Конкретные примеры как нужно и не нужно делать разрабатывая интерфейс мобильных приложений
Гайдлайны iOS/Android
  • Гайдлайны iOS/Android
  • Что это такое и почему они так важны?
  • Human Interface Guidelines
  • Material Design
  • Работа над iOS версией приложения для диплома
  • Особенности дизайна под iOS
  • Работа над Android версией приложения для диплома
  • Особенности дизайна под Android
Работа над портфолио
  • Воркшоп. Создаем работу в портфолио
  • Портфолио дизайнера. Dribbble и Behance
  • Что такое Dribbble?
  • Что такое Behance?
  • Особенности работ под Dribbble и Behance
  • Примеры хороших и плохих кейсов
Защита выпускных проектов
  • Защита проекта
  • Детальный разбор курсовых работ

Хто читає?

Ян Гладченко

UI/UX Designer в keepweb

2 роки в дизайні. Досвід роботи як на фрілансі, так і в аутсорс компаніях. Створював проект для Huawei. У викладанні робить упор на практику, не забуваючи про теорію.
Навчить вас створювати красиві і зручні сайти і мобільні додатки.

Роботи наших випускників

Через 6 місяців твоя робота буде тут

Що потрібно, щоб пройти курс?

Базове володіння будь-яким із зазначених графічних редакторів

Adobe Photoshop / Illustrator / Figma / Sketch Design Fundamentals

Допомога в працевлаштуванні

Кожен випускник отримує допомогу і підтримку від кар'єрного консультанта Level Up

  • Допомога в складанні IT-резюме та проходження співбесіди
  • Індивідуальні консультації з пошуку роботи та розвитку кар’єри
  • Регулярне інформування про відкриті вакансії від наших компаній-партнерів
  • Безкоштовні відвідування івентів по soft skills і зустрічей c HR компаній для всіх студентів

Початок курсу

Можна приєднатись

Тривалість

96 годин, 16 тижнів

Розклад

Пн 18:00-21:00, Сб 9:00-12:00

Вартість

16000 грн за курс

Чекаємо на тебе