Декоративное изображение
Онлайн-курс
−30% до 28 ноября

Веб-дизайн с нуля до PRO

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

Трейлер

В этом видео преподаватели и студенты курса «Веб-дизайн с нуля до PRO» рассказывают, как проходит обучение.

На рынке не хватает специалистов

Кому подойдёт этот курс

Чему вы научитесь

  1. Создавать интерфейсы

    Научитесь уверенно работать в Photoshop, Adobe XD, Readymag и Figma. Освоите сетку, принципы декомпозиции и работы с элементами интерфейса. Сможете самостоятельно создать и подготовить макет к вёрстке.
  2. Делать адаптивные макеты

    Поймёте, как разработать дизайн, который будет отлично смотреться на разных устройствах. Научитесь адаптировать макеты и создавать мобильные версии сайтов.
  3. Работать с типографикой

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

    Научитесь создавать простые анимации в Readymag, Cinema 4D и Blender, а также рисовать характерные иконки. Сможете сделать дизайн-макеты яркими и показать свой профессионализм.
  5. Проектировать пользовательский опыт

    Узнаете, что такое UX и UI, научитесь разрабатывать портреты пользователей и Customer Journey Map. Сможете создавать понятные и удобные интерфейсы в соответствии с правилами юзабилити.
  6. Работать с клиентами

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

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

  1. Изучаете тему

    В курсе — практические видеоуроки.

    Изучаете тему
  2. Выполняете задания

    В том темпе, в котором вам удобно.

    Выполняете задания
  3. Работаете с наставником

    Закрепляете знания и исправляете ошибки.

    Работаете с наставником
  4. Защищаете дипломную работу

    И дополняете ею своё портфолио.

    Защищаете дипломную работу

Программа

Вас ждут онлайн-лекции и практические задания на основе реальных кейсов.

  • 38 тематических модулей
  • 136 онлайн-уроков

Веб-дизайн с нуля

  • Познакомитесь с интерфейсом Figma, научитесь создавать новые документы, работать со слоями, изображениями, текстом и формами.

  • Изучите распространённые ошибки в дизайне веб-проектов и узнаете, как их избежать.

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

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

  • Введение в типографику: вы узнаете, как подобрать шрифты для проекта и расположить текст, чтобы пользователь его прочитал. Научитесь верстать текстовые блоки и настраивать интерлиньяж и кернинг.

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

  • Научитесь делать обтравку изображений, добавлять реалистичные тени и фоны. Узнаете, как добавить эффекты изображению — блики, рефлексы и свечения.

  • Изучите принципы декомпозиции на примере главной страницы Morgan Stanley. Сможете сами декомпозировать элементы страницы и работать с сеткой, типографикой и цветами.

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

  • Познакомитесь с элементами веб-страницы: цитатами, таблицами, диаграммами, видеоплеером, фотогалереями, слайдерами — и узнаете, как использовать их по максимуму. Сделаете из разрозненного текста и фотографий привлекательную страницу.

  • Изучите базовые принципы юзабилити и познакомитесь с элементами интерфейса — кнопками, списками, формами и т. д. Научитесь на практике разрабатывать макеты форм.

  • Узнаете, что такое дизайн-системы, зачем они нужны и как их создавать. Разберёте примеры дизайн-систем и научитесь собирать их на основе своего макета.

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

  • Изучите теорию базовых цветов, сможете обрабатывать изображения для промостраниц — тонировать, настраивать контрастность и устранять дефекты.

  • Поработаете с сеткой, типографикой и цветами, чтобы декомпозировать промостраницу. Создадите собственный дизайн промостраницы.

  • Изучите основные принципы анимации и узнаете, как анимировать макет будущего сайта в Figma.

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

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

  • Вы научитесь пользоваться Behance, оформите аккаунт и узнаете, как выглядит идеальный проект. Добавите свой кейс в портфолио на Behance.

  • Изучите основы вёрстки веб-страниц на HTML и CSS.

Веб-дизайн PRO

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

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

  • Познакомитесь UX/UI-дизайном и поймёте роль UX в современных проектах. Изучите особенности работы над продуктовым дизайном.

  • Научитесь создавать портреты пользователей, разрабатывать Customer Journey Map и использовать это в дизайне.

  • Узнаете, как создавать уникальные иконки. Изучите инструменты, сетки и гайдлайны. Поймёте, как проработать характер и стиль. Научитесь рисовать полноценную иконку и интегрировать её в макет.

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

  • Узнаете, как работать с данными от заказчика и искать информацию для дизайна самостоятельно.

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

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

  • Узнаете, как устроена работа над проектами в дизайн-команде «РИА Новости».

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

  • Научитесь создавать визуализации в Cinema 4D: настраивать свет и сцены. Познакомитесь с редактором Blender. Сможете создавать визуализации в перспективе и изометрии.

  • Научитесь работать с редактором Adobe XD и сможете создавать в нём простые интерфейсные приложения.

  • Узнаете, как упаковать дизайн в кейс: научитесь создавать обложку и макропланы, структурировать кейс и делать анимационные вставки. Освоите работу в редакторе Behance.

  • Узнаете, как рассчитать нормочас, структурировать проект, составить проектную документацию и подобрать примеры при работе с иностранным заказчиком.

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

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

  • Вы выберете одного из реальных заказчиков и разработаете полноценный дизайн-концепт сайта для его бизнеса.

Заявка не отправлена!

Похоже произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

Спасибо!

Ваша заявка успешно отправлена

Преподаватели

Сергей Попков

Сергей
Попков

Шеф-дизайнер и основатель AIC
Игорь Коропов

Игорь
Коропов

Основатель Skillbox
Михаил Никипелов

Михаил
Никипелов

Арт-директор Distillery, преподаватель Skillbox
Инесса Шилло

Инесса
Шилло

Арт-директор Nimax
Вадим Паясу

Вадим
Паясу

Дизайнер
Михаил Розов

Михаил
Розов

Основатель и арт-директор PINKMAN
Дмитрий Матвеев

Дмитрий
Матвеев

Арт-директор Wildberries

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

Аделина Ветрова
  • Должность Веб-дизайнер
  • Зарплата от: 60 000 ₽

Профессиональные навыки:

  • Работа с Adobe Photoshop, Figma, Readymag, Cinema 4D и Adobe XD
  • Знание принципов юзабилити сайта
  • Создание готовых интерфейсов в Readymag
  • Проектирование и разработка макетов для веб-проектов
  • Анимация статичных концепций
  • Составление Customer Journey Map
  • Составление брифа
  • Создание иконок
  • Презентация проектов
  • Оценка проекта, составление ТЗ
  • Разработка адаптивных интерфейсов и мобильных версий
  • Работа с типографикой

Диплом Skillbox

Подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.

Диплом Skillbox

Стоимость обучения

−30% до 28 ноября
  • Рассрочка на 24 месяца 2 900 ₽/месяц
  • Рассрочка без скидки 4 143 ₽/месяц

Часто задаваемые вопросы