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

Этих специалистов ещё называют UX/UI-дизайнерами

Это востребованная профессия: на hh.ru ~2 000 вакансий для дизайнера интерфейсов

  • Это IT-профессия, в которой не нужно писать код, уметь рисовать тоже необязательно — все дизайнерские инструменты освоите с нуля
  • Можно работать удалённо и с гибким графиком, в компании или на фрилансе, а ещё в дизайне всегда есть куда расти
  • Нет верхней границы заработка — всё зависит только от вашего желания, опыта и трудолюбия

Освоите профессию с нуля за 9 месяцев

Мощный набор навыков и инструментов

Это сейчас требуется во всех вакансиях.

Figma
Гайдлайны iOS
Гайдлайны Android
Анализ ЦА
Гипотезы
Исследования
UX-копирайтинг
UX-тестирование
Конкурентный анализ
JTBD и User Stories
Анимация
Вайрфреймы
UI-Kit
Аудит юзабилити
Adobe Photoshop

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

Есть базовый и расширенный форматы курса — со вторым вы быстрее вырастете до уровня middle
5 тем・~6 часов
Бесплатно
Каково это — быть дизайнером
Бесплатная часть, чтобы вы попробовали себя в роли дизайнера интерфейсов и поняли, хотите ли развиваться в этом направлении. А после бесплатной части выберете подходящий формат курса: базовый или расширенный.
  • Пользовательские сценарии
  • Паттерны
  • Юзабилити
  • Навигация
  • CTA
  • Базовый и расширенный курс
Что такое дизайн интерфейсов
Зачем нужен дизайн, какие бывают дизайнеры. Хард- и софтскилы дизайнера интерфейсов. Основные инструменты. Какими бывают интерфейсы.
Зачем пользователю сценарий
Пользователь и его сценарий. Точка входа, целевое действие, СТА-кнопка. Паттерны. Принципы юзабилити.
Как хаос становится порядком
Как устроен сайт. Визуальная иерархия и консистентность. Сквозные элементы. UI-кит.
На что смотрит пользователь
Навигация. Композиция и сетка. Правило близости.
Что делает интерфейс заботливым
Кнопки и другие кликабельные элементы на странице. Хлебные крошки. Анимация: лоадеры, прогресс-бары.
Как проектировать форму
Корзина, а не ловушка. Подсказки для пользователя: плейсхолдер, тултип, маска, контекстные подсказки.
Потестите типовые задачи дизайнера интерфейсов в Figma: поработаете с главным экраном сайта, сделаете шаблон карточки в каталоге, создадите лоадер и прогресс-бар для магазина снов
Базовый и расширенный курс・3 недели
Аудитория и визуальная коммуникация
  • Основы Figma
  • Визуальное сообщение
  • Целевая аудитория
  • Референсы
  • Мудборд
Основы Figma
Интерфейс, фреймы, навигация. Плагины в Figma.
Визуальная коммуникация
Простые сообщения: знаки и указатели. Как целевая аудитория влияет на коммуникацию. Декодирование. Что мешает передаче сообщения.
Целевая аудитория
Портрет и признаки целевой аудитории. Определяем аудиторию, уточняем портрет.
Насмотренность
Где искать вдохновение. Как прокачать насмотренность. Режим исследователя. Как анализировать чужие работы. Референсы.
Мудборд
Что такое мудборд и зачем он нужен. Как собирать мудборд.
Проанализируете целевую аудиторию и соберёте мудборд для приложения
Базовый и расширенный курс・3 недели
Композиция и сетки
  • Сетки в Figma
  • Основы композиции
  • Визуальная иерархия
  • Модульная вёрстка
  • Аргументация решений
Композиция
Визуальная иерархия. Якорные объекты. Доминанта и композиционный центр. Как сделать объект доминантой. Целостность. Статика и динамика.
Сетки в дизайне
Модульная вёрстка. Модульные сетки. Из чего состоит сетка. Сетка как инструмент ритма. Базовая единица. Настройка колоночной сетки. Сетки в Figma. Алгоритм работы с сетками.
Аргументация решений
Как отстоять макет перед арт-директором, заказчиком, разработчиком.
Соберёте макет страницы из готовых блоков. Это позволит отточить умения работы с композицией, отступами и подачей информации в интерфейсе
Базовый и расширенный курс・3 недели
Основы типографики и работа с текстом
  • Текст в Figma
  • Типографика
  • Вёрстка текста
  • Бриф
  • Техническое задание
Гарнитуры и шрифты
Шрифты текстовые и акцидентные. Шрифтовые пары. Откуда брать шрифты.
Как сверстать текст
Гигиена текста. Интерлиньяж и длина строки. Выравнивание. Базовые элементы и иерархия. Как упорядочить стили.
Работа с заказчиком
Техническое задание. Бриф. Что делать, если информации мало.
Сделаете редизайн: обновите визуал, переработаете структуру главной страницы сайта
Базовый и расширенный курс・3 недели
Работа с цветом и изображениями
  • Изображения в Figma
  • Цветовые пространства
Цвет
Характеристики цвета. Цветовые пространства. Цветовой круг Иттена. Контрастность. Фон и акцент. Читаемость. Готовые палитры.
Работа с изображениями в Figma
Поиск и подготовка изображений. Цветокоррекция и работа с изображениями в Figma.
Составите техническое задание на основе брифа от заказчика и создадите лендинг
Базовый и расширенный курс・3 недели
Исследование аудитории
  • Пользовательские сценарии
  • Юзабилити
  • Эвристики Нильсена
  • Гипотезы
  • Глубинное интервью
  • Юзабилити-тестирование
  • Коридорное тестирование
Пользовательские сценарии
Дизайнер как сценарист. Точка входа и призыв к действию. Типы сценариев. Экстренный сценарий. Длина сценария. Как продумать и записать сценарий. Сценарии в Figma. Блок-схемы.
Юзабилити
Что такое юзабилити. Эвристики Нильсена. 6 способов улучшить юзабилити.
Гипотезы
Мнения, факты, гипотезы. Гипотезы о настоящем и о будущем. Общий фреймворк работы с гипотезами.
Типы исследований
Глубинное интервью. Юзабилити-тестирование. Коридорное тестирование. Как обрабатывать данные.
Проведёте исследование в команде и соберёте больше информации о продукте и пользователях
Базовый и расширенный курс・3 недели
Проектирование интерфейса
  • Гайдлайны iOS
  • Гайдлайны Android
  • Вайрфреймы
  • Автолейауты
Гайдлайны iOS и Android
Зачем нужны паттерны. Material Design: гайдлайны Android. Human interface guidelines: гайдлайны iOS. Гайдлайны и разработка.
Проектирование интерфейса для разных платформ
Паттерны и элементы на iOS и Android: сходства и различия. Кастомизация приложений. Алгоритм проектирования мобильного приложения.
Вайрфреймы
Зачем нужен вайрфрейм. Каким должен быть вайрфрейм.
Автолейауты
Возможности Auto Layout. Как добавить и настроить Auto Layout. Auto Layout в действии. Практика по автолейаутам. Структурируем экран приложения
С помощью данных исследования прошлого спринта создадите структуру приложения в вайрфреймах
Базовый и расширенный курс・3 недели
Анимация, иконки и работа с UI-китом
  • Анимация в Figma
  • Иконки в Figma
  • UI-кит
  • Стили
  • Компоненты
  • Взаимодействие с разработкой
Взаимодействие с разработкой
Как передать макет разработчику. Хард- и софтскилы.
UI-кит
UI-кит и дизайн-система: в чём разница. UI-кит и атомарный дизайн. Что входит в UI-кит. Стили и компоненты.
Иконки
Системные и коммуникационные иконки. Паки с иконками. Работа с иконками. Проектирование иконок: сетка. Оптическая компенсация и выравнивание. Как нарисовать иконку в Figma.
Анимация в интерфейсе
Прототипирование и анимация. Скролл. Smart Animate. Изинги. Параллакс. Интерактивные компоненты.
В предыдущем спринте вы провели большую работу по проектированию приложения: собрали структуру в вайрфреймах. В этом вам предстоит поработать над визуальной частью
Базовый и расширенный курс・3 недели
Визуальный дизайн и принципы адаптивности
  • Адаптивы
  • Композиция и стили
  • Adobe Photoshop для дизайнера интерфейсов
  • Mobile First
  • RWD
Адаптивный дизайн
Что такое адаптивный дизайн и зачем это нужно. Responsive Web Design (RWD). Адаптив или респонсив: что выбрать дизайнеру. Адаптивность и размеры устройств. Mobile First.
Как адаптировать интерфейсы
Как подобрать сетку для адаптива. Основные принципы адаптивного дизайна. Контент на десктопе, планшете и смартфоне. Фреймворки и адаптивный дизайн.
Адаптив сайтов со сложными элементами
Фото и типографика. Таблицы. Формы и другие элементы.
Adobe Photoshop для задач дизайнера интерфейсов
Подготовка фотоматериалов для интерфейсов, получение консистентного вида изображений внутри интерфейса, проектирование эффектных визуализаций для коммуникационных сайтов.
Спроектируете сайт и сделаете адаптивные версии главной страницы для планшета и мобильного устройства
Базовый и расширенный курс・3 недели
Работа в продукте
  • Job Stories
  • JTBD
  • User experience
  • Customer experience
  • Google Analytics
  • Яндекс Метрика
  • User Stories
Что такое продукт и как с ним взаимодействовать
Что такое цифровой продукт, какие роли и фреймворки работы есть в продуктовой команде, какие бывают этапы работы над продуктом.
JTBD
User Stories и Job Stories.
Бизнес-эмпатия
Роль дизайна в бизнесе. Морально-этические дилеммы. UX и CX. Продуктовые метрики: как с ними работать. Продуктовые задачи.
Количественные исследования
Опросы. Как работают Яндекс Метрика и Google Analytics. Как обрабатывать данные после опроса.
Вы вместе с командой изучите бриф, составите техническое задание, проанализируете конкурентов, сформулируете гипотезы, проведёте интервью и подготовите сценарии
Базовый и расширенный курс・3 недели
UX-копирайтинг
  • UX-копирайтинг
  • Tone of Voice
  • Работа с заказчиком
  • Гигиена текста
UX-копирайтинг
Дизайнер, пользователь и текст для интерфейса. Tone of Voice и как его найти. Виды отображения текста. Синтаксис. Сообщения. Пустые состояния. Плейсхолдеры. Работа с UX-редактором.
Гигиена текста
Как сформировать структуру в тексте, определить главное в общем массиве. Частые штампы, которых стоит избегать. Как помочь себе соблюдать правила орфографии и пунктуации.
Работа с заказчиком
Как питчить дизайн-идеи, решать сложные ситуации, о чём важно договариваться. Из чего складывается стоимость работы дизайнера, как продвигать себя и искать клиентов.
В дизайн-команде спроектируете UI-интерфейс, соберёте из макетов интерактивный прототип, проведёте тестирование
Расширенный курс・3 недели
Визуализация данных
  • Вёрстка таблиц
  • Дизайн данных
  • Графики
  • Accessibility
  • WSAG
Что такое таблица
Анатомия таблицы, типы данных. Адаптив и вёрстка таблиц.
Представление информации
Виды визуализации данных. Дизайн данных, графики и диаграммы.
Доступный дизайн
Accessibility, WSAG. Потребности пользователей с ОВЗ, нозология, инструменты доступности.
Проектируем дашборд для десктопа и его версию для слабовидящих
Расширенный курс・3 недели
Продвинутые фичи Figma / Мир бизнеса
  • Адаптивный дизайн в автолейаутах
  • Продвинутое прототипирование
  • Переменные Figma
  • Плагины
  • Приоритизация целей
  • Иерархия метрик
  • Оценка задач
  • Обзор продуктовых кейсов
  • SMART-цели
Продвинутые фичи Figma
Переменные и темы внутри макетов, прототипирование с помощью переменных и условий. Как упростить и ускорить работу с помощью плагинов. Адаптирование страниц с помощью автолейаутов.
Цели бизнеса
Как задачи влияют на итоговые цели бизнеса, а разные метрики — на цели. Цена реализации отдельных задач.
Начинаем делать проект: внутреннее исследование и макет
Расширенный курс・3 недели
Adobe After Effects
  • Основы анимации Adobe After Effects
  • Знакомство с инструментами внутри Adobe After Effects
  • Анимация отдельных экранов и элементов
Основы Adobe After Effects
Как делать анимацию для проектов, чтобы выделиться на фоне конкурентов. Как усилить визуальную коммуникацию и более ясно доносить идеи визуальным языком.
Проектирование веб-страницы с использованием анимации Adobe After Effects
Расширенный курс・3 недели
Собираем MVP на Tilda
  • Tilda
  • Знакомство с инструментом
  • Zero-блоки
Основы работы на Tilda
Сборка сайтов без участия разработчика. Тестирование воронки продаж и тестирование спроса в крупных компаниях. Сборка сайта в Tilda по макету из Figma.
Сборка сайта по своему макету из Figma в Tilda
Дополнительно・1 неделя
Бонусный модуль про новые технологии и нейросети в работе дизайнера
Узнаете, как новые технологии и нейросети (ChatGPT, Midjourney, DALL·E и другие) могут помочь дизайнеру оптимизировать рабочие процессы и распределять ресурсы эффективнее.
Самостоятельно・4 недели
Выпускной проект
Ближе к концу обучения вы почувствуете, в какой роли видите себя в будущем и что вам интересно: UX, UI или исследования. Поэтому у вас будет возможность выбрать тему выпускной работы. Каждая спроектирована так, чтобы вы показали свои навыки в полной мере и сделали актуальный проект — как для себя, так и для рынка.
По желанию
Фриланс-трек
Сможете выйти на рынок фриланса максимально конкурентоспособным и подготовленным. Научитесь вести коммуникацию с заказчиком, формировать стоимость первых работ, оформлять социальные сети, защищать себя от недобросовестных клиентов.
По желанию
Карьерный трек
Сначала составите презентабельное резюме, а потом начнёте активный поиск работы. На этом этапе HR-эксперты помогут оформить портфолио и подготовиться к собеседованиям, ответят на все вопросы.
Со спикером・Каждую неделю
Вебинары для поддержки студентов, разбора сложных тем, Q&A
Дополнительно・В любое время
Нейросети для дизайнеров
Научитесь с помощью YandexGPT:
  • Генерировать изображения, макеты и даже дизайн-концепции
  • Искать новые идеи и визуальные решения
  • Выбирать оптимальные инструменты
  • Анализировать тренды в дизайне
  • YandexGPT
  • YandexART

Получите сертификат о переподготовке

Это официальный документ установленного образца, который принимают работодатели

Очень много практики

Ещё 7 месяцев после выпуска бесплатно помогаем с поиском работы — для этого у нас целый карьерный центр

10 000+ выпускников Практикума уже нашли новую работу

Это подтверждено исследованием, которое мы провели вместе с Высшей школой экономики.

*Данные исследования ВШЭ основаны на опыте выпускников Яндекс Практикума на российском рынке труда

Как устроена учёба

В курсе есть модуль по YandexGPT и YandexART

Работодатели ценят специалистов, которые умеют работать с нейросетями

Увидите возможности нейросетей, научитесь использовать их в работе, поймёте, когда это безопасно и этично, а когда нет

С чем YandexGPT и YandexART могут помочь:
  • c генерацией изображений и макетов
  • поиском идей для вдохновения
  • подбором инструментов
  • анализом трендов в дизайне

Эти выпускники уже стали дизайнерами интерфейсов. Большинство — без опыта в IT

Попробуйте любой формат курса бесплатно — выбрать один-единственный можно позже

  •                                        

Что входит в любой формат

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

Отвечаем на вопросы

Подойдёт ли мне эта профессия?
Для тех, кто сомневается, мы спроектировали бесплатную часть, которая поможет получить ответ на этот вопрос. Если вы убедитесь, что выбранная профессия вам не подходит, — это тоже положительный результат.
Можно ли обучиться профессии за 9 месяцев?
Думаем, что да, если вы будете уделять занятиям не менее 12 часов в неделю, выполнять домашние задания и общаться с вашим ментором. Тогда за 9 месяцев вы освоите навыки дизайнера интерфейсов, соберёте портфолио и начнёте свой путь в профессию.
Что, если я не умею рисовать и недостаточно творческий человек?
Дизайнеру интерфейсов не обязательно владеть рисунком. Это задача иллюстратора. Вам достаточно освоить базовые дизайнерские программы и разобраться в основных принципах интерфейсов. С этим мы и будем работать на курсе UX/UI-дизайна. А креативное мышление мы поможем развить в ходе работы над проектами для портфолио.
Каким требованиям нужно соответствовать?
Для старта достаточно иметь законченное среднее образование и возможность заниматься не менее 12 часов в неделю. Понадобится компьютер или ноутбук с доступом в интернет. Ещё нужно будет установить несколько программ. Про них мы расскажем на первых занятиях.
Как и когда я буду учиться?
Обучение UX/UI-дизайну состоит из 3 частей: теории с закреплением на мини-упражнениях, домашних заданий для самостоятельной практики и занятий с ментором. Упражнения можно отрабатывать в любое удобное время, а домашние задания нужно сдавать в рамках трёхнедельного цикла.
Кто будет меня учить?
Программа составлена опытными методологами и действующими дизайнерами из Яндекса и других крупных компаний. Во время обучения вас будут сопровождать менторы — опытные дизайнеры из крупнейших студий и продуктовых компаний.
Что делать, если я не справлюсь с нагрузкой?
Если вам понадобится сделать паузу в учёбе или уделить больше времени закреплению материала, напишите своему куратору.
А если я хочу работать в Яндексе?
Некоторые наши студенты работают в сервисах Яндекса, в том числе и в Практикуме. Но с нашей стороны было бы нечестно что-либо гарантировать и завышать ваши ожидания.

Без опыта попасть в крупную IT-компанию возможно, хотя и сложно. Программа составлена так, чтобы вы могли начать карьеру после выпуска и набраться первого опыта. С ним вам будет значительно проще претендовать на позицию в крупных компаниях.
Хорошо, а вы можете помочь с поиском работы?
Да. Вы сможете выбрать:

• Карьерный трек, где студенты составляют резюме, оформляют портфолио и пишут сопроводительные письма, а потом при поддержке HR-экспертов активно ищут работу.
• Или фриланс-трек — здесь вы тоже подготовите портфолио, а ещё узнаете, как искать заказчиков, формировать стоимость услуг и оформлять отношения с клиентами.

Важно помнить, что мы не ищем работу за вас, а помогаем её найти.
Смогу ли я найти работу после обучения?
Гарантий нет, но мы верим, что сможете. Работодателям важно, чтобы вы справлялись с реальными задачами, а не просто обладали набором знаний. Мы учим применять знания на практике, а также предлагаем помощь HR-специалистов из нашего карьерного центра. Но вам точно придётся приложить усилия, чтобы найти работу: активно откликаться на вакансии, проходить собеседования, показывать свои проекты и делать тестовые задания.

По данным исследования* Высшей школы экономики, 69% наших выпускников среди тех, кто хотел сменить профессию, начинают новую карьеру после обучения. Больше половины из них — во время учёбы и в первые 2 месяца после выпуска.

* Данные исследования ВШЭ основаны на опыте выпускников Яндекс Практикума на российском рынке труда.
Получу ли я какой-то документ после курса?
Да, вы получите сертификат о переподготовке.
На каком языке проходит обучение?
Всё будет на русском: теория, практические задания и вебинары, а ещё чаты с куратором, наставником и другими студентами.

Давайте поможем

Напишите, как вас зовут и по какому номеру можно связываться — позвоним и расскажем всё про курсы