Каталог курсов
Избранное

Веб-дизайнер

С нуля освоите современную IT-профессию и сможете работать в компании или на фрилансе

Научитесь создавать сайты в Figma и Tilda под ключ у экспертов OZON, Сбера, МТС

Сможете брать первые заказы и проходить собеседования уже через 4 месяца обучения

Поможем подобрать обучение
Международный
Нажимая кнопку, принимаю условия политики и пользовательского соглашения
Когда

19 апреля

Длительность

от 6 до 12 месяцев — в зависимости от траектории обучения

Портфолио

Учебные проекты + реальные задачи от компаний-партнёров

Документ

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

45%
с 13.04 по 16.04

Пока апрель в самом разгаре

Скидка уже включена в стоимость. Оплатите до 16 апреля, чтобы скидка не сгорела.

Условия акции

Веб-дизайнер отвечает за внешнее оформление сайтов

Специалист создаёт удобные и визуально приятные для пользователей сайты, а ещё адаптируют их под разные устройства. По прогнозам, мировой рынок услуг веб-дизайна будет расти в среднем на 10,8% до 2030 года. Дизайнеры нужны банкам, страховым, телекоммуникационным и ИТ-компаниям. 

Востребованная профессия в digital позволяет вести несколько проектов одновременно и работать удалённо из любой точки мира.

Зарплата веб‑дизайнера

по данным hh.ru в среднем составляет

  • Junior-специалист
    с опытом до 1 года

  • Middle-специалист
    с опытом 1–3 года

  • Senior-специалист
    с опытом более 3 лет

Две траектории обучения

Базовая траектория

Освоите с нуля все необходимые навыки и инструменты веб-дизайнера и сможете быстро стартовать в профессии

Расширенная траектория

Получите дополнительные профессиональные навыки и глубже погрузитесь в профессию, чтобы претендовать на более высокие позиции и зарплаты

Поможем выбрать подходящее обучение

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

Международный

Выполните от 5 до 11 проектов для своего портфолио

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

Создание дизайн-макетов

Создадите несколько экранов интернет-магазина: карточку товара, экран корзины, каталога, pop-up, хедер и футер

Кроме учебных проектов, вы поработаете над реальными кейсами от партнёров курса

Проекты выпускников Нетологии

Разработка сайта для учебной лаборатории
Никита Шаманцев

Программа разработана совместно с ведущими дизайн-студиями

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

Освоите широкий набор профессиональных инструментов

Adobe Illustrator (изучают все студенты)

Adobe Photoshop (изучают все студенты)

Figma (изучают все студенты)

Cinema 4D (изучите на расширенной траектории)

After Effects (изучите на расширенной траектории)

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

Чтобы программа соответствовала запросам рынка труда, мы проводим 3 этапа исследований

Вебинары с экспертами в прямом эфире — в вечернее время

На лекции и практические задания понадобится 8–10 часов в неделю

Записи вебинаров, воркшопов и другие полезные материалы хранятся в личном кабинете

Базовая траектория

56 часов теории и 116 часов практики

Насмотренность в дизайне

 Подготовительный модуль

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

3 часа теории

1,5 часа практики

Насмотренность: почему она так важна для профессионального развития

Принципы построения композиции, использования цветов и типографики

Насмотренность на практике: пополняем и структурируем библиотеку изображений

Основы Adobe Photoshop и Illustrator

Бонус

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

6 часов теории

7 часов практики

Введение в Photoshop

Двойная экспозиция

Ретушь и цветокоррекция

Постер

Тонированное изображение

Сайт в Photoshop

Мокап

GIF-анимация

Иллюстрация

Отрисовка логотипа в Illustrator

Figma: от основ до дизайн-макетов

Курсовой проект — дизайн-макет сайта в Figma

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

18,5 часов теории

30,5 часов практики

Управление интерфейсом Figma

Создание фрейма и объектов

Создание текстовых блоков, сетки и адаптивный дизайн

Применение auto layout в дизайне макетов

Применение компонентов, использование элементов из библиотек и UI-китов

Создание прототипа

Создание экранов мобильного приложения

Работа с анимацией в Figma

Основы веб-дизайна

Курсовой проект — создание лендинга

Изучите основы визуального дизайна и научитесь разрабатывать визуальную коммуникацию между пользователем и интерфейсом. Освоите принципы создания визуальной иерархии в интерфейсе и адаптируете своё решение под разные устройства.

9 часов теории

17 часов практики

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

Создание дизайн-концепции

Вдохновение, творчество, импровизация

Композиция

Модульная сетка

Цвет в интерфейсе

Типографика

UX-копирайтинг

Бонус

Узнаете об особенностях текстов в интерфейсе, поймёте, как сделать их понятными и эффективными. Научитесь выбирать Tone of Voice и транслировать ценности продукта через текст.

Специфика текстов для интерфейсов

Принципы и синтаксис продуктовых текстов

Cложные интерфейсные тексты

Tone of Voice для цифровых продуктов

Создание сайтов на Tilda: базовый уровень. Опыт MateÇa

Изучите возможности редактирования и настройки сервисов в Tilda. Разберётесь в нюансах подготовки сайта к запуску. Научитесь кастомизировать блоки, работать во встроенном графическом редакторе Zero Block и создавать дизайн любой сложности.

12 часов теории

16 часов практики

Конструкторы сайтов. Tilda

Интерфейс. Стандартные и Zero-блоки

Стандартные блоки: детальный разбор

Настройки сайта и страниц. Публикация проекта

Zero-блоки

Создание лейаута в Zero

Сетки и адаптивы в Zero

Анимация в Zero

Улучшения для Tilda. Модификации и код

Создание сайтов на Tilda: продвинутый уровень. Опыт MateÇa

Курсовой проект —  создание сайта на Tilda

Оптимизируете свой сайт, используя расширенные функции конструктора и CRM-системы. Разберёте нюансы разработки ecommerce в Tilda. Узнаете, где искать клиентов и что им предлагать. Оформите свой сайт-портфолио и подготовитесь к выходу на рынок фриланса.

17 часов теории

32 часа практики

Каталог товаров. Eсommerce и платежи

Tilda-CRM. Рассылки и подключение аналитики

Потоки и новости. Личный кабинет

Использование Tilda в маркетинговых целях.
Быстрая проверка гипотез

Поиск клиентов и дальнейшая работа

Основы UX-проектирования в вебе

Бонус

Освоите базовые принципы UX-проектирования веб-интерфейсов и разработаете прототипы разной степени детализации. Адаптируете своё решение под разные устройства. Научитесь использовать паттерны UX и гайдлайны iOS и Android при проектировании информационной архитектуры приложения для разных платформ.

5 часов теории

4 часа практики

Составление технического задания

Методы проектирования

Разработка веб-сайтов

Юзабилити в веб-дизайне

Разработка информационной архитектуры

Дизайн интерактивного прототипа

Карьера в дизайне. Опыт компании МТС

Бонус

Узнаете все аспекты успешного старта в дизайне, начиная от подготовки резюме и заканчивая правильным выполнением тестового задания. Модуль разработан в партнёрстве с МТС: практикующие и ведущие специалисты компании расскажут, как построить карьеру в дизайне и поделятся личным опытом.

4,5 часа теории

7 часов практики

Резюме и портфолио: на что смотрит рекрутер

Сопроводительное письмо — путь к успеху
Собеседование: как подготовиться и как пройти
Тестовое задание: зачем и как его делать

Что делать после собеседования: выход на работу и разбор сложных кейсов

Успешный фриланс

Расширенная траектория

92 часа теории и 220 часов практики

Включают в себя всё, что есть в базовых модулях

Сложные визуальные эффекты в интерфейсе

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

6 часов теории

24 часа практики

Работа с тенями и визуальными эффектами

Работа с библиотеками и UI-китом

Введение в анимацию

Веб-анимация в ProtoPie

Мобильная анимация в ProtoPie

Подготовка макетов для разработки и авторский надзор

Проектирование пользовательского опыта

Курсовой проект —дизайн веб-сайта

Освоите базовые принципы UX-проектирования веб-интерфейсов. Узнаете основные методики юзабилити-тестирования и научитесь формировать информационную архитектуру, создавая карты пользовательских сценариев.

8 часов теории

12 часов практики

Составление технического задания

Основные паттерны UX

Разработка веб-сайтов

Юзабилити в веб-дизайне

Адаптивный дизайн

Информационная архитектура

Прототипирование интерфейсного решения

Освоите инструменты прототипирования и научитесь разрабатывать прототипы разной степени детализации. Поработаете с интерактивными прототипами и проведёте тестирование своих макетов.

11 часов теории

30,5 часов практики

Разработка мобильного приложения

Информационная архитектура

UX при разработке приложений под iOS и Android

Дизайн интерактивного прототипа

Тестирование прототипа

Разбор работ

3D-графика для веб-интерфейсов в Cinema 4D. Опыт компании ITECH

Курсовой проект —  разработка главной страницы веб-сайта с 3D-графикой

Изучите функционал Cinema 4D — одного из популярных ПО для работы с 3D-графикой. Примените базовые принципы при построении сцен. Будете настраивать основные свойства текстур и источников света. Научитесь разрабатывать и интегрировать 3D-графику в веб-интерфейсы.

6 часов теории

11 часов практики

Знакомство с 3D-графикой

Камера и сцена

Рендер

Cinema 4D. Основные возможности программы

Свет и материалы

Анимация веб-интерфейсов в After Effects

Курсовой проект — создание анимированных веб-интерфейсов

Изучите основные принципы анимации и поймёте, как превратить статичный дизайн в динамичный креативный интерфейс. Освоите основной функционал After Effects, научитесь работать с масками, слоями и поймёте, как использовать анимацию в сочетании с 3D-элементами.

10 часов теории

29 часов практики

Анимация в интерфейсах: функции, виды, принципы создания

Инструменты создания анимации

Анимация веб-интерфейсов: теория

Adobe After Effects: обзор возможностей программы

Создание анимации в Adobe After Effects: виды, принципы

Анимация веб-интерфейсов: практика

Вёрстка на HTML и CSS

Курсовой проект — вёрстка макета сайта

Научитесь верстать сайты на HTML и CSS. Сможете вносить изменения в существующую вёрстку.

21 час теории

31 час практики

Теги для вёрстки контента страницы

Теги для вёрстки структуры страницы

Теги для вёрстки форм

Селекторы CSS

Определение контекста элементов

Блочная модель

Позиционирование элементов

Оформление текста

Оформление декоративных элементов

Состояние интерактивных элементов

Адаптивная и мобильная вёрстка

Бонус

Научитесь создавать вёрстку под любой тип устройств — компьютер, планшет, смартфон.

18 часов теории

27 часов практики

Вёрстка резинового макета

Резиновые изображения

Медиазапросы и медиафункции

Особенности вёрстки для мобильных устройств

Адаптивная типографика, breakpoints

Адаптивные изображения

Программа трудоустройства

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

Составление резюме, оформление портфолио и создание сопроводительного письма

Самопрезентация и ответы на каверзные вопросы на интервью

Площадки для поиска работы для IT-специалистов

Вакансии и стажировки от наших партнёров

Приглашение в сообщество выпускников

Деловой английский

Бонус

Узнаете, как искать работу в англоязычной среде и как развиваться в профессии с помощью английского языка. Поймёте, как вести деловую переписку и профессиональную коммуникацию на английском в дизайн-среде.

6,5 часов теории

8 часов практики

Как рассказать о себе в резюме

Поиск работы и отклики на вакансии

Прохождение собеседования

Чтение профессиональной литературы

Рабочее общение

Презентация продукта

Деловая переписка и работа с технической документацией

Дипломный проект

Вы с нуля создадите цифровой веб-продукт для своего портфолио. Пройдёте все этапы разработки дизайн-макетов — от поиска идей и анализа целевой аудитории до передачи готового проекта в разработку и вёрстку.

Онлайн-защита дипломных проектов — возможность получить рекомендации и офер

На встрече будут эксперты из крупных компаний, ваши потенциальные работодатели. Они дадут персональную обратную связь — и могут пригласить лучших студентов на собеседование.

Мероприятие доступно только для студентов расширенной траектории.

Больше полезных навыков — выше шанс получить работу мечты

Дарим 3 дополнительных модуля

— деловой английский язык от онлайн-платформы «Белый кролик» 

— поиск заказов на фрилансе для дизайнеров

— работа с нейросетями

45%
с 13.04 по 16.04

Пока апрель в самом разгаре

Скидка уже включена в стоимость. Оплатите до 16 апреля, чтобы скидка не сгорела.

Условия акции

Преподаватели —
эксперты-практики

На курсе преподают более 30 дизайнеров ведущих
IT-компаний:
 OZON, Ubisoft, IBM, Газпромбанка,
Сбера, МТС, Mish.design

Ваше резюме после обучения

Веб-дизайнер

    Ключевые навыки

  • Анализ целевой аудитории и проектирование пользовательского опыта

  • Создание и разработка дизайн-концепции веб-интерфейса

  • Адаптация дизайн-решения для десктопа, планшетов и мобильных устройств

  • Создание сайта под ключ на Tilda

  • Работа с кернингом, интерлиньяжем, оптической компенсацией

  • Создание нужного впечатления с помощью психологии цвета

  • Разработка визуального дизайна

  • Работа с анимациями и создание интерактивного макета

  • Полный цикл создания сайта на Tilda — расширенная траектория

  • Создание анимации для веб-интерфейсов в After Effects — расширенная траектория

  • Построение сцен с использованием базовых принципов в Cinema 4D  расширенная траектория

  • Настройка рендера, свойств текстур и источников света в Cinema 4D  расширенная траектория

  • Интеграция 3D-графики в веб-интерфейс  расширенная траектория

  • Работа с HTML-формами — расширенная траектория

  • Навыки мобильной и адаптивной вёрстки  расширенная траектория

Инструменты

Figma

Figma

Онлайн-сервис для разработки интерфейсов

Tilda

Tilda

Онлайн-конструктор для создания сайтов

Principle

Principle

Инструменты для создания простой интерфейсной анимации на Mac

ProtoPie

ProtoPie

Программа для создания простой интерфейсной анимации

Miro

Miro

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

CSS3

CSS3

Язык для описания внешнего вида веб-страниц. Изучите в рамках расширенной траектории

HTML5

HTML5

Язык для структурирования и представления содержимого веб-страниц. Изучите в рамках расширенной траектории

Adobe Photoshop

Adobe Photoshop

Многофункциональный графический редактор

Adobe Illustrator

Adobe Illustrator

Графический редактор для работы с векторной графикой

Cinema 4D

Cinema 4D

Программа для 3D-моделирования и работы с 3D-анимацией. Изучите в рамках расширенной траектории

After Effects

After Effects

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

Вашу квалификацию подтвердят официальные документы

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

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

Поможем выбрать подходящее вам обучение — оставьте заявку на консультацию

Международный

Все уроки теперь и в мобильном приложении

Мы разработали платформу для смартфонов, чтобы вы могли учиться в спортзале, самолёте, на даче или в пути.

  • Учитесь, где нравится 

    Доступ к учебным материалам всегда под рукой: это экономит ваши ресурсы

  • Занимайтесь даже без интернета

    Можно скачать материалы на телефон и учиться даже там, где плохая связь

  • Получайте подсказки по дедлайнам

    Приложение работает как помощник: напомнит про домашнюю работу или вебинар

  • Загружайте задания с телефона

    Удобно отслеживать статус практических работ и отвечать на комментарии преподавателя

Как проходит обучение
.01
Изучаете материалы в личном кабинете
Занятия включают в себя видеолекции и вебинары, практические задания, тесты и квизы. Вы занимаетесь по расписанию, но всегда можете вернуться к началу. Записи занятий хранятся в личном кабинете 3 года.
Поможем найти
ту самую работу
Центр развития карьеры
помогает трудоустроиться студентам Нетологии
1
Научим составлять резюме и проходить интервью
Разберём ваш предыдущий опыт, определим сильные стороны и поможем составить успешное резюме. Научим презентовать себя и проведём тест-драйв интервью.
2
Поможем наработать практику и оформить портфолио
Приобретёте практический опыт и наполните портфолио ещё во время обучения. Разберёте тестовые задания от работодателей и сможете принять участие в их проектах.
3
Предложим стажировки и проекты от партнёров
Предоставим доступ к карьерной странице со стажировками и вакансиями от партнёров Нетологии. Будем делиться подборками с новыми интересными вакансиями.
header
Воркшопы и много практики
Вы сможете сформировать портфолио, выполняя задания компаний-партнёров Нетологии или проходя у них стажировки. Сфокусируетесь на практике, откликах и результате. Поработаете над реальными заданиями, защитите свои решения и получите развивающую обратную связь.
84%
студентов нашли работу с помощью Центра развития карьеры
4 075
компаний-партнёров в базе Нетологии для отработки практики
skyenglamodaramblerraiffeisenvkozonagimakasperskyalfa2gisgettaic

Отзывы выпускников о курсе

Василькова Юлия 

Выпускница курса

В Нетологии я познакомилась с интересными людьми и поняла, в каком правлении хочу двигаться дальше

Предложение для компаний

Вы можете обучить сотрудников на этом курсе. Адаптируем программу под ваш бизнес и предоставим отчёты об успеваемости. При обучении сразу нескольких сотрудников — более выгодная стоимость.


Оставьте заявку, мы свяжемся с вами, чтобы подготовить индивидуальное предложение.

Международный

Вернём деньги, если обучение не подойдёт

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

Подробные условия

45%
с 13.04 по 16.04

Пока апрель в самом разгаре

Скидка уже включена в стоимость. Оплатите до 16 апреля, чтобы скидка не сгорела.

Условия акции
12 месяцев обучения, старт 19 апреля
Запишитесь или получите консультацию
Частями без переплат
3 534 ₽/месяц
6 425 на 36 месяцев
Одним платежом
со скидкой 5%
120 900
 ₽
231 330
-45%
акция действует
до 16 апреля
Международный
Нажимая кнопку, принимаю условия политики и пользовательского соглашения
Нашли дешевле? Сделаем скидку
Вернём деньги, если обучение не подойдёт
Возможность получить налоговый вычет — 13%
12 месяцев обучения, старт 19 апреля
Веб-дизайнер
Частями без переплат
3 534 ₽/месяц
6 425 на 36 месяцев
Одним платежом
со скидкой 5%
120 900
 ₽
231 330
-45%
акция действует
до 16 апреля
Нашли дешевле? Сделаем скидку
Вернём деньги, если обучение не подойдёт
Возможность получить налоговый вычет — 13%
Запишитесь или получите консультацию
Международный
Нажимая кнопку, принимаю условия политики и пользовательского соглашения

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

  • Кем я смогу работать после курса?

    Вы сможете уверенно претендовать на позицию веб-дизайнера. Навыков, полученных на курсе, будет достаточно для выполнения рабочих задач. Сможете устроиться в компанию или брать проекты на фрилансе.

  • Почему длительность курса разная?

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

  • Зачем платить за курс, если всё можно найти на YouTube?

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

  • Зачем нужен целый модуль по Tilda, если это просто конструктор сайтов?

    Tilda давно стала полноценной средой для создания сайтов, в которой можно создавать проекты любой сложности. На рынке даже появилась профессия «Дизайнер на Tilda».

  • Насколько удобно совмещать обучение с работой? 

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

все вопросы
Учитесь из любой точки
в любое время
Развивайте профессиональные навыки в онлайн-формате
Москва
Санкт-Петербург
Новосибирск
Екатеринбург
Казань
Нижний Новгород
Красноярск
Челябинск
Самара
Уфа
Ростов-на-Дону
Краснодар
Омск
Воронеж
Пермь
Волгоград
Саратов
Тюмень
Тольятти
Барнаул
Махачкала
Ижевск
Хабаровск
Ульяновск
Иркутск
Владивосток
Ярославль
Томск
Ставрополь
Кемерово
Набережные Челны
Оренбург
Новокузнецк
Балашиха
Рязань
Чебоксары
Пенза
Липецк
Калининград
Ташкент
Баку
Минск
Алматы
Ереван
Бишкек