Веб-дизайн в Figma

Интерфейс и первые макеты

• Обзор Figma: фреймы, слои, инструментыПрактика · 25 мин
• Фигуры, цвета, эффектыПрактика · 25 мин
• Автолейаут: секрет аккуратных макетовТеория · 30 мин
• Практика: карточка товараПрактика · 30 мин

Почему одни макеты «дорогие», а другие нет

• Композиция: сетка, выравнивание, воздухТеория · 30 мин
• Типографика: пары шрифтов, иерархияТеория · 30 мин
• Цвет: палитры и контрастТеория · 25 мин
• Практика: редизайн плохого баннераПрактика · 30 мин
• Квиз: визуальный языкТест · 15 мин

Дизайн, которым удобно пользоваться

• UX vs UI: путь пользователяТеория · 25 мин
• Паттерны: формы, навигация, кнопкиТеория · 25 мин
• Мобильный дизайн: пальцы, а не курсорТеория · 25 мин
• Практика: экран регистрации без болиПрактика · 30 мин

Полный цикл страницы

• Структура продающего лендингаТеория · 25 мин
• Собираем лендинг: десктопПрактика · 60 мин
• Адаптируем под мобилкуПрактика · 40 мин
• Квиз: лендингТест · 15 мин

Показываем работу заказчику

• Компоненты и стили: системаТеория · 30 мин
• Кликабельный прототипПрактика · 30 мин
• Проект: макет приложения (3 экрана)Проект · 90 мин
• Оформляем портфолио и ищем заказыТеория · 25 мин
• Финальный квизТест · 20 мин