Образовательная платформа

Скидка 30% до 24 июля

Курс

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

Веб-дизайн с нуля до 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

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

  • Бонус. Основные ошибки в размерах

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

  • Плагины

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

  • Тренды, подготовка, мудборды

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

  • Работа со стилями. Создание GIU

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

  • Главная страница сайта

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

  • Основы работы с графикой

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

  • Декомпозиция

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

  • Навигация и структура

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

  • Интересная подача информации

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

  • Формы и кнопки

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

  • Дизайн-системы

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

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

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

  • Цвета, адаптивность, настроение. Промостраница мероприятия

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

  • Декомпозиция промостраницы

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

  • Анимация в Figma

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

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

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

  • Подготовка проекта к вёрстке

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

  • Первый кейс на Behance

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

  • Бонус. Введение в вёрстку

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

Веб-дизайн PRO

  • Специализация и личное позиционирование

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

  • Концептуальный дизайн

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

  • Введение в UX

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

  • Портреты пользователей и CJM

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

  • Иконки

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

  • Типографика PRO

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

  • Бонус. Работа с данными

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

  • Readymag

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

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

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

  • Бонус. Дизайн в «РИА Новости»

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

  • Копирайтинг

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

  • Погружение в мир 3D. Cinema 4D и Blender

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

  • Adobe XD

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

  • Кейс на 1 000 лайков

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

  • Бонус. Работа с иностранным заказчиком

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

  • План развития дизайнера на 3 года

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

  • Фриланс для дизайнера

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

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

  • Дизайн-концепт сайта

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

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

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

Спасибо!

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

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

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

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

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

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

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

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

Арт-директор Distillery
Инесса Шилло

Инесса
Шилло

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

Вадим
Паясу

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

Михаил
Розов

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

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

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

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

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

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

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

Диплом Skillbox

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

Диплом Skillbox
  • Старт курса: 25 июля
  • Осталось: 12 мест

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

Рассрочка на 24 месяца

  • 3 413 ₽/мес
  • 4 876 ₽/мес

Скидка 30% до 24 июля

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