← Все направления |
Дизайн

UX/UI-дизайнер: кто это и как им стать с нуля

с нуля до Junior

UX/UI-дизайнер — это специалист, который отвечает и за то, как продукт устроен, и за то, как он выглядит: сначала проектирует логику интерфейса, затем оформляет её визуально.

Роадмап проверен экспертом
Перейти к плану обучения ↓
UX/UI-дизайнер

Кто такой UX/UI-дизайнер и чем занимается

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

Что должен знать UX/UI-дизайнер

Профессия соединяет исследовательскую часть с визуальной и техническую грамотность.

Технические навыки

  • Figma: макеты, компоненты, автолейаут, прототипы
  • Основы UX: сценарии, пользовательские пути, юзабилити-тесты
  • Визуальный язык: типографика, композиция, цвет, сетки
  • Мобильные платформы: гайдлайны iOS Human Interface и Android Material Design
  • Дизайн-системы и передача макетов в разработку (Handoff)
  • ИИ в дизайне: референсы через Midjourney, черновики интерфейсов через Galileo AI
  • Базовое понимание HTML и CSS: Flexbox и Grid — чтобы говорить с разработчиками на одном языке

Гибкие навыки

  • Готовность защищать решение аргументами, а не вкусом
  • Способность принимать критику макета без личной обиды
  • Любопытство к пользователю: желание проверять гипотезы, а не догадываться

Сколько зарабатывает UX/UI-дизайнер

По данным «Хабр Карьеры» за первое полугодие 2026 года зарплаты дизайнеров выросли на 3%, а медиана в IT составила 191 000 ₽. По грейдам в целом по IT медианы такие: 93 000 ₽ у Junior, 167 000 ₽ у Middle и 293 000 ₽ у Senior. По городам: 235 000 ₽ в Москве, 200 000 ₽ в Петербурге и 160 000 ₽ в остальных регионах.

Источники: отчёт «Зарплаты IT-специалистов в первой половине 2026 года» и калькулятор зарплат «Хабр Карьеры». Данные за первое полугодие 2026 года, проверены в августе 2026 года.

Как стать UX/UI-дизайнером с нуля

  1. Разберитесь, чем цифровой дизайн отличается от графического, и освойте Figma.
  2. Изучите основы UX: сценарии, прототипы, юзабилити-тестирование.
  3. Наработайте визуальный язык: типографика, сетки, цвет, состояния элементов.
  4. Освойте проектирование под мобильные платформы и работу с дизайн-системой.
  5. Соберите портфолио из 3–4 кейсов с описанием задачи, решения и результата.

Ниже тот же маршрут в подробностях: этапы обучения и курсы к каждому из них.

Введение в цифровой дизайн

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

Основы UX/UI и работа в Figma

Вы осваиваете основной инструмент профессии и начинаете создавать полноценные интерфейсы. Формируется понимание структуры интерфейса, логики экранов и принципов проектирования пользовательских сценариев. Вы учитесь работать с фреймами, компонентами, Auto Layout, вариантами и прототипированием. Отдельный фокус этапа — интеграция ИИ-инструментов в рабочий процесс: генерация референсов через Midjourney и быстрая генерация интерфейсов через Galileo AI. Также вы осваиваете Handoff — процесс передачи макетов разработчикам с использованием Figma Dev Mode, правильным именованием слоёв, экспортом ассетов и написанием спецификаций.

Продвинутый UX/UI дизайн и мобильные платформы

Этап усиливает вас как системного UX/UI-специалиста с фокусом на мобильную разработку. Вы изучаете методы исследований, usability-тестирования и построение масштабируемых дизайн-систем. Критически важная часть этапа — изучение платформенных гайдлайнов: вы разберётесь в различиях между Human Interface Guidelines (iOS) и Material Design (Android), чтобы проектировать нативные интерфейсы, соответствующие ожиданиям пользователей конкретных платформ.

Техническая грамотность: HTML и CSS

Понимание технической реализации интерфейсов повышает качество макетов и коммуникацию с разработчиками. Вы изучаете, как HTML формирует структуру страницы и как CSS управляет стилями, адаптивностью, Flexbox и Grid. Это помогает понимать физику верстки и ограничения фронтенда.

Работа дизайнера в продуктовой команде

Этап формирует понимание процессов внутри IT-компании без погружения в управленческие задачи Продакт-менеджера. Вы изучаете, как устроен бэклог продукта, по каким правилам происходит приоритизация задач и почему ваш макет может не попасть в текущий спринт. Осваиваются принципы Agile и Scrum именно с точки зрения дизайнера: как принимать участие в планировании, как оценивать задачи на дизайн и как выстраивать коммуникацию внутри кросс-функциональной команды.

Поиск работы в IT

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

После прохождения вы

* Сформируете сильное портфолио из реальных продуктовых кейсов
* Поймёте полный цикл UX/UI-проектирования: от исследований до передачи макетов через Handoff
* Освоите Figma на уверенном уровне, включая работу с дизайн-системами и ИИ-инструментами
* Научитесь проектировать с учётом мобильных гайдлайнов (iOS и Android)
* Получите базовое понимание верстки и научитесь грамотно взаимодействовать с разработчиками и репозиториями
* Будете готовы к трудоустройству на позицию Junior UX/UI Designer в продуктовых командах

Куда двигаться дальше

  • Создание сайтов без кода (Для фриланса и быстрых лендингов) — работа с конструктором Tilda, кастомные блоки, интеграция форм → Перейти к курсу
  • Графический дизайн и иллюстрации — Adobe Illustrator, Photoshop для создания сложных графических элементов и брендинга → Перейти к курсу
  • Motion Design и микроанимации — After Effects, Principle, ProtoPie → Перейти к курсу
  • 3D и иммерсивный дизайн — Spline, Cinema 4D basics
  • Дизайн-системы уровня enterprise — ZeroHeight, Storybook, продвинутые токены
  • Доступность — WCAG, ARIA, экранные читалки
  • UX-исследования продвинутого уровня — глубинные качественные и количественные методы
  • Soft skills — презентация дизайна, защита решений перед стейкхолдерами
  • Дополнительные курсы по профессии UX/UI-дизайн доступны в подборке → Перейти к подборке

Частые вопросы

Нужно ли уметь рисовать?

Нет. UX/UI-дизайн — это проектирование, а не иллюстрация: работа идёт с сетками, типографикой и готовыми компонентами. Художественные навыки полезны, но их отсутствие не мешает делать сильные интерфейсы.

Нужно ли уметь программировать?

Писать код не нужно, но базовое понимание HTML и CSS сильно помогает: вы понимаете, почему одна анимация дорогая, а другая нет, и передаёте макеты в виде, удобном для разработки.

Сколько занимает обучение с нуля?

Около 8–12 месяцев при 10–15 часах в неделю. Figma и основы UX — 3–4 месяца, визуальная часть и мобильные платформы — 3–4, оставшееся время уходит на кейсы для портфолио.

Можно ли без высшего образования?

Да, в дизайне портфолио решает почти всё. На собеседовании просят разобрать 2–3 кейса: что за задача была, какие решения вы рассматривали и почему выбрали именно это. Диплом при этом обычно не обсуждается.

Чем UX отличается от UI?

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