О профессииПрограммаКарьераКак проходит курсКоманда курсаТарифы
КомпаниямПопробовать бесплатно

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

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

Они изучают поведение пользователей и на основе этого разрабатывают дизайн

Задача 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

Получите сертификат о завершении курса

Попробовать бесплатно

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

Соберёте солидное портфолио: в базовом курсе сделаете 5 проектов, а в расширенном — 7

Пройдёте через весь цикл разработки UX/UI-дизайна. Все проекты проверят эксперты и подскажут, что у вас получается хорошо, а что нужно развивать.

В одном из проектов поработаете над дизайном вымышленного сервиса по маркетингу и рекламе — Praktika.School. Нужно будет спроектировать мобильное приложение: продумать сценарии его использования, сделать прототип и изменить фирменный стиль

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

Готовим к найму в компанию и учим общаться с работодателями, а тем, кто хочет работать на себя, помогаем выйти на рынок фриланса

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

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

Попробовать бесплатно

Как проходит курс

Никаких давно снятых видео и длинных лекций

Вы проходите теорию и закрепляете её на практике на нашей платформе. Можно заниматься во сколько и где удобно, главное — укладываться в дедлайны по проектам.

По расписанию только воркшопы с наставниками, остальное — в своём темпе

Опытные UX/UI-дизайнеры разбирают сложные кейсы и отвечают на ваши вопросы на живых воркшопах. Если не успеваете, можно смотреть в записи.

Курс в Практикуме похож на реальную работу

Программа поделена на спринты — отрезки по 3 недели, за которые вы изучаете тему и делаете проект. Потом отправляете его на ревью, а эксперт проверяет и комментирует. И тот же цикл дальше, пока не дойдёте до конца.

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

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

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

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

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

  •                                        

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

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

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

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

Если вам понадобится сделать паузу или уделить больше времени закреплению материала, напишите своему куратору.
А если я хочу работать в Яндексе?
Некоторые участники наших курсов работают в сервисах Яндекса, в том числе и в Практикуме. Но с нашей стороны было бы нечестно что‑либо гарантировать и завышать ваши ожидания.

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

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

Важно помнить, что мы не ищем работу за вас, а помогаем её найти.
В какой валюте можно оплатить курс?
Оплатить курс можно в любой валюте, кроме российских рублей.

Чтобы вам было проще сориентироваться, мы указываем примерную стоимость в долларах США, но списание будет в казахстанских тенге, а конвертация — по курсу вашего банка.

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

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

Или позвоните нам сами, по Беларуси — бесплатно:

А если не любите голосом — напишите: