UI/UX Designer
- З нуля навчишся створювати інтерфейси, які вирішують завдання бізнесу
- Пройдете всі етапи розробки дизайну продукту
- Освоїти web- і Mobile дизайн, проектування та UX-аналітику
Cтарт: Можна приєднатись
Тривалість
96 годин, 16 тижнів
Розклад
Пн 18:00-21:00, Сб 9:00-12:00
Вартість
16000 грн за курс
Можлива оплата
частинами
Чим займається UI/UX Desiger?
Розробкою дизайну інтерфейсів додатків і веб сайтів, а також їх практичного і комфортного використання користувачем.
Курс побудований таким чином, щоб ви послідовно виконали всі етапи циклу розробки - від генерування ідей до створення і здачі готового макету цифрового продукту.
Заробітна плата
UI/UX Desinger
від 400$
до 2300$
Коротко про курс - в відео
з нашим викладачем
Тебе чекає:
-
Інтенсивна практика і розбір домашніх завдань
-
Можливість онлайн навчання + відеозаписи всіх занять
-
4 проекти в портфоліо, які ти презентуєш експертам і потенційним роботодавцям
-
Допомога з працевлаштуванням, оформлення резюме, підбір вакансій і підготовка до співбесіди
Що буде в курсі
4 місяці інтенсивних практичних занять
10 топові програм необхідних UX / UI дизайнеру
5 етапів дизайн-мислення
Випускний проект для вашого портфоліо
Після курсу ти зможеш
- 01
Розробляти адаптивні дизайн‑ макети для веб‑ сайтів і мобільних інтерфейсів
- 02
Розробляти Кросплатформені нестандартні рішення для створення унікального продукту
- 03
Працювати з композицією, шрифтами і типографікою при розробці інтерфейсу, з використанням принципів каліграфії
- 04
Визначати цілі проекту, формувати його завдання і підбирати інструменти для створення прототипу конкретного проекту
- 05
Працювати з гайдлайни iOS і Android , створювати інтерактивні прототипи і проводити їх юзабіліті-тестування
- 06
Упаковувати і презентувати свій проект замовнику, а також наповнити власне портфоліо
Ти опануєш
Програми та інструменти
Цей курс для тебе, якщо ти
- Хочеш стати дизайнером і гідно заробляти
- Прагнеш стати на рівень вище в сучасному дизайні
- Замислюєшся про перехід з однієї галузі дизайну в іншу
- Початківець дизайнер і хочеш системних знань та інтенсивної практики
Програма навчання
- Знакомство, выбор тем для защиты курсового проекта
- Кто такой UI/UX дизайнер. Отличия от Web и Product.
- Функции UI/UX Дизайнера в команде
- Матрица компетенций UI/UX дизайнера
- Инструменты работы UI/UX Дизайнера.
- Figma, Sketch, Adobe XD или Photoshop? Сравнение
- Adobe Illustrator, Adobe AfterEffects. Что это такое и зачем
- Интерфейс Figma. Базовые инструменты. Компоненты
- Базовые компоненты интерфейса. AutoLayout и привязки в Figma
- Inputs & Buttons. Создание UX контактной формы
- Сочетания клавиш для более быстрой работы
- Сравнение WEB UI Гайдланов: Material, IOS, Windows
- Атомарный дизайн, UI-kit, Дизайн системы
- Атомы, Молекулы, Организмы, Шаблоны, Страницы. Примеры использования атомарного дизайна
- UI kit для дизайнера: польза, назначение и компоненты
- Что такое дизайн-системы и где они применяются.
- Правила построения универсальной UI Card
- Стили текста в Figma
- Типы шрифтов. Гарнитура, кегль, кернинг, интерлиньяж
- Типографические гайдлайны
- Шрифтовые пары. Адаптивная типографика
- Размерности и базис типографической схемы
- Типографический ритм
- Ресурсы с бесплатными шрифтами
- Теория цвета. Цветовой круг
- Психологическое значение цвета
- Цветовые стили в Figma. Правило 60-30-10
- Основной и акцентный цвет
- Цветовые модели
- Цветовые палитры. Инструменты подбора палитр
- Целевая аудитория, карта эмпатии, персоны
- Почему так важно понимать свою ЦА
- Виды ЦА
- Метод персон. Откуда брать данные?
- Что такое карта эмпатии и где она пригодится?
- Построение карты путешествия пользователя
- Когда нужна карта путешествия пользователя
- Определение целей карты путешествия пользователя
- UX Исследования
- Какой метод исследования выбрать?
- Отличия методов. Количественный/качественный. Поведенческий/отношенческий.
- Методы UX исследований
- UX. User Story и User Flow
- Как писать User Story?
- Структура User story
- Как создавать User Flow
- Работа в команде дизайнеров
- С какими трудностями сталкивается дизайнер в команде
- Практическое задание. Студенты учатся работать в команде
- Сетки в дизайне
- Терминология. (Колонки, столбцы, поля, межколоночный пробел)
- Виды колоночных сеток
- Модульные решения в интерфейсах
- Золотое сечение и другие методы рорганизации пространства
- Правила построени универсальной UI Card
- Принципы создания Landing page.
- Что такое лэндинг и зачем он нужен?
- Примеры создания лэндингов
- Отличия плохого лендинга от хорошего
- Респонсивный vs адаптивный дизайн: в чем разница и какой выбрать?
- Что такое респонсивный дизайн
- Что такое адаптивный дизайн
- Примеры респонсивного и адаптивного дизайна
- Как выбрать между адаптивным и респонсивным дизайном для вашего сайта
- Построение полной адаптивности
- Wireframes. Mockups. Prototypes
- Чем же Wireframes отличается от Mockups и Prototype?
- Примеры использования Wireframes, Mockups, Prototypes
- Особенности дизайна мобильных приложений
- Комплексное руководство по дизайну мобильных приложений
- Конкретные примеры как нужно и не нужно делать разрабатывая интерфейс мобильных приложений
- Гайдлайны iOS/Android
- Что это такое и почему они так важны?
- Human Interface Guidelines
- Material Design
- Работа над iOS версией приложения для диплома
- Особенности дизайна под iOS
- Работа над Android версией приложения для диплома
- Особенности дизайна под Android
- Воркшоп. Создаем работу в портфолио
- Портфолио дизайнера. Dribbble и Behance
- Что такое Dribbble?
- Что такое Behance?
- Особенности работ под Dribbble и Behance
- Примеры хороших и плохих кейсов
- Защита проекта
- Детальный разбор курсовых работ
Хто читає?
Ян Гладченко
UI/UX Designer в keepweb
2 роки в дизайні. Досвід роботи як на фрілансі, так і в аутсорс компаніях. Створював проект для Huawei. У викладанні робить упор на практику, не забуваючи про теорію.
Навчить вас створювати красиві і зручні сайти і мобільні додатки.
Роботи наших випускників
По закінченню курсу твоя робота може бути тут
