Ступень 1: Основы web-дизайна
Освоите Figma. Научитесь разрабатывать анимированные прототипы и элементы интерфейса, верстать сайты на Tilda с модификациями, zero-блоками, анимацией и настройкой интеграций.
Блок 1. Работа с Figma
Знакомство с Figma
Работа с фигурами и инструментами
Создание дизайна интерфейса в Figma
Констрейнты, компоненты и auto layout
Варианты и библиотеки
Прототипирование и анимация
Figma Community и FigmaJam
Совместная работа и передача дизайна
Блок 2: Бонус: работа с Tilda
Создание собственной страницы
Работа в Zero-Block
Работа с модификациями
Настройки проекта в Tilda
Базовые интеграции в Tilda
Превращаем Tilda в полноценный сервис
Персонализация личного кабинета
Автоматизация управления доступами
Создание сайта с нуля: перенос дизайна из Figma на Tilda
Создание сайта с нуля: доработка дизайна и подключение базы данных
Ступень 2: UX/UI – пользовательский интерфейс
Научитесь создавать дизайн-системы, узнаете об основах типографики, колористики и композиции. Разработаете дизайн-концепцию web-сайта, интернет-магазина и адаптируете их под разные устройства. Поймете, как делать макеты мобильных приложений.
Блок 3: Дизайн-система
Колористика
Типографика
Композиция и модульные сетки
Иконографика: из чего состоит иконка
Иконографика: рисуем иконки в Figma
Библиотеки компонентов
Дизайн-система
Верстка и дизайн-система
Блок 4. UI-дизайн
Интерактив
Usability
Адаптивность
Дизайн-концепция web-сайта. Мудборд, референсы, стайлборд
Дизайн-концепция и макет web-сайта
Практика: рисуем лендинг
Практика: рисуем интернет-магазин
Создание кейса для портфолио
Передача проекта
UX/UI-дизайнер VS Искусственный интеллект
Блок 5: Дизайн мобильных интерфейсов
Типы мобильных приложений
Проектирование мобильного приложения
Дизайн мобильного приложения
Mobile шаблоны UX/UI
Мобильная анимация
Создание интерактивных прототипов
Специфика работы с iOS
Специфика работы с Android
Гайдлайны AppStore и Google Play
Блок 6: Дизайн-мышление
Основы дизайн-мышления
Эмпатия: карты эмпатии, персонажи, CJM
Постановка UX-задач
Генерация UX-идей
Прототипирование
Юзабилити-тестирование
Блок 7: UX advanced
Контент-стратегия и UX
UX-сторителлинг
HCI: интерактивный дизайн
Визуальный дизайн
Инструменты Jobs To Be Done
JTBD и UX
Use Case-подход
User Story и UX
UX-бенчмаркинг
СПЕЦИАЛИЗАЦИИ
После окончания основной программы, вам будут доступны специализации для дальнейшего обучения
Специализация №1 UX-RESEARCHER
Научитесь анализировать поведение пользователей, проводить A/B-тестирование, CustDev и анализ рынка
Блок 8: Исследования и аналитика
Продуктовый подход
Быстрая проверка гипотез
Создание MVP
UX-аналитика
Количественные и качественные UX-исследования
UX: анализ рынка
Мокапы, UI и CustDev
UX: Глубинное интервью
UX: А/В-тестирование
Иерархия метрик и метрики дизайна
Дизайн-исследование
Специализация №2 Дизайнер-верстальщик
Научитесь верстать сайты с использованием HTML, CSS и JavaScript и улучшать пользовательский опыт.
Блок 9: Основы верстки: HTML и CSS
Структура web-страницы, базовый HTML
Базовый CSS, селекторы и каскад
Продвинутый CSS, адаптивность и кроссбраузерность
Основы JavaScript, инструменты для разработки и отладки
Объекты, массивы, функции в JavaScript
DOM-модель и работа со страницей
Обработка событий
Взаимодействие с сервером
Блок 10: Основы JavaScript
Введение. Переменные и работа с числами. Константы
Строки, boolean и условные операторы. Преобразование типов и нестрогие сравнения
Массивы и циклы. Объекты
Функции. Области видимости и замыкания
Обработка событий и пользовательский ввод
Подключение библиотек
Регулярные выражения. Форматирование. Работа с датами
Mикро и макротаски. Цикл событий
Анимации и CSS-фреймворки
Структуры данных и алгоритмы
Блок 11. Инструменты верстки и UX
Основы тестирования верстки + DevTools
Улучшаем пользовательский опыт (UX) с помощью CSS-анимаций
Идеальная верстка: делаем Pixel Perfect по макету в Figma
Дипломный проект
Диплом
