Наверх
fire
-20%
Ограниченное предложение:
Действует:
05:32:48

Сделай шаг в большой дизайн: создавай большие дизайн-системы

Мечтаешь о работе в компаниях калибра Google? Научись проектировать
дизайн-системы и выйди на уровень мировых брендов и крупных компаний

color
Дизайнер
sc-hero-bg-verical
Перспектива быть среди ТОПов
Билет в большую глобальную компанию
Все глобальные компании используют дизайн-системы и постоянно ищут специалистов для работы с ними
arrow-right-white Узнать подробнее
Актуально для всего мира!
Международный сертификат
Ты получишь сертификат, который станет глобальным преимуществом во всем мире
arrow-right-white Подробнее о сертификатах
Ускорение работы
Дизайн система в твоем портфолио
Ты соберёшь свою собственную библиотеку компонентов, которую сможешь использовать и дополнять
arrow-right-white Подробнее о дизайн-системе
Лучшее качество жизни
Лучшие позиции на рынке и прибавка к з/п
Дизайнеры, умеющие работать с дизайн-системами, в среднем зарабатывают на 200–600$ больше.
arrow-right-white Где ещё это полезно?

Почему серьёзные продукты нуждаются в дизайн-системах?

Дизайн-система — это набор компонентов, правил, предписаний и инструментов, который служит для повышения качества и скорости разработки продуктов!

Скорость разработки
Дизайн-система позволяет создавать продукты быстрее
Все благодаря готовым компонентам и шаблонам, которые могут переиспользоваться.
Уменьшение ошибок
Дизайнеры и разработчики меньше ошибаются
Заранее установленные правила и стандарты исключают возможность ошибиться.
Последовательность
Дизайн-система обеспечивает единый стиль всех продуктов
Это делает интерфейсы узнаваемыми и упрощает взаимодействие для пользователей.
Экономия
Экономия времени = экономия ресурсов
Не нужно постоянно тестировать новые компоненты или придумывать что‑то новое.
quote-image
Все продукты Google похожи друг на друга не просто так! Это все MD3
© Сергей Брин
sc-2-image-1-1
Страшно? Не переживай!
С тобой такого не произойдет, ведь мы:
01
Научим строить интерфейсы на основе Atomic Design
Эта методология - основа любой мощной дизайн-системы.
sc-3-card-1-imagesc-3-card-1-image
02
Создадим полноценную дизайн-систему
В последствии, ты сможешь масштабировать её для других проектов.
sc-3-card-2-imagesc-3-card-2-image
03
Ускорим работу над макетами в 5 раз
Ты овладеешь инструментами, которые позволят создавать дизайн в разы быстрее .
sc-3-card-3-imagesc-3-card-3-image
04
Покажем практики мировых брендов
Разберем, почему Google, Apple или Intel делают так, а не иначе.
sc-3-card-4-imagesc-3-card-4-image
05
Обеспечим мощную обратную связь
Мы детально разбираем домашние задания и даём объёмный фидбек.
sc-3-card-5-imagesc-3-card-5-image
06
Сопроводим и направим во время обучения
Мы рядом с тобой на протяжении всего обучения, и на полпути не «кинем» . Да и после обучения можешь рассчитывать на нашу поддержку.
sc-3-card-6-imagesc-3-card-6-image
Hard work pays off! Можно сразу в Google!
С такими навыками на тебя сразу обратят внимание
UX/UI дизайнер
elements
Международный сертификат

Зарплата: от $700

Навыки:
icons-check-small
Минимальное количество ошибок
icons-check-small
Быстрое создание новых макетов
icons-check-small
Работа с темами и модами в один клик
icons-check-small
Экономия ресурсов компании
icons-check-small
Полностью адаптивные макеты
icons-check-small
Гибкие компоненты и переменные
icons-check-small
Грамотная документация
icons-check-small
Ускорение работы разработчиков
Инструменты и методы:
Figma
Atomic Design
10+
sc-4-bg-verical
Hard work pays off! Можно сразу в Google!
С такими навыками на тебя сразу обратят внимание

Чтобы освоить новый навык, понадобится всего 2-3 месяца

Card Icon
Полный доступ к Figma
В процессе обучения тебе ничего не будет ограничивать, мы предоставим бесплатный доступ к полному тарифу Figma.
Card Icon
Фундаментальные знания
Мы учим строить все с полного ноля — от токенов и атомов до детальной документации.
Card Icon
Очень много практики
Каждый урок закреплен практикой, итогом которой станет полноценная библиотека компонентов.
Card Icon
Работа в своем темпе
2-3 месяца — долго? Ты сможешь проходить курс в своём темпе и закончить его быстрее.
elements5
Создано в 2025 году

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

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

Модуль 1
Что такое дизайн-системы?
elements6
3 урока
1 задание
add-02
  • Знакомимся со всеми деталями обучения.
  • Разбираемся, что такое дизайн-системы и где они применяются.
  • Разбираем особенности больших дизайн систем, таких как Material Design и HIG.
Модуль 2
Разработка дизайн-системы
elements6
10 уроков
8 заданий
add-02
  • Разбираемся, что такое декомпозиция интерфейса.
  • Изучаем методологию Atomic Design и её составляющие.
  • Учимся работать с атомами, молекулами, организмами и шаблонами.
  • Учимся создавать темы и адаптивность интерфейса внутри дизайн-системы.
Модуль 3
Поддержка и развитие дизайн-системы
elements6
3 урока
2 задания
add-02
  • Разбираем основы документации дизайн-систем.
  • Создаем собственную библиотеку компонентов.
Как можно использовать полученные знания?
Построение дизайн-систем и библиотек компонентов — сильный навык, который понадобится в любой серьёзной компании или на фрилансе?
Cтать ТОПом
Устроиться в большую компанию

ТОП-компании ценят структуру и последовательность. Именно то, что будет у тебя.

Устроиться в большую компанию
Начало пути
Поднять свой уровень с junior до middle
Поднять свой уровень с junior до middle

Понимание, как правильно строить макеты, необходимо на всех этапах карьеры.

Буст в работе
Увеличить свою стоимость на рынке на 200–600$
Увеличить свою стоимость на рынке на 200–600$

Время — деньги. Чем ты эффективней, тем больше ценишься на рынке.

Ускорение процесса
Зарабатывать больше на фрилансе, работая меньше
Зарабатывать больше на фрилансе, работая меньше

Дизайн-система ускоряет создание дизайна. Создай свою библиотеку и используй её в разных проектах.

По итогам обучения ты соберёшь собственную библиотеку компонентов

award-icon
Дополнение к портфолио
Твоя библиотека компонентов будет отлично смотреться в портфолио и привлечёт внимание рекрутеров.
award-icon
Множество готовых компонентов
Подключая библиотеку в новый проект, ты всегда будешь иметь набор готовых для дизайна компонентов.
award-icon
Ускорение работы
Ты сможешь использовать готовые компоненты и строить или править дизайн в 5 раз быстрее.
А у меня точно получится?
Тебе подойдет обучение, если:
Card Image
Ты — дизайнер, который хочет работать в ТОП-компании
Все ТОПы используют дизайн-системы и ценят системность. Без фундаментальных знаний тебе там не выжить...
Card Image
Ты только начинаешь путь в дизайне
Понимание, как правильно строить макеты, необходимо на всех этапах карьеры.
Card Image
Хочешь ускорить свою работу в несколько раз
Время — деньги. Чем ты эффективней, тем больше ценишься на рынке.
Card Image
Хочешь существенно углубить знания Figma
Дизай-системы — это лучший тренажёр Figma, который позволит на 100% раскрыть функционал программы.
А как я буду учиться?
Удобная платформа поможет осваивать материал с комфортом и в любое время!
elements
Комфортное мобильное приложение с возможностью обучаться офлайн
Благодаря приложению можно сохранять уроки и смотреть их даже без интернета
elements2
Доступно для iOS
elements3
Доступно для Android
elements4
Геймификация процесса
Отслеживай свой прогресс и получай награды за каждый пройденный модуль!
elements5
Удобный дизайн
для ПК и смартфонов
Адаптивность на все случаи жизни: всегда понятно, что нажимать и как смотреть урок
elements6
Связь с ментором прямо
на платформе
Общайтесь со своим ментором и задавайте вопросы прямо на платформе
А ты знал эти факты о Пижамной Академии?
В отличии от политиков, у нас есть результаты!
curve-text made-in-israel

Родом из Израиля

Мы в Израиле знаем, что такое качество. Задача была не из лёгких — сделать что‑то лучше, чем израильская медицина и хумус. Это невозможно, но мы смогли!

<p><noscript><img src="https://web-design.academy/wp-content/uploads/2024/11/sc9-1-card2-image-4.png" alt=100+ студентов

' class='sc-10-1-card-2-image'>

100+ студентов

elements

Обучили и вывели в сложный мир дизайна интерфейсов.

<p><noscript><img src="https://web-design.academy/wp-content/uploads/2024/11/sc9-1-card2-image-5.png" alt=20+ стран

' class='sc-10-1-card-2-image'>

20+ стран

elements

География наших студентов очень обширная — от США до восточной Азии.

<p><noscript><img src="https://web-design.academy/wp-content/uploads/2024/11/sc9-1-card4-image-1.png" alt=99% студентов

' class='sc-10-1-card-2-image'>

99% студентов

elements

Довольны обучением и рекомендовали академию своим друзьям и знакомым

Наши студенты — подтверждение нашего качества!
Академия — это люди, а не юридическое лицо. Гляньте, как эти люди о нас отзываются:
icons-chevron-big
icons-chevron-big2

Самое время ворваться в ТОП, чтобы не остаться на обочине большого дизайна!

Твои имя и фамилия
UX/UI дизайнер
certificate_icon
Международный сертификат
salary-icon
Зарплата:
от $700
certificate_icon
Международный сертификат
salary-icon
Зарплата:
от $700
Умения:
check-mark
Минимальное количество ошибок
check-mark
Быстрое создание новых макетов
check-mark
Работа с темами и модами в один клик
check-mark
Экономия ресурсов компании
check-mark
Полностью адаптивные макеты
check-mark
Гибкие компоненты и переменные
check-mark
Грамотная документация
check-mark
Ускорение работы разработчиков
Инструменты и методы:
https://web-design.academy/wp-content/uploads/2024/09/sc9-2-items-program-item1-image.png
Figma
check-icon
Advanced
Atomic Design
Посмотреть полное резюме Скрыть полное резюме

Получи «золотой билет» в большую компанию уже сегодня

Проектируй дизайн-системы и выходи на уровень мировых компаний.
award-icon
Международный сертификат
Котируется во всем мире
award-icon
Новый проект в портфолио
Дизайн-система отлично его дополнит
award-icon
Преимущество на рынке
Дизайнеры со знаниями дизайн-систем зарабатывают больше
award-icon
Практики мировых брендов
Мы учим делать так, как делают мировые ТОПы
Продвинутые дизайн-системы
Твой билет в ТОП
discount-icon -20%
Ограниченное предложение:
00:00:00
$900
$1120
check-mark-black

Один платеж

check-mark-black

Скидка 20%

от
$300
$400
check-mark-black

В рассрочку до 3 месяцев

check-mark-black
Обучение доступно каждому

Получи «золотой билет» в большую компанию уже сегодня

Проектируй дизайн-системы и выходи на уровень мировых компаний.
info
Пришла пора ответить на вопросы
Студенты часто спрашивают у нас
Какие знания нужно иметь перед началом обучения?
plus

Необходимо немного знать базу дизайна и уметь работать с Figma. Если же ты хочешь начать с полного ноля, то рекомендуем рассмотреть изучение новой профессии UX/UI дизайнера.

Сколько времени нужно уделять обучение в неделю?
plus

Мы рекомендуем выделять на обучение 3–5 часов в неделю.

А есть ли возможность оформить рассрочку?
plus

Да, конечно. Ты можешь приобрести обучение в рассрочку до 3 месяцев.

А что если я не знаю Figma?
plus

Не беда! У нас есть отдельная бесплатная программа Figmaster, которая позволяет освоить Figma с нуля. А также только для наших студентов мы предоставляем бесплатный доступ к платной версии программы!

Будет ли поддержка со стороны преподавателей?
plus

Конечно! Каждое задание проверяет твой личный ментор и отправляет фидбек в удобном формате.

С чем я выйду после обучения?
plus

По итогам обучения у тебя будет возможность получить 2 сертификата, полноценную дизайн-систему в портфолио, понимание, как работают большие компании и как они создают дизайн-системы! А если покажешь весь свой дизайн-арсенал, то мы ждем тебя в команде Пижамной Академии.

Я смогу устроиться в студию по окончанию обучения?
plus

Все в твоих руках! Обучение рассчитано на то, чтобы помочь попасть в большую компанию. Кроме того, самых талантливых студентов мы приглашаем присоединиться к команде Пижамной Академии и менять этот мир к лучшему с помощью дизайна!

А может нужна консультация?
Напиши в наш отдел заботы! Мы ответим на все интересующие вопросы!
Написать в отдел заботы

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

Пижамная Академия Веб-дизайна

image
Мы используем cookies

Все окей, мы просто делаем твой опыт использования сайта лучше!