Веб-дизайн 3.0 от Skillbox

Принимайте задачи от реальных клиентов, смотрите видео с подсказками от экспертов и получайте обратную связь по готовым макетам. Зарабатывайте баллы за каждый решённый кейс и переходите с уровня на уровень. По итогам курса вы добавите в портфолио не меньше 6 работ разной сложности, сможете начать карьеру в веб-дизайне или брать более дорогие заказы.
  • Сертификат об обучении
108 416 ₽
166 794 ₽

Актуальная стоимость обучения.

Данные обновлены 29 ноября 2022 г.

Рассрочка: 4517 ₽ / мес.

  • Сертификат об обучении
Перейти на страницу курса
Важно. Итоговая цена на странице курса может отличаться.

Программа курса

Ознакомьтесь с программой курса «Веб-дизайн 3.0» от Skillbox

1-й уровень: Intern. Вы научитесь оформлять соцсети и делать слайды для презентаций. А ещё попрактикуетесь в дизайне лонгридов, лендингов и писем для рассылок. Задачи, с которыми вы будете работать:

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

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

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

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

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

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

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

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

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

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

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

3-й уровень: Pre-middle. На этом этапе вас ждут самые большие и амбициозные задачи: оформление интернет-магазина, корпоративного сайта и мобильного приложения. Вы научитесь не только рисовать красивые макеты, но и использовать аналитику для создания удобного и функционального дизайна. Для успешного прохождения уровня вам нужно поработать с этими задачами:

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

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

  • Работа со сложными карточками товара. Поймёте, как строить гипотезы при создании сложного дизайна. Разберёте стандартные и необычные дизайнерские решения и сможете создать эффектные карточки для сайта заказчика. Узнаете, как улучшить дизайн при помощи анимации в After Effects, корректно передать готовый прототип разработчикам и провести A/B-тест.

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

  • Сложная форма регистрации. Узнаете, что мотивирует пользователей регистрироваться на сайтах. Познакомитесь с основными элементами формы регистрации и научитесь грамотно располагать их на макете.

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

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

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

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

  • Простая панель управления сайтом. Научитесь работать со сложными данными, необходимыми для нормальной работы админки. Сможете оформить панель управления так, чтобы она была удобной, понятной и хорошо смотрелась на любом экране.

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

Подробная информация о курсе

Трудоустройство
Город
Онлайн
Формат обучения
Онлайн
Сертификат
Есть
Поделись курсом с друзьями

Отзыв о школе Skillbox в формате видео
Отзыв о курсе SkillBox «Figma для дизайнера»
Посмотрите обзор курсов от Skillbox
Подробнее о школе Skillbox
Skillbox — это онлайн-университет, организующий прикладные курсы и программы от главных экспертов рынка. Данная школа использует актуальные подходы к обучению, помогает работать над реальными проектами, стажироваться и трудоустраиваться в крупнейшие компании страны.
  • Преимущества и недостатки обучения в Skillbox
  • Удобная платформа. Skillbox разработали собственную удобную платформу для студентов.

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

  • Доступ навсегда. После окончания обучения вы всегда сможете вернуться к лекциям.

  • Преподаватели-эксперты. Лекции на курсах ведут крутые специалисты из больших компаний.

  • Настойчивые менеджеры. Cтуденты отмечают агрессивную рекламу перед покупкой курсов.

  • Навязывание рассрочки. Первые 6 месяцев бесплатно — на деле это кредит с отсрочкой.

  • Отзывы о Skillbox

    Взгляните, что студенты и выпускники говорят про Skillbox

    Я выбрала курс «Анимация интерфейсов», потому что мне было интересно подробно изучить эту тему. Понравился подход преподавателей, то, как они объясняют материал. После обучения у меня увеличилась скорость работы, да и сам подход сменился. В будущем планирую найти работу получше, ...

    Показать отзыв полностью

    Начала проходить курс «Рекламная графика 1.0» по совету, и не жалею. Понравилось качество материалов, хотя порой бывало сложно. Мои работы объективно улучшились, это поможет мне в будущем.

    + ещё 528 отзывов о Skillbox
    Мы ежедневно собираем, публикуем и обновляем отзывы об онлайн-курсах на просторах Интернета.
    Все отзывы →
    Оставить отзыв о курсе
    Проходили курс «Веб-дизайн 3.0» от Skillbox? Поделитесь своим отзывом: расскажите о плюсах и минусах обучения на данной программе.

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

    Веб-дизайн 3.0
    • Skillbox
    • 108 416 ₽