-64%

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

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

Стать дизайнером
24 урока
5 месяцев

Почему именно веб-дизайн

Это востребовано: прямо сейчас открыто более 2500 вакансий веб-дизайнера

Возможность работать удаленно в IT-компании или дизайн-студии

Сможете брать заказы на фрилансе, а значит — быть полностью независимым

Сайты, приложения, логотипы, сторис, карточки — все это создает дизайнер

Для кого курс

Новичкам

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

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

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

Работаете с дизайнерами?

Отлично, курс поможет разобраться в их работе, точнее доносить свои мысли и грамотно ставить ТЗ. Бонус: вы наконец-то научитесь работать в графических редакторах, если много лет откладывали.

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

Видеолекции и конспекты

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

«Стажировка» во время курса

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

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

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

Готовое портфолио

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

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

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

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

Мы отправим вам запись вебинара «Можно ли стать веб-дизайнером с нуля и что для этого нужно» от дизайнера Пикабу и ответим на вопросы по курсу.

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

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

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

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

Пользоваться графическими редакторами

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

Работать в сфере IT или студиях

Выберите, где хотите работать — в 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 спецпроектов с различными механиками.

Юлиана Букарева

Юлиана Букарева

Веб-дизайнер в рекламном отделе, иллюстратор

Работаю в сфере рекламы и дизайна около четырех лет, из них больше года в вебе.

Данил Щербаков

Данил Щербаков

UX/UI-дизайнер

Более десяти лет работаю в сфере дизайна, из них три года в дизайне интерфейсов.

Сергей Шабанов

Сергей Шабанов

Дизайнер в коммерческом отделе Пикабу

Более 10 лет в сфере дизайна. Работал в компаниях Nintendo, Creagames, Пикабу.

Игорь Урманчиев

Игорь Урманчиев

Куратор курсов по дизайну, дизайнер Mango Office

Более 10 лет в сфере digital, работал с Hyundai, KIA, LG Electronics, ИКЕА и другими компаниями.

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

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

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

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

Владимир Арсентьев

Владимир Арсентьев

Lead designer в МТС

В сфере IT с 2015 года, работал такими компаниями как X5 RETAIL GROUP, МТС и другими компаниями.

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

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

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

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

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

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

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

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

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

-64%

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

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

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