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

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

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

Для кого курс

Новичкам

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

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

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

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

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

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

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

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

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

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-дизайне
  • Подготовка кейса. Основы создания ролика

Тренажер

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

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

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

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

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

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

Сколько зарабатывают
веб-дизайнеры

от 50 000 ₽

На старте

100 000 - 120 000 ₽

Уверенные специалисты

220 000+ ₽

Руководители отделов

*По данным hh.ru

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

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

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

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

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

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

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

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

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

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

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

Кто преподает

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

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

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

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

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

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

Старший 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

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

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

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

Отзывы студентов и выпускников

Максим

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

Егор

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

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

Анна

Помогает системно структурировать знания, даже если вы уже что-то знаете о дизайне, и начать учиться ПРАВИЛЬНО, если вы делаете первые шаги в профессии. Учиться легко, уроки выстроены так, что самоорганизация дается просто - короткие видео (и конспекты к ним) можно смотреть в удобное время, даже если нет времени сесть за учебу на несколько часов.

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

Юлиана

Курс удается совмещать с основной работой. На обучение трачу в неделю около 10 часов (что-то приходится пересматривать, когда выполняю задания). Часто приходится искать референсы или примеры «устаревшего дизайна» - это сильно развивает насмотренность и учит шире мыслить - не бояться применять что-то интересное в своих учебных работах. На уроках не просто учим функции в Figma, а довольно подробно разбираем что, зачем и как делается в дизайне, на примерах реальных сайтов и любомого Пикабу, конечно!

Вирджиния

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

Важно, что обучаться можно в любое удобное время. Материал чётко структурирован, имеет широкую практическую направленность. Спасибо Pikabu!

Тимур

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

Марина

Мне понравилось потому, что ты работаешь как на настоящем проекте! Всю работу делаешь в Фигме, куратор оставляет в ней комментарии, ты отвечаешь, вносишь правки и собираешь снова обратную связь от куратора, как будто ты джун, а куратор – твой старший коллега (очень добрый коллега))

За курс я сделала одностраничник сразу после базовых уроков – первый проект! Сама не верю))

Второй проект – сайт для спецпроекта Озон, что интересно, для одного этого кейса, надо было сделать 2 похожих, но все же 2 сайта + это мы все оформляли в мобилке и десктопе, рисовали попапы для обеих версий и адаптивы. Тут действий было много, но можно было повторять за преподавателем.

Третий проект – опять с нуля делала сайт, но в этот раз все было посложнее и функций больше, но и знала я тоже больше к этому моменту. Своей идеи у меня не было, поэтому выбрала из предложенных – сайт для экскурсий по ТАРДИС (обожаю Доктора!)

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

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

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

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

Возможна комиссия Яндекс.Сплит при разбивке платежей более чем на 2 месяца