Чёрная пятница курс в подарок Узнать больше
Образовательная платформа
Умная Чёрная пятница Скидка 45% действует 0 дней 00:00:00
Курс

Веб-дизайн 3.0

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

Иконка для блока Дисклеймер

Курс обновлён в апреле 2023. Теперь в нём ещё больше практики и учтены актуальные требования заказчиков!

Уровни курса

  • Intern:

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

  • Junior:

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

  • Pre-middle:

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

Тренажёр по работе в Figma

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

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

  • Следовать базовым принципам веб-дизайна

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

  • Работать в профессиональных программах

    Научитесь уверенно пользоваться Figma, делать простые задачи в Adobe Photoshop и After Effects. Сможете тратить минимум времени на рутину.

  • Создавать дизайн для разных площадок

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

  • Адаптировать макеты под любые устройства

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

  • Проектировать удобные интерфейсы

    Поймёте, как пользователи взаимодействуют с разными элементами интерфейсов. Сможете создать понятный дизайн, опираясь на поведение аудитории.

  • Общаться с заказчиками и командой

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

Бонусный курс «Figma с нуля до PRO»

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

Содержание курса

Вы научитесь решать классические задачи веб-дизайнера: от оформления профиля в Инстаграм* до создания полноценного многостраничного сайта.

  • 9 месяцев обучения
  • 40+ реальных задач

1-й уровень: Intern

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

  1. Дизайн рекламного баннера

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

  2. Работа с векторной графикой

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

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

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

  4. Презентации и лендинги для коммерческого предложения

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

2-й уровень: Junior

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

  1. Создание визуальной концепции сайта

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

  2. Разработка UI-кита

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

  3. Оформление хедеров, футеров и меню

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

  4. Дизайн онлайн-витрины и карточек товаров

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

  5. Работа с формой регистрации

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

  6. Многостраничный сайт с витриной

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

3-й уровень: Pre-middle

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

  1. Дизайн каталога товаров

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

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

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

  3. Работа со сложными карточками товара

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

  4. Страница оформления покупки

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

  5. Сложная форма регистрации

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

  6. Страница оформления доставки

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

  7. Личный кабинет

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

  8. Работа с информацией о заказе

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

  9. Оформление чата поддержки

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

  10. Простая панель управления сайтом

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

  11. Страница для корпоративных клиентов

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

Профессия востребована IT-компаниями

IT — это не только программирование. Поэтому компании ищут разных специалистов в свои команды, без работы которых невозможно создать современный IT-продукт.

IT — это стабильно растущий рынок и хорошие карьерные перспективы.
А ещё аккредитованные IT-компании получают поддержку от государства.

Их сотрудники могут:

  • Купить квартиру или дом в ипотеку по льготной ставке 5%.
  • Получить отсрочку от армии на время работы.

Как быстро окупится обучение

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

На позиции Junior вы заработаете столько же, сколько стоит курс,

за 2 месяца

Зарплаты веб-дизайнера,

по данным HH.ru
  • Junior Начало работы
  • Middle Опыт 12 месяцев
  • Senior Опыт 24 месяца

Кураторы-эксперты и живая обратная связь

Кураторы дадут комментарии к вашим работам и помогут сделать их лучше. Это эксперты с опытом работы в отрасли от 5 лет, они прошли методическое обучение — умеют объяснять сложное и вдохновлять на развитие.

Помогаем разобраться и справиться

Кураторы дадут комментарии к вашим работам и помогут сделать их лучше. Это эксперты с опытом работы в отрасли от 5 лет, они прошли методическое обучение — умеют объяснять сложное и вдохновлять на развитие.

Спикеры

  • Фотография Сергей Попков Сергей Попков

    Шеф-дизайнер, сооснователь AIC

  • Фотография Илья Криканов Илья Криканов

    Руководитель отдела дизайна в ГК «Иннотех»

  • Фотография Александра Королькова Александра Королькова

    Арт-директор шрифтовой студии Paratype

  • Фотография Иван Некрасов Иван Некрасов

    Product owner в Playrix

  • Фотография Филипп Соломин Филипп Соломин

    Aрхитектор дизайн-системы в Avito

  • Фотография Никита Покатилов Никита Покатилов

    Продуктовый дизайнер «Райффайзенбанка»

  • Фотография Николай Иванов Николай Иванов

    Арт-директор «Райффайзенбанка», выпускник БВШД

  • Фотография Сергей Дюжев Сергей Дюжев

    Design Community Lead в «Райффайзенбанке»

  • Фотография Сергей Дарбаидзе Сергей Дарбаидзе

    Старший дизайнер в Distillery

  • Фотография Михаил Никипелов Михаил Никипелов

    Product Designer, American Estate & Trust

  • Фотография Антон Антонюк Антон Антонюк

    Дизайнер главного офиса MasterCard, сотрудничал с компанией Google

  • Фотография Никита Беллер Никита Беллер

    Продуктовый дизайнер группы компаний «Тинькофф»

Год английского языка бесплатно

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

Предложение действительно для пользователей, которые приобрели любой курс с 22 декабря 2021 года.

Вас ждут:

  • методика ускоренного запоминания слов и грамматики;
  • персональная программа освоения языка, которая поможет заговорить с нуля;
  • возможность индивидуальных сессий с кураторами.
Изображение KESPA

Студенты довольны обучением

  • 93% выпускников отмечают, что Skillbox помог достичь поставленной цели
  • 78% выпускников готовы рекомендовать обучение в Skillbox

Данные независимого опроса выпускников Skillbox, проведённого Высшей школой экономики (НИУ ВШЭ)

4500+ оценок на разных независимых площадках

  • 4,7
    4967 оценок
  • 4,7
    974 оценки
  • 4,8
    490 оценок
  • 4,5
    2368 оценок
  • 4,7
    559 оценок
  • 5,0
    321 оценка
  • 4,5
    230 оценок
  • 4,7
    232 оценки
  • Старт курса: 1 декабря
  • Осталось: 5 мест

Стоимость курса

Скидка действует 0 дня 00:00:00

  • 7 099 ₽/мес
  • -45%
3 904 ₽/мес
  • В рассрочку на 24 месяца
  • Гарантируем трудоустройство — или вернём деньги*
  • Студенты могут вернуть до 13% стоимости курса, оформив налоговый вычет

Выберите вариант оплаты

Заполните контактные данные

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

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

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

Спасибо!

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

Вам может понравиться

    Где работают участники курсов Skillbox

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

    • Я никогда не занимался веб-дизайном, а курс построен на практических задачах. У меня получится?
      Конечно! В карточке каждой задачи вы найдёте много видео, дополнительных материалов и упражнений, которые позволят лучше разобраться в теме и сделать всё на высшем уровне. В остальном помогут опытные кураторы, которые будут сопровождать вас на протяжении всего курса. Они поделятся подробной обратной связью и укажут, на чём стоит сделать акцент в работе.
    • Заданий так много! Мне обязательно выполнять все?
      Не обязательно! Прислушивайтесь к себе и выбирайте те задачи, которые кажутся вам самыми интересными и подходящими по уровню. Ваша главная задача — набрать минимум баллов, чтобы перейти на следующий грейд. Но никто не мешает вам сделать больше работ, чтобы набить руку и пополнить портфолио.
    • В части тем я уже разбираюсь. Видео по ним всё равно надо посмотреть?
      Необходимости в этом нет. Вы можете посмотреть все видео или сделать акцент только на тех темах, с которыми ещё не знакомы. На количество баллов это не повлияет.
    • Я смогу устроиться на работу после курса?
      Вы получите все необходимые навыки, которые помогут вам начать карьеру веб-дизайнера: изучите рабочий процесс, освоите востребованные инструменты, соберёте портфолио из качественных работ. Заодно вы поймёте, как искать заказчиков и презентовать свои идеи. В остальном всё зависит от вас.
    • Какие программы понадобятся для занятий? Они платные?
      Работать мы будет преимущественно в Figma — самой популярной программе для веб-дизайнеров. Платить за неё не нужно — в бесплатной версии есть все необходимые инструменты.

      Для работы с программой понадобится браузер последней версии:
      • Chrome 63+,
      • Firefox 58+,
      • Safari 11.1+,
      • Microsoft Edge 79+.

      Также вам могут пригодиться Adobe Photoshop и After Effects. Это не обязательно — любую задачу из курса можно выполнить в Figma. Но если вам захочется сделать более сложный макет, то дополнительные программы вам в этом помогут. Рекомендуем пользоваться платными версиями. На занятиях мы расскажем вам, как купить лицензию максимально выгодно.
    • Какой график обучения на платформе? Получится ли совмещать его с работой?
      Вы можете изучать материалы курса в удобном вам режиме, совмещать обучение на платформе с работой и личной жизнью. Более того, все видео будут доступны и по окончании курса, так что вы сможете освежить свои знания в любой момент.
    • Сколько часов в неделю мне нужно будет уделять обучению на платформе?
      Всё зависит только от вас. В среднем пользователи платформы занимаются от 3 до 5 часов в неделю.
    • Кто будет мне помогать в обучении на платформе?
      У вас будут кураторы на платформе и в Telegram-чате курса. Они прокомментируют практические работы, дадут полезные советы и ответят на любые вопросы. Вы сможете перенять их опыт, профессиональные знания и лайфхаки.
    • Действуют ли какие-нибудь программы рассрочки?
      Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.
    • Могу ли я получить налоговый вычет за обучение на платформе?
      Да, вы можете вернуть часть средств в виде налогового вычета. Основные условия: быть налоговым резидентом РФ и платить НДФЛ. Налоговый вычет составит до 13% от стоимости курса. Максимальная сумма возврата части НДФЛ — 15 600 рублей за год при цене курса 120 000 рублей.

      • Вы можете вернуть средства через работодателя или налоговую.
      • Для этого понадобится договор на обучение на платформе, наша лицензия на образовательную деятельность и чек об оплате курса, который придёт вам на почту или в личный кабинет банка.
      • Если вы будете оформлять вычет через налоговую, нужно будет заполнить декларацию 3-НДФЛ. Удобнее всего это сделать в личном кабинете на сайте Федеральной налоговой службы.
      • В течение 30 дней налоговая подтвердит ваше право на вычет.
      • Если будете оформлять возврат части НДФЛ через работодателя, вам останется подать ему заявление о получении налогового вычета.

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