Что нужно знать о профессии

Плюсы и один минус

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

Инструменты и навыки, которые будете использовать

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

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

Средние зарплаты

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

Источник: Хабр Карьера
от 50 000 ₽
Junior
от 100 000 ₽
Middle
от 170 000+ ₽
Senior

Чему вы научитесь за 9 месяцев

  • Исследовать конкурентов, целевую аудиторию и её привычки
  • Формулировать и проверять гипотезы с помощью разных типов исследований
  • Продумывать пользовательские сценарии, делать интерфейс интуитивно понятным
  • Проектировать визуальную часть интерфейсов для разных устройств и операционных систем
  • Делать анимированные прототипы и тестировать с пользователями свои решения
  • Презентовать идеи заказчику, передавать проекты в разработку

Попробуйте, если не уверены. Это бесплатно

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

Как проходит обучение

YandexGPT помогает учиться

Когда в теории что-то непонятно, нейросеть объяснит это другими словами. А в конце каждого урока подготовит краткий пересказ о самом главном.

Поможем попасть в компанию или найти заказчиков на фрилансе

Начать программу трудоустройства можно уже в процессе учёбы — вам не придётся ждать окончания курса, чтобы начать зарабатывать

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

Вот в каких компаниях они работают

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

Программа курса «Дизайнер интерфейсов»

Мы обновляем программу регулярно, чтобы она соответствовала запросам индустрии и работодателей. Другими словами, вы учитесь только тому, что точно пригодится в работе.
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 или исследования. Поэтому у вас будет возможность выбрать тему дипломной работы. Каждая спроектирована так, чтобы вы показали свои навыки в полной мере и сделали актуальный проект — как для себя, так и для рынка.
Карьерные продукты・12 недель
Фриланс-трек
Цель программы — помочь студенту выйти на рынок фриланса максимально конкурентоспособным и подготовленным. Вы научитесь вести коммуникацию с заказчиком, формировать стоимость первых работ, оформлять социальные сети, защищать себя от недобросовестных клиентов.
Карьерные продукты・29 недель
Карьерный трек
Здесь наша команда HR-экспертов поможет подготовить всё необходимое для эффективного поиска работы. Вы научитесь составлять резюме, писать сопроводительные письма, а также проходить собеседования. Вам предстоит проделать весь путь: от поиска вакансий и первого тестового задания до интервью и приглашения на работу.
Со спикером・каждую неделю
Вебинары для поддержки студентов, разбора сложных тем, Q&A

Выдадим диплом о профессиональной переподготовке

Если у вас есть среднее профессиональное или высшее образование. Если нет, выдадим сертификат и справку об обучении.

Индивидуальный подход: ревью, консультации, поддержка

Проведёте 3 индивидуальные консультации с ментором и 1 — с HR-специалистом. Это поможет глубже погрузиться в тему, перенять ценный опыт эксперта и быстрее найти работу. А когда приступите, сможете отдать на ревью до 3 личных проектов и получить подробную обратную связь.

Тысячи студентов освоили новую профессию, и вы освоите

Истории выпускников Практикума, которые уже занимаются любимым делом
4,7
TutorTop
4,5
IRecommend
4,3
Отзовик

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

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

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

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

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

Если нет, выдадим сертификат о прохождении курса и справку об обучении в электронном виде.
Можно ли оплатить курс за счёт работодателя?
Да, работодатель может оплатить учёбу полностью или разделить оплату с вами: например, поделить сумму 50/50 или 75/25.

Такая оплата пройдёт по счёту или двустороннему договору, а ИП могут оплатить с бизнес-счёта. Если работодатель купит обучение сразу 10 и больше сотрудникам, сделаем скидку 10%.

Чтобы получить счёт на оплату через компанию, оставьте заявку или напишите нам в чат поддержки.
Что такое налоговый вычет на обучение и как его получить?
Налоговый вычет может оформить тот, кто работает по трудовому договору и является налоговым резидентом Российской Федерации, то есть 183 дня в году находится на территории страны.

Для этого нужно подать заявление на налоговый вычет через личный кабинет на сайте nalog.ru (в него можно войти через аккаунт на Госуслугах).

К заявлению нужно приложить:
•‎ Справку 2-НДФЛ от работодателя.
•‎ Договор на обучение, в вашем случае это оферта Практикума.
•‎ Лицензию на образовательную деятельность. Вот наша.
•‎ Чек об оплате обучения. Мы отправляем его на электронную почту. Если не найдёте чек у себя в почте, напишите в чат службы поддержки — вышлем копию.
•‎ Справку о получении образовательных услуг — её тоже нужно запросить в чате поддержки.

Подробнее о налоговом вычете — на сайте Федеральной налоговой службы.

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

Мы перезваниваем в течение 30 минут каждый день с 10:00 до 19:00. Если оставите заявку сейчас, то перезвоним уже в рабочее время.