UX/UI-дизайнер с нуля

Изучите основы композиции, цвета, типографики и сетки, разберётесь в базовых принципах визуального языка и познакомитесь с продуктовым подходом в дизайне.

• Основы композиции
• Композиционные приёмы и работа с сеткой
• Колористика: свойства цвета, цветовые модели, палитры и контрасты
• Цвет как средство композиции
• Основы типографики: шрифт и текст в композиции
• Продуктовый подход в дизайне
• Насмотренность как навык

Получите необходимую базу для работы с графикой и дизайн-макетами в Figma — главном инструменте UX/UI-дизайнера. Итоговый проект — UI-кит 13 часов теории, 40 часов практики.

• Подготовка к изучению Figma
• Базовые инструменты Figma и принципы их работы
• Знакомство с Figma
• Auto Layout в Figma
• Компоненты в Figma
• Работа с дизайн-концепцией
• Композиционное проектирование
• Создание сетки в дизайне интрефейсов
• Типографика

Научитесь создавать визуально цельные и доступные интерфейсы, работать с визуальными эффектами, анимацией и интерактивными прототипами, а также изучите принципы адаптации макетов для веба и мобильных устройств. Итоговый проект — макет главной страницы сервиса в десктопе 15 часов теории, 28 часов практики.

• Вдохновение и актуальный дизайн
• Accessibility: что должен знать дизайнер о доступности
• Работа с тенями и визуальными эффектами
• Анимация и создание интерактивного прототипа
• Веб-анимация в Figma
• Мастер-класс: адаптируем онлайн-макет маркетплейса
• Мастер-класс: проектируем мобильные макеты
• Создание дизайна сайта-одностраничника
• ИИ-компоненты внутри Figma

Изучите основы UX-дизайна, продуктовый подход, бизнес-аналитику и методы проектирования, а также научитесь формулировать гипотезы на основе метрик, анализировать пользовательский опыт и оценивать удобство интерфейсов. 15 часов теории, 7 часов практики.

• Продуктовый подход в дизайне
• Что такое UX. Роль исследований в создании продукта
• Бизнес-аналитика
• Основные законы и принципы UX
• Инструменты дизайн-мышления
• Методы проектирования: JTBD и сбор артефактов
• Тестирование мобильной версии сайта
• Юзабилити в веб-дизайне

Научитесь проектировать веб- и мобильные интерфейсы, составлять бриф и техническое задание, разрабатывать информационную архитектуру, создавать и тестировать прототипы, а также подготавливать макеты к передаче в разработку. Итоговые проекты — прототипы сайта и мобильного приложения 24 часа теории, 58 часов практики.

• Разработка веб-сайтов
• Составление брифа и технического задания
• Создание прототипа. Основы прототипирования
• Разработка мобильного приложения
• Разработка информационной архитектуры
• Прототипирование и тестирование интерфейсов мобильных приложений
• Адаптация дизайна мобильного приложения под платформу
• Тестирование прототипа
• Подготовка макетов в разработку и авторский надзор

Углубитесь в методологии командной работы и формирование командного взаимодействия. Освоите основы стратегии в концепции бережливого производства и научитесь применять принципы Lean UX-стратегии в своих проектах. Изучите гибкие методологии управления проектами и оптимизируете процесс работы над ними. Итоговый проект — разработка пользовательского интерфейса в команде 16 часов теории, 50 часов практики.

• Введение в предметную область и работа в команде
• Применение методологии Lean
• Мозговой штурм в команде дизайнa
• Коммуникация и работа с обратной связью
• Защита дизайн-решения
• Работа по методологии Agile
• Декомпозиция задач и работа по спринтам
• Опыт работы в большой команде
• Разбор проблем в командах, обсуждение, разбор кейсов
• Презентация проекта

Изучите основные принципы анимации и поймёте, как превратить статичный дизайн в динамичный креативный интерфейс. Разберёте основы веб- и мобильной анимации. Изучите основной функционал After Effects и ProtoPie. Итоговая работа — анимация интерфейса

• Анимация в интерфейсах: функции, виды, принципы создания
• Инструменты создания анимации
• Анимация интерфейсов мобильных приложений. Теория
• Создание анимации в ProtoPie
• Анимация интерфейсов мобильных приложений. Практика
• Анимация веб-интерфейсов. Теория
• Создание анимации в Adobe After Effects
• Анимация веб-интерфейсов. Практика

• Знакомство с Adobe Photoshop
• Интерфейс программы Adobe Photoshop
• Кадрирование фото и удаление лишних объектов
• Базовая цветокоррекция и сохранение изображения для веба
• Инструменты и работа с файлами
• Работа с палитрами, слоями и фильтрами
• Цвет, кисти и ретушь
• Коррекция тона и цвета изображений
• Коллаж в Adobe Photoshop

• Специфика текстов для интерфейсов
• Принципы и синтаксис продуктовых текстов
• Cложные интерфейсные тексты
• Tone of Voice для цифровых продуктов

• Резюме и портфолио: на что смотрит рекрутер
• Сопроводительное письмо — путь к успеху
• Собеседование: как подготовиться и как пройти
• Тестовое задание: зачем и как его делать
• Что делать после собеседования: выход на работу и разбор сложных кейсов

• Фриланс для дизайнера
• Английский для дизайнера
• Насмотренность

Диплом о профессиональной переподготовке