UI/UX Designer
Разработка мобильных приложений и
сайтов - от анализа идеи до финального макета и работы в студии.
Cтарт: Можно присоединиться
Длительность
96 часов, 16 недель
Расписание
Пн 18:00-21:00, Сб 9:00-12:00
Стоимость
16000 грн за курс
UI/UX Desinger?
Чем занимается
Разрабатывает дизайн для сайтов, мобильных приложений и программных продуктов, которыми с удовольствием пользуются миллионы людей и которые приносят миллионы своим владельцам.
Курс построен таким образом, чтобы вы последовательно освоили выполнили все этапы цикла разработки — от анализа бизнес-идеи до создания и сдачи в разработку готового макета цифрового продукта.
UI/UX Desinger
ПРОФЕССИЯ
одна из самых востребованных профессий
1500 компаний ежемесячно ищут себе в штат UI/UX Design Заработная плата стартует от 400$ и до 2300$
*Статистика взята из сайта dou.ua
Что будет в курсе
6 месяцев интенсивных практических занятий
5 самых необходимых дизайн-программ
14 дизайн-документов
Выпускной проект для вашего портфолио
После курса ты сможешь
- 01
Разрабатывать адаптивные дизайн‑макеты для веб‑сайтов и мобильных интерфейсов
- 02
Разрабатывать кроссплатформенные нестандартные решения для создания уникального продукта
- 03
Работать с композицией, шрифтами и типографикой при разработке интерфейса, с использованием принципов типографии
- 04
Работать с бизнес-требованиями,, Определять цели проекта, Формировать список задач на MVP, Грамотно брифовать различных клиентов
- 05
Работать с гайдлайнами iOS и Android, создавать интерактивные прототипы и анимировать интерфейс
- 06
Упаковывать и презентовать свой проект заказчику, а также наполнить собственное портфолио
- 07
Проводить исследования ЦА, Прототипировать высоко- и низко- детализированные прототипы
- 08
Заполнять различные канвасы и формулиовать решения, удовлетворяющие требования бизнеса и ЦА.
Ты освоишь
программы и инструменты
Этот курс для тебя, если ты
- Начинающий UI.UX дизайнер, который хочет систематизировать свои знания и повысить свой ценник.
- Разработчик, фулстек и хочешь понимать своего дизайнера, а также возможно делать дизайн самостоятельно
- PM, Product, HR или любой другой представитель IT индустрии, который хочет освоить дизайн для расширения своих возможностей
- Дизайнер, которому надоело играть со шрифтами, катить квадратное и делать 3 варианта одного дизайна
Программа обучения
- Знакомство, выбор тем для защиты курсового проекта
- Кто такой 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. В преподавании делает упор на практику, не забывая про теорию.
Научит вас создавать красивые и удобные сайты и мобильные приложения.
Работы наших выпускников
По окончанию курса твоя работа может быть здесь
