UX/UI и веб-дизайн профессиональный курс

15 участников

О чём курс

О курсе

Читатель проходит полный цикл проектирования интерфейсов сайтов, веб-сервисов и мобильных приложений. Обучение включает этапы от предпроектного анализа, интервью с пользователями и формулирования бизнес-требований до отрисовки макетов, систематизации компонентов и подготовки цифрового продукта к верстке.

Для кого

Материал рассчитан на студентов с базовыми навыками:

  • требуется уверенное владение хотя бы одним графическим редактором (в приоритете — Figma);
  • начинающим рекомендуется предварительно пройти базовую вводную подготовку по веб-дизайну.

Что внутри

Теоретическая и практическая часть выстроена от базовых визуальных законов к сложным интерфейсным решениям. В рамках обучения рассматриваются:

  • основы композиции, модульные сетки, правила выравнивания, типографика и работа с цветовыми моделями;
  • метод творческой переработки, исследование трендов и принципы адаптивной верстки;
  • продуктовый анализ, фреймворки бизнес-моделирования, формулирование пользовательских историй и построение User Flow;
  • проектирование информационной архитектуры и прототипирование взаимодействий;
  • систематизация интерфейса, концепция атомарного дизайна, подготовка UI kit и построение дизайн-систем;
  • основы фронтенд-технологий (HTML, CSS, JS) для понимания ограничений верстки;
  • проведение количественных и качественных исследований, а также стратегия поиска работы в сфере IT.

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

Процесс обучения сочетает лекционный материал и практику:

  • 13 живых онлайн-вебинаров и 24 видеоурока в записи;
  • 11 индивидуальных и 8 командных заданий;
  • курсовой проект с разработкой интерфейсов;
  • еженедельные практические задания с проверкой и персональными рекомендациями тренера;
  • круглосуточный чат с группой, презентации к урокам и база полезных ссылок.

Результат

Студенты осваивают создание интерфейсов разного уровня сложности. По информации автора курса, выпускники смогут подготовить портфолио примерно из 10 разноплановых работ для старта работы на фрилансе или трудоустройства в IT-компанию на позицию UX/UI-дизайнера.

Программа обучения

  • Основные принципы дизайна
    • Группировка, близость и общая зона
    • Контраст, иерархия и акцентирование
    • Повтор и единообразие, консистентность
    • Выравнивание и равновесие
    • Соотношение содержания и оформления
  • Метод творческой переработки
    • Суть метода
    • Преимущества метода
    • Алгоритм МТП-7
    • Источники и референсы
    • Рекомендации по использованию
  • Композиция в веб-дизайне
    • Колонки, модули и сетки
    • Золотое сечение и числа Фибоначчи
    • Когда можно отступать от сетки
    • Натяжение, замкнутость и прегнантность
    • Варианты композиции элементов
  • Тренды и тенденции в дизайне
    • Виды трендов
    • Ключевые особенности разных стилей
    • Ресурсы для отслеживания
    • Общие рекомендации
    • Исторические тренды
  • Работа с цветом
    • Свет и цвет
    • RGB-модель и её разновидности
    • Характеристики цвета
    • Цветовые сочетания
    • Правила работы с цветом
  • Метасообщения в дизайне
    • Триединая модель
    • Отличие сообщений от метасообщений
    • Способы передачи метасообщений
    • Связь сообщения и метасообщения
    • Рекомендации по применению
  • Компоновка в дизайне
    • Отличие компоновки от композиции
    • Виды прототипов
    • 3 задачи компоновки
    • Паттерны восприятия и проектирования
    • Правила компоновки
  • Типы верстки в веб-дизайне
    • Фиксированная верстка
    • Отзывчивая верстка
    • Адаптивная верстка
    • Смешанные типы верстки
    • Преимущества и недостатки
  • Продающий дизайн
    • Типы продающих сайтов
    • Формула AIDAS
    • Маркетинговая воронка
    • Конверсии сайта
    • Продающие триггеры
    • Преимущества и недостатки
  • Уровни работы над дизайном
    • Идея и стратегия
    • Набор возможностей
    • Структура
    • Компоновка
    • Поверхность
    • Реализация и проверка
  • Генерация идей для проектов
    • Как придумать хорошую идею
    • Предварительный анализ
    • Value proposition canvas
    • Business model / Lean canvas
    • Разбор на примерах
  • Работа с целями заказчика
    • Цели бизнеса
    • Фреймворки постановки целей
    • Метрики проекта
    • Способы влияния на цели
    • Разбор на примерах
  • Работа с целями пользователей
    • Роли пользователей
    • Сегментация целевой аудитории
    • Исследование целевой аудитории
    • Интервью с пользователями
    • Разработка персон
  • Набор возможностей
    • Конкурентный анализ
    • Требования к проекту
    • Требования к информации
    • Требования к функциональности
    • Разбор на примерах
  • Информационная архитектура
    • Типы архитектуры
    • Элементы архитектуры
    • Особенности использования
    • Принципы построения
    • Разбор на примере
  • Проектирование взаимодействия
    • Взаимодействия и микровзаимодействия
    • User stories, user scenarios
    • JTBD
    • User flow diagram
    • Разбор на примере
  • Систематизация элементов дизайна
    • Атомарный дизайн
    • UI kit
    • Гайдлайны
    • Фреймворки
    • Дизайн-системы
  • Техническая реализация дизайна
    • Связь дизайна и технологий
    • HTML
    • CSS
    • JS
    • Разбор на примере
  • Дизайн и бизнес
    • Рефрейминг
    • Дизайн-мышление
    • Сервис-дизайн
    • Дизайн и продвижение проектов
    • Дизайн и реклама
  • Исследования в дизайне
    • Роль и важность
    • Количественные и качественные
    • Объективные и субъективные
    • Системы аналитики
    • Примеры
  • Карьера дизайнера в IT
    • Главное правило карьеры
    • Как искать работу
    • Как пройти собеседование
    • Как пройти испытательный срок
    • Как развиваться дальше
Складчина создана 2 сентября 2020 г. · описание обновлено 18 октября 2026 г.

Теги курса

Инструменты
3 071 ₽ 39 000 ₽