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

Веб-дизайнер: расширенный курс

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

Получите навыки уровня middle помимо базовых знаний веб-дизайнера

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

Поможем подобрать обучение
Нажимая кнопку, принимаю условия политики и пользовательского соглашения
Когда
20 марта 2024 — 19 марта 2025
Стартует завтра
Не подходит дата старта? Запишитесь сейчас, а учитесь со следующим набором

Трудоустройство

Поможем найти работу или стажировку

Портфолио после обучения

11+ проектов

Документ

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

40%
с 16.03 по 19.03

Пока снег исчезает с улиц

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

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

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

Этот специалист отвечает за внешний вид веб-страниц и соблюдение логики в интерфейсах. Он создаёт новые сайты и занимается обновлением устаревших решений, поэтому профессия веб-дизайнера остаётся одной из самых востребованных в сферах digital и IT.

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

  • с опытом до 1 года

  •  с опытом 1–3 года

  • с опытом 1–3 года


В дополнение к основным навыкам веб-дизайнера вы научитесь: 

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

Работать с 3D-графикой в Cinema4D для создания креативных интерфейсов

Создавать сложную анимацию в After Effects для динамичных веб-интерфейсов

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

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

Figma

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

Adobe Photoshop

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

Adobe Illustrator

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

Cinema 4D

Программа для 3D-моделирования и работы с 3D-анимацией

Tilda

Онлайн-конструктор сайтов


Мы поможем с установкой программ и ответим на ваши вопросы

Партнёры курса — ведущие дизайн-студии

Вы будете работать над реальными задачами дизайн-агентств

Программа обучения — 12 месяцев

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

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

Вебинары с экспертами в прямом эфире — не более 2 раз в неделю с 18:00 МСК

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

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

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

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

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

3 часа теории

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

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

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

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

Основы Adobe Photoshop и Illustrator

Бонус

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

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

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

Введение в Photoshop

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

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

Постер

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

Сайт в Photoshop

Мокап

GIF-анимация

Иллюстрация

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

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

Курсовой проект — отрисовка экранов приложения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Композиция

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

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

Типографика

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

Бонус

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Разбор работ

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

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

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

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

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

Знакомство с интерфейсом. Стандартные и Zero-блоки в Tilda

Что умеет Zero-блок

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

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

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

Как успешно использовать Tilda в маркетинговых целях и быстро тестировать гипотезы

Детальный разбор стандартных блоков

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

Собираем свой первый layout в Zero

Анимация в Zero

Каталог товаров. Ecommerce и платежи

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

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

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

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

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

Бонус

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Бонус

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Участие в защите проектов необязательное.

Хотите узнать о программе больше — получите персональную консультацию

Фокус на практику

За время обучения вы подготовите 11 проектов для портфолио и выполните более 40 практических заданий

Дизайн-макет сайта

после 3 месяцев обучения

Спроектируете прототип будущего сайта, разработаете дизайн-макеты и упакуете работу в эффектный кейс на Behance

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

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

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

Примеры кейсов

Проект: Движение Вверх

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

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

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

Как проходит обучение
.01
Изучаете материалы в личном кабинете
Занятия включают в себя видеолекции и вебинары, практические задания, тесты и квизы. Вы занимаетесь по расписанию, но всегда можете вернуться к началу. Записи занятий хранятся в личном кабинете 3 года.

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

  • Средняя оценка экспертов вебинаров студентами

  • Максимальное время ожидания ответа от поддержки

  • Продолжительность проверки домашних работ

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

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

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

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

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

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

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

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

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

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

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

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

Портфолио экспертов курса

Олег Зильберг

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

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

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

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

  • Проведение количественных и качественных исследований для проверки гипотез

  • Разработка прототипов разной степени детализации на основе проведенных исследований

  • Применение принципов и законов композиции

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

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

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

  • Работа с адаптивностью

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

  • Взаимодействие в команде по Scrum и Kanban

  • Полный цикл создания сайта на 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

40%
с 16.03 по 19.03

Пока снег исчезает с улиц

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

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

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

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

  • Почему курс такой долгий?

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

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

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

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