Обсудить проект

Направление · 01

UX/UI и продуктовый дизайн

Исследования, аудит, Figma, прототипы, дизайн-системы, сетка, типографика, доступность и моушн.

18 материалов

Основы UX

✓UX и UI: в чём разница и почему продукту нужны обаОсновы · Начальный · 6 мин

UX-исследования

✓UX-исследования: как узнать, что нужно пользователям, без большого бюджетаОсновы · Начальный · 8 мин

UX-аудит

✓UX-аудит: пошаговая проверка пользовательского сценарияРуководство · Средний · 7 мин · практика 1–2 ч

Сетка и раскладка

✓Визуальная иерархия, сетка и отступы: как интерфейс ведёт взглядОсновы · Начальный · 6 мин

Типографика и цвет

✓Типографика и цвет в интерфейсе: читаемость, контраст, доступностьОсновы · Начальный · 5 мин

UI-компоненты

✓Анатомия UI-компонента: кнопка, поле, карточка и их состоянияОсновы · Начальный · 9 мин

Figma

✓Figma с нуля: фреймы, Auto Layout и компонентыПошаговый урок · Начальный · 12 мин · практика 1,5–3 ч

Прототипирование

✓Прототипирование: от скетча до кликабельного прототипаРуководство · Начальный · 8 мин · практика 30–60 мин

Дизайн-системы

✓Дизайн-система на практике: токены, компоненты, правилаПошаговый урок · Средний · 9 мин · практика 1,5–3 ч

UX-паттерны

✓Загрузка, пусто, ошибка: состояния интерфейса, о которых забываютРуководство · Средний · 5 мин · практика 30–60 мин ✓Формы без боли: решения, которые повышают число заявокРуководство · Средний · 5 мин · практика 30–60 мин ✓Проектируем дашборд: от вопросов пользователя к экрануПошаговый урок · Средний · 9 мин · практика 1,5–3 ч

Адаптивный дизайн

✓Адаптивный дизайн: как сайт подстраивается под телефонОсновы · Начальный · 5 мин

Доступность

✓Доступность интерфейса: WCAG для дизайнеров и продакт-менеджеровОсновы · Средний · 7 мин

Моушн-дизайн

✓Микроанимации и моушн: где помогают, а где мешаютОсновы · Начальный · 5 мин ✓Кривые ускорения и длительность: почему одно движение выглядит дорого, а другое — дёшевоГлубокий разбор · Средний · 7 мин ✓Анимации при прокрутке: появление блоков, параллакс и видео, которым управляет скроллГлубокий разбор · Средний · 7 мин ✓Переходы между экранами и состояниями: как движение объясняет, куда вы попалиГлубокий разбор · Средний · 8 мин

Траектории с этим направлением

UX/UI-дизайн: от исследования до дизайн-системы · 9 шагов →Моушн и анимация · 4 шагов →Вёрстка: HTML и CSS · 7 шагов →

← Все направления