UI/UX Designer
- С нуля научишься создавать интерфейсы, решающие задачи бизнеса
- Пройдите все этапы разработки дизайна продукта
- Освоишь web- и Mobile дизайн, проектирование и UX‑аналитику
Cтарт: 11 октября
Длительность
96 часов, 16 недель
Расписание
Пн 18:00-21:00, Сб 9:00-12:00
Стоимость
16000 грн за курс
Возможна оплата
частями
Чем занимается UI/UX Designer?
Разработкой дизайна интерфейсов приложений и веб сайтов, а также их практического и комфортного использывания пользователем.
Курс построен таким образом, чтобы вы последовательно выполнили все этапы цикла разработки — от генерирования идей до создания и сдачи готового макета цифрового продукта.
UI/UX Desinger
от 400$
до 2300$
Что будет в курсе
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. В преподавании делает упор на практику, не забывая про теорию.
Научит вас создавать красивые и удобные сайты и мобильные приложения.
Работы наших выпускников
По окончанию курса твоя работа может быть здесь
