-30%
Веб-дизайнер
Веб-дизайнер проектирует удобные сайты для пользователей, которые отвечают задачам клиента. А еще работает с растровой и векторной графикой. На курсе вы освоите все эти навыки с нуля.
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
Любой тест можно оформить интереснее, чем список вопросов и ответов — нужно только открыть чакры креатива! В этот раз мы сделали игру в жанре файтинга.
Проект «Пикабу.Скидки»
Нерекламный проект Пикабу — новый раздел, посвященный скидкам, промокодам, распродажам и акциям. Пользователи сами предлагают контент и голосуют за лучшие предложения.
-30%
Записаться на курс
Соглашаюсь с офертой и политикой обработки персональных данных
Рассрочка на 3 месяцаРассрочка
₽ / мес
Рассрочка на 4 месяцаРассрочка
₽ / мес
Рассрочка на 6 месяцевРассрочка
₽ / мес
Рассрочка на 10 месяцевРассрочка
₽ / мес
Рассрочка на 12 месяцевРассрочка
₽ / мес
Полная стоимость курсаСтоимость курса
₽