Программа
Вас ждут онлайн-лекции и практические задания на основе реальных кейсов.
Веб-дизайн с нуля
Вы научитесь создавать интерфейсы и сайты: от выстраивания композиции до передачи макета в вёрстку. Поймёте, как адаптировать дизайн под мобильные платформы. Создадите эффектный кейс для Behance.
- Введение и первый результат.
- Бонус-модуль. Основные ошибки в размерах.
- Тренды, подготовка, мудборды.
- Работа со стилями. Создание GUI.
- Главная страница, первые шаги.
- Основы работы с графикой.
- Бонус-модуль. Сетка и композиция.
- Декомпозиция.
- Навигация и структура.
- Интересная подача информации.
- Формы и кнопки.
- Адаптивность и мобильная версия.
- Цвета и настроение. Промостраница мероприятия.
- Анимация в Figma.
- Концептуальный дизайн.
- Иконки.
- Типографика PRO.
- Презентация для клиента.
- Передача проекта в вёрстку.
- Первый кейс на Behance.
UX-дизайн с нуля до PRO
Вы научитесь проектировать удобные интерфейсы и решать проблемы пользователей с помощью UX-дизайна. Узнаете, как составлять сценарии, Customer Journey Maps и тестировать прототипы. Сможете понимать поведение пользователей и влиять на конверсию.
- Профессия дизайнера в эпоху цифровых перемен.
- Дизайн-мышление.
- UX-проектирование. Паттерны и психология пользователя.
- Бонус-модуль. Удобный интерфейс.
- Основы юзабилити.
- Юзабилити-тестирование.
- Сервисный дизайн.
- UX-исследования и формы.
- Бонус-модуль. Кейс по сервисному дизайну.
- Бонус-модуль. Проектирование CRM-систем.
- E-commerce.
- UI/Визуальная концепция.
- Мобильный UX.
- Текст в интерфейсе.
- Бонус-модуль. Проектирование для B2B.
- Дизайн на основе данных.
- Бонус-модуль. A/B-тесты.
- Бонус-модуль. Работа над проектом.
- Бонус-модуль. UX + Agile.
- Стратегия презентации.
- Карьера в UX.
Продуктовый дизайнер
Вы поймёте, как строится работа над продуктом: от базового проектирования до передачи макета разработчикам. Сможете создавать сложные дизайн-системы и уверенно общаться с продуктовой командой.
- Введение.
- Предпроектная работа.
- Исследования.
- Базовое проектирование.
- Специфика платформ.
- Продвинутое проектирование.
- Бонус-модуль. Аптечка продуктового дизайнера № 1.
- Дизайн-теория.
- Дизайн-система.
- Анимации.
- Бонус-модуль. Аптечка продуктового дизайнера № 2.
- Работа в команде.
- Бонус-модуль. Аптечка продуктового дизайнера № 3.
- Передача в разработку.
- Работа с готовым продуктом.
- Бонус-модуль. Аптечка продуктового дизайнера № 4.
UX-аналитика для продуктового дизайнера
Вы изучите нюансы UX-аналитики, сможете формулировать и тестировать гипотезы, анализировать метрики и принимать решения на основе полученных данных. Попрактикуетесь в расчётах unit-экономики продукта. Сможете улучшить бизнес-показатели проекта и увеличить его жизненный цикл.
Анимация интерфейсов
Вы научитесь создавать анимации в After Effects и Atomic и превращать статичный дизайн в динамичные креативные интерфейсы. Сможете создавать популярные видеобаннеры и представлять проект в виде эффектного шоурила.
- Введение.
- Анимация иконок.
- Анимационные иллюстрации.
- Бэкграунды.
- Создание анимационного шаблона для Instagram.
- Бонус-модуль. Создание анимированных масок для Instagram.
- Анимация в Figma.
- Анимация тканей. Создание цифровой афиши в AR.
- Анимированные графики, инженерная анимация.
- Анимация кейса для Behance.
- Создание видеопрезентации. Часть 1.
- Создание видеопрезентации. Часть 2.
Веб-вёрстка с нуля
Вы познакомитесь со стандартами Web 2.0 и изучите основные теги HTML. Сможете работать с макетами и форматировать код, освоите адаптивную вёрстку. Будете создавать удобные сайты, которые точно понравятся пользователям.
- Основы вёрстки.
- HTML.
- Базовый CSS.
- Работа с макетом.
- Flexbox. Практика.
- Сетки.
- Доступность.
- Адаптивность.
Figma 2.0
Вы освоите популярный сервис для разработки интерфейсов Figma. Сможете создавать и анимировать дизайн-проекты, делать прототипы и использовать этот инструмент для командной работы.
- Введение в Figma. Обзор возможностей.
- Работа с графикой.
- Модульные сетки и монтажные области.
- Создание и настройка компонентов, работа с эффектами.
- Создание вложенных компонентов. Auto Layout.
- Командная работа, контроль версий и передача макетов в разработку.
- Прототипирование.
- Figma Animate.
- Бонус-модуль. Обзор и применение Figma plugins.
Principle 2.0
Вы познакомитесь с программой Principle для macOS и научитесь создавать в ней интерактивные прототипы и анимацию интерфейсов. Сможете детально настраивать сложные переходы между экранами и разными состояниями интерфейса.
- Введение.
- Анимация и её настройки.
- Скролл, драг и пэйдж.
- Управление анимацией при помощи драйверов.
- Разбор проектов из практики AIC.
- Импорт в рабочий прототип или видео.
Дипломный проект. Дизайн стримингового сервиса
Вы выясните потребности заказчика, проведёте исследование, разработаете дизайн-концепцию и создадите готовые кликабельные прототипы для сайта и мобильного приложения стримингового сервиса.
Что получит слушатель по окончании
- Диплом Skillbox
- Портфолио
- Помощь в трудоустройстве
Ваше резюме после обучения
- Должность: Продуктовый дизайнер
- Зарплата от: 80 000 ₽
Профессиональные навыки:
- Разработка интерфейсов для iOS, Android и веба
- Понимание основ веб-вёрстки
- Работа с IT-отделом и постановка задач
- Работа в Figma
- Создание анимации в Principle
- Работа с метриками готового продукта и фидбеком по нему
- Проведение UX-исследований
- Расчёт юнит-экономики проекта
- Подготовка макетов для передачи разработчикам
- Создание Customer Journey Map и вовлекающих сценариев
- UX-аналитика и работа с метриками
Отзывы
Отзывов пока нет.