Основы веб и интерфейс-дизайна

Цель курса

Обучить основам веб- и интерфейс-дизайна: от UX-исследований и прототипирования до создания UI и интеграции AI-инструментов. Участники смогут разработать собственный веб-прототип и презентовать его команде.

Формат обучения:

  • Онлайн / офлайн / гибрид
  • Практические кейсы, воркшопы, интерактивные сессии
  • Поддержка участников во время обучения в закрытом чате
  • Групповое обучение: 6300 грн/час. Группа до 12 участников
  • Индивидуальное обучение: 1700 грн/час

Что получит выпускник курса?

🔗 Просмотреть преимущества

Проблема, которую решает курс

Многие проекты имеют неудобные или неэстетичные интерфейсы из-за отсутствия знаний о UX/UI и современных инструментах. Курс решает эту проблему, давая практические методики и навыки, которые помогают создавать понятные и привлекательные веб-решения.

Программа курса "Основы веб и интерфейс-дизайна"

1
  • UX vs UI, Web vs Mobile
  • Роль дизайнера в команде (BA, PM, Dev)
  • Инструменты: Figma, FigJam, Miro

2
  • Сетки, модульность, баланс
  • Цвет, типографика, иконография
  • Принципы гештальта

3
  • User persona, CJM, User Stories
  • Карты эмпатии
  • Выявление потребностей бизнеса и пользователя

4
  • Low-fidelity прототипы (wireframes)
  • Принципы юзабилити (Nielsen Heuristics)
  • Интерактивные прототипы в Figma

5
  • Визуальный стиль и бренд
  • Создание UI-kit: цвета, кнопки, текстовые стили
  • Design Systems: Material, Human Interface Guidelines
  • Практика: сбор библиотеки компонентов

6
  • Landing page: структура, воронка
  • Dashboard и веб-приложения
  • Mobile-first подход

7
  • Обзор AI-инструментов: Midjourney, DALL·E, Leonardo, Uizard
  • Генерация moodboards и референсов
  • Использование ChatGPT для UX-исследований и текстов в дизайне
  • Интеграция AI в Figma (плагины для автогенерации стилей, иконок, layout-ов)
  • Практика: создание концепта дизайна с AI-поддержкой

8
  • Принципы motion design в вебе
  • Smart animate в Figma
  • Презентация и защита макета

9
  • Подготовка файлов для разработчиков (Figma Inspect, Zeplin)
  • Работа с dev-командой
  • Финальная защита: веб-прототип (лендинг или интерфейс веб-сервиса)

Хотите узнавать о наших акциях, скидках и мероприятиях?