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

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

24 урока
4,5 месяца

Подробнее о курсе

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

Вебинары с разбором домашних работ и ответами на ваши вопросы

Доступ ко всем материалам на 12 месяцев и сертификат о прохождении курса

Просмотр лекций онлайн в любое время на компьютере или смартфоне

Этот курс подойдет

Новичкам в веб-дизайне

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

Дизайнерам других направлений

Освоите новые инструменты, анимацию в After Effects, пополните портфолио и узнаете, как работать по гайдлайнам рекламодателей.

Другим специалистам

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

Как все устроено

Смотрите видеоуроки

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

Выполняйте задания

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

Общайтесь на вебинарах и в чате

Много живого неформального общения с сокурсниками, преподавателями и другими профи из индустрии.

Делайте итоговый проект

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

Получите именной сертификат

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

Получите бесплатную консультацию

Мы поможем с выбором и ответим на все ваши вопросы

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

После курса вы сможете

Создавать сайты с нуля

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

Пользоваться основными дизайн-инструментами

Figma, Photoshop, Illustrator, After Effects — каждую программу вы освоите с азов и сделаете учебные проекты, которыми можно пополнить портфолио.

Работать в IT и рекламе

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

Брать заказы на фрилансе

Поймете, как правильно оформлять и презентовать проекты заказчикам.

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

Основы дизайна

С чего начинается дизайн

  • Знакомство с профессией
  • Поиск идей
  • Ознакомление с инструментами веб-дизайнера
  • Принципы удобного и красивого дизайна
  • Что такое UI и UX
  • Коммуникация с клиентом
  • Условия проекта

Основы работы с Figma

  • Знакомство с инструментом
  • Работа с вектором: иконки, иллюстрации
  • Фреймы и Auto Layout
  • Компоненты и работа со стилями
  • Варианты элементов интерфейса в Figma
  • Интерактивные прототипы
  • Подготовка исходников к верстке

Модульные сетки и композиция

  • Модульные сетки
  • Линии и ритмы
  • Чем респонсивный дизайн отличается от адаптивного
  • Композиция
  • Принципы гештальта в дизайне

Типографика в интерфейсе

  • Работа со шрифтами
  • Шрифтовые пары
  • Типографика в интерфейсе
  • Текст в интерфейсе

Теория цвета

  • Принципы теории цвета
  • Разбор примеров и ошибок
  • Акценты в интерфейсах

Веб-дизайнер рекламных спецпроектов

Работа над проектом. Часть 1

  • Как читать бриф
  • Работа с гайдлайнами клиентов
  • Поиск идей по задаче
  • Создание прототипа
  • ТЗ для иллюстратора
  • Откуда брать контент

Работа над проектом. Часть 2

  • Десктопная версия проекта
  • Адаптивы и мобильная версия проекта
  • Как презентовать свой проект
  • Как внести правки и ничего не испортить
  • Спецификации для разработчика. Тестирование проекта
  • Готовим кейс для Behance

Поддержка проекта

  • Шеринги и сниппеты для соцсетей — зачем это нужно?
  • Дизайн почтовой рассылки: основные моменты
  • Создание пака стикеров для телеграм

Adobe Photoshop

  • Зачем фотошоп современному веб-дизайнеру
  • Работа с файлами и изображениями
  • Принципы работы со слоями и масками
  • Основные инструменты
  • Слои и артборды
  • Работа с изображениями, цветокоррекция
  • Смарт-объекты
  • Gif-анимация

Adobe Illustrator

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

Adobe After Effects

  • Введение: интерфейс, базовые инструменты анимации слоев
  • Импорт из Figma. Анимация с помощью масок
  • Импорт из иллюстратора, анимация Lottie, плагин bodymovin
  • Шейповая анимация
  • Выражения
  • Анимация интерфейса. Принципы Google Material Design и рекомендации Apple Human Interface
  • 12 принципов анимации «Диснея». Как они работают в веб- и UI/UX-дизайне
  • Подготовка кейса. Основы создания ролика

Тренажер

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

Итоговая работа

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

Наши преподаватели

Анастасия Лесничевская

Анастасия Лесничевская

Старший веб-дизайнер в рекламном отделе

Пилю веб-дизайн и иллюстрации девять лет, из них четыре — в Пикабу.

Михаил Проскурин

Михаил Проскурин

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

Проектирую интерфейсы в продуктовых командах и на фрилансе больше семи лет.

Анна Татьянкина

Анна Татьянкина

Старший UX/UI дизайнер

Разрабатываю дизайн-системы и интерфейсы восемь лет.

Маргарита Пазынюк

Маргарита Пазынюк

Куратор курса по дизайну

Работаю дизайнером и куратором онлайн-курсов более трех лет.

Дарья Зенкина

Дарья Зенкина

Руководитель отдела аккаунтинга и спецпроектов

Четыре года доказываю, что реклама может и должна быть «вкусной», разнообразной и эффективной. За плечами более 100 спецпроектов с различными механиками.

Кейсы наших преподавателей

Игра «Самая высокая башня» для «Пятёрочки Доставки»

Очень популярная и очень залипательная механика. Игроки старались строить высокие башни, чтобы посмотреть, что в космосе. А там — омская птица!

Спецпроект к выходу видеоигры «Одни из нас. Часть II»

Пересказ событий первой части игры и комикса, а также интересная информация об актерах в красивой интерактивной верстке с секретом.

Игра для рекламы ноутбуков MSI

Любой тест можно оформить интереснее, чем список вопросов и ответов — нужно только открыть чакры креатива! В этот раз мы сделали игру в жанре файтинга.

Проект «Пикабу.Скидки»

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

Записаться на курс

Соглашаюсь с офертой и политикой обработки персональных данных

Рассрочка на 3 месяцаРассрочка
₽ / мес
Рассрочка на 4 месяцаРассрочка
₽ / мес
Рассрочка на 6 месяцевРассрочка
₽ / мес
Рассрочка на 10 месяцевРассрочка
₽ / мес
Рассрочка на 12 месяцевРассрочка
₽ / мес
Полная стоимость курсаСтоимость курса