Образовательная платформа

Скидка 45% до 28 октября

Полгода обучения бесплатно — первый платёж через 6 месяцев!

Профессия Веб-дизайнер

Профессия Веб-дизайнер

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

На рынке не хватает веб-дизайнеров

Кому подойдёт этот курс

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

  1. Разбираться в структуре и подаче контента

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

  2. Создавать эффектный дизайн

    Сможете профессионально работать с типографикой, палитрой, создавать и добавлять в макет 3D-элементы и анимацию.

  3. Разбираться в специфике цифровой среды

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

  4. Взаимодействовать с разработчиками

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

  5. Вести проекты на фрилансе

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

  6. Проектировать пользовательский опыт

    Узнаете, как составлять Customer journey map, проводить юзабилити-тестирования, анализировать метрики и работать с принципами data driven design.

Помогаем построить карьеру мечты

Карточки вакансий

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

Узнайте, как мы поддерживаем пользователей платформы Skillbox в поиске работы

За 2021 год мы трудоустроили более 1000 специалистов на работу по новой профессии

Отзывы работодателей

  • Помощь в трудоустройстве

    Максим Зубцов

    директор по маркетингу в Checkroi

    Skillbox подбирают кандидатов с горящими глазами и желанием развиваться. Например, руководитель нашего SEO-отдела когда-то был новичком, с которым мы встретились благодаря Центру карьеры.

  • Помощь в трудоустройстве

    Ольга Новодворская

    HR BP в Nauka

    Сотрудничество со Skillbox — это гарантия, что мы получим будущих сотрудников с определёнными знаниями. Новички, которые пришли к нам, выросли и приблизились к middle-уровню спустя 8 месяцев.

  • Помощь в трудоустройстве

    Богдан Пилипенко

    аккаунт-менеджер в Appollo Digital

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

Учитесь сейчас, платите потом!

Расходы за первые 6 месяцев обучения берет на себя Skillbox. В это время вы посещаете занятия и воркшопы, прокачиваете навыки, находите себе работу и начинаете зарабатывать.

Кредитная программа от надёжных банков

  • Для граждан РФ
  • Без первого взноса
  • Без переплаты по процентам
  • Одобрение в день обращения

О Skillbox

Как проходит обучение

  1. Изучаете тему

    В курсе — практические видеоуроки.

    Изучаете тему
  2. Выполняете задания

    В том темпе, в котором вам удобно.

    Выполняете задания
  3. Работаете с преподавателем

    Закрепляете знания и исправляете ошибки.

    Работаете с преподавателем
  4. Защищаете дипломную работу

    И дополняете ею своё портфолио.

    Защищаете дипломную работу

Закрытые мероприятия для студентов

  • Работа преподавателя
  • Работа преподавателя
  • Работа преподавателя
  • Работа преподавателя
  • Работа преподавателя
  • Работа преподавателя

Программа

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

  • 9 курсов
  • 100 тематических модулей

Основные курсы

  1. Веб-дизайн с нуля на Figma

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

    • Введение и первый результат

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

    • Бонус-модуль. Разбор самых частых ошибок начинающих дизайнеров

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

    • Бонус-модуль. Плагины

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

    • Тренды, подготовка, мудборды

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

    • Работа со стилями. Создание GUI

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

    • Главная страница. Первые шаги

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

    • Основы работы с графикой

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

    • Бонус-модуль. Воркшоп с Сергеем Гуровым. Сетка и композиция в дизайне

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

    • Декомпозиция

      Научитесь разбирать и воссоздавать дизайн понравившихся сайтов с помощью принципа декомпозиции. Узнаете, как создать UI-kit для клиентов и разработчиков.

    • Навигация и структура

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

    • Интересная подача информации

      Узнаете, как выгодно представить информацию с помощью таблиц, текстовых блоков, слайдеров, таймлайнов и других элементов интерфейса.

    • Формы и кнопки

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

    • Дизайн-системы

      Узнаете, что такое дизайн-системы, зачем они нужны и как их создавать. Разберёте примеры дизайн-систем и научитесь собирать их на основе своего макета.

    • Адаптивность и мобильная версия

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

    • Цвета и настроение. Промостраница мероприятия

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

    • Декомпозиция промо-страницы

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

    • Анимация в Figma

      Разберётесь с инструментами для создания анимации в Figma, сделаете промо-баннер и замените фоновое изображение.

    • Презентация для клиента

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

    • Передача проекта в вёрстку

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

    • Первый кейс на Behance

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

    • Бонус-модуль. Введение в вёрстку

      Познакомитесь с инструментами для вёрстки и поработаете с системой контроля версий.

  2. Веб-дизайн PRO на Figma

    Прокачаете навыки веб-дизайна, изучите UX, типографику, концептуальный дизайн и копирайтинг. Поработаете в Cinema 4D, Blender, Readymag и Adobe XD.

    • Специализация и личное позиционирование

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

    • Концептуальный дизайн

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

    • Бонус-модуль. Как дизайнеру развиваться и больше зарабатывать

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

    • Введение в UX

      Познакомитесь с UX/UI-дизайном и поймёте роль UX в современных проектах. Изучите особенности работы над продуктовым дизайном.

    • Портреты пользователей и CJM

      Научитесь создавать портреты пользователей, разрабатывать Customer Journey Map и использовать это в дизайне.

    • Иконки

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

    • Типографика PRO

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

    • Бонус-модуль. Работа с данными

      Научитесь работать с вводными от клиента и самостоятельно искать необходимые данные.

    • Readymag

      Познакомитесь с сервисом Readymag и научитесь самостоятельно создавать работающие интерфейсы. Отрисуете макет, добавите анимацию, разработаете мобильную версию и опубликуете проект с помощью сервиса.

    • Продвинутая презентация

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

    • Бонус-модуль. Кейс «РИА Новости»

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

    • Копирайтинг

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

    • Бонус-модуль. Cinema 4D + Blender. Часть 1, 2

      Научитесь создавать рендеры в Cinema 4D, настраивать свет и сцены. Познакомитесь с редактором Blender, cможете создавать визуализации в перспективе и изометрии.

    • Бонус-модуль. Adobe XD

      Научитесь работать с редактором Adobe XD и сможете создавать в нём простые интерфейсные приложения.

    • Кейс на 1000 лайков

      Узнаете, как упаковать дизайн в кейс: научитесь создавать обложку и макропланы, структурировать кейс и делать анимационные вставки. Освоите работу в редакторе Behance.

    • План развития дизайнера на 3 года

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

    • Фриланс для дизайнера

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

  3. UX-дизайн

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

    • Профессия дизайнера в эпоху цифровых перемен

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

    • Дизайн-мышление

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

    • UX-проектирование. Паттерны и психология

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

    • Бонус-модуль. Удобный интерфейс

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

    • Основы юзабилити

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

    • Юзабилити-тестирование

      Поймёте, как проводить юзабилити-тестирование: выбирать респондентов и сценарии.

    • Сервисный дизайн

      Узнаете, какие инструменты использует сервисный дизайнер. Создадите кейс по брифу для аэропорта «Домодедово».

    • Формы и UX-исследования

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

    • Бонус-модуль. Кейс по сервисному дизайну

      Увидите на примере государственного проекта, как сервисный дизайн решает задачи UX и помогает привлекать аудиторию.

    • Бонус-модуль. Проектирование CRM-систем

      Узнаете, как проектировать CRM-системы: выстраивать иерархию элементов и учитывать внутренние бизнес-процессы компании.

    • E-commerce

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

    • UI/Визуальная концепция

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

    • Бонус-модуль. Дизайн-система и паттерны

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

    • Мобильный UX/UI

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

    • Текст в интерфейсе

      Узнаете основные правила интерфейсных текстов и научитесь их писать так, чтобы они были понятны пользователям. Разберётесь, что такое tone of voice, и сможете передавать ценность бренда с помощью текстов.

    • Бонус-модуль. Анимация интерфейсных элементов

      Поймёте, как сделать «отзывчивый» дизайн, и продумаете систему анимации. Познакомитесь с инструментами для анимации макетов.

    • Бонус-модуль. Кейс проектирования для юридических лиц

      Узнаете, как проектировать интерфейсы для юридических лиц: какие есть ограничения и нюансы. Проанализируете кейс «Альфа-банка».

    • Дизайн на основе данных

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

    • Бонус-модуль. A/B тесты

      Узнаете, как тестировать UX-решения с помощью A/B-тестов и использовать метрики. Познакомитесь с примерами продуктовых гипотез.

    • Бонус-модуль. Работа над проектом

      Поймёте, как работают над проектами в топовых дизайн-командах «Азбуки вкуса», «Калашникова» и SimpleWine. Узнаете, как систематизировать знания студии.

    • Успешная презентация

      Научитесь презентовать решения заказчикам, отвечать на вопросы и защищать свои идеи.

    • Бонус-модуль. UX + Agile

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

    • Карьера в UX

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

  4. Figma 2.0

    Вы освоите онлайн-сервис Figma — сможете проектировать и анимировать в нём интерфейсы. Поймёте, как работать над проектом с командой и организовать контроль версий.

    • Интерфейс Figma

      Познакомитесь с онлайн-редактором Figma и изучите его интерфейс и возможности.

    • Работа с графикой

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

    • Модульные сетки и монтажные области

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

    • Настройка компонентов и работа с эффектами

      Разберётесь, как использовать встроенные эффекты Figma и настраивать компоненты.

    • Создание вложенных компонентов. Auto Layout

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

    • Командная работа, контроль версий и передача макета в разработку

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

    • Прототипирование

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

    • Анимация макетов

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

    • Бонус-модуль. Figma plugins

      Узнаете, как можно ускорить и автоматизировать рабочие процессы с помощью плагинов Figma.

  5. Photoshop с нуля

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

    • Введение в Photoshop

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

    • Инструменты

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

    • Работа с файлами и изображениями

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

    • Принципы работы со слоями и масками

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

    • Бонус-модуль. Выделения и маски

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

    • Работа со слоями

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

    • Эффекты

      Узнаете, для чего нужны эффекты и как их применять. Научитесь искать референсы, добавлять объекты на фон, пользоваться стилями, 3D-слоями и художественными эффектами.

    • Продвинутые приёмы обтравки и ретуши

      Узнаете о продвинутых рабочих приёмах для создания теней, отражений и бликов. Изучите функции Quick selection, Select&Mask, Content Avare Fill и Content Avare tool.

    • Принципы построения растровых изображений

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

    • Бонус-модуль. Как освоить Pen tool

      Изучите инструмент Pen tool для создания и редактирования векторной графики.

    • Коллажирование для создания Key-Visual

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

    • Бонус-модуль с Михаилом Никипеловым

      Узнаете о профессиональной ретуши и инструментах реставрации изображений.

    • Бонус-модуль с Павлом Ярцом

      Узнаете, как создавать оригинальные мемы.

    • Создание постера

      Научитесь создавать постеры на основе референсов.

  6. Photoshop PRO

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

    • Введение

      Узнаете, для чего нужен Photoshop и где его применяют. Познакомитесь с историей программы и её влиянием на индустрию. Изучите принципы работы с Adobe Lightroom и Adobe Bridge.

    • Технический дизайн

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

    • Обработка изображений и коллажирование PRO

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

    • Работа с текстом PRO

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

    • Практическое применение Photoshop

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

    • Расширенные возможности

      Узнаете о расширенных возможностях Photoshop — анимации, gif-баннерах и 3D-инструментах. Научитесь пользоваться автоматизацией 120lvl (Generate + Layer Comps).

  7. Анимация в digital

    Вы научитесь превращать статичные макеты в динамичные баннеры и интерфейсы. Сможете создавать трендовые анимации в After Effects и Cinema 4D, прокачаться в motion-дизайне и больше зарабатывать.

    • Анимация иконок

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

    • Анимационные иллюстрации

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

    • Бэкграунды

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

    • Создание анимационного шаблона для Instagram

      Сможете создавать универсальные шаблоны для постов в Instagram: отрисуете их в Photoshop, экспортируете в After Effects, анимируете и добавите звуковые эффекты.

    • Бонус-модуль. Создание нестандартных мокапов в 3D

      Научитесь создавать оригинальные 3D-мокапы.

    • Анимация кейса для Behance

      Подготовите макет для 2D- и 3D-анимации и сделаете кейс для Behance.

    • Инженерная анимация

      Поймёте, как использовать рендер RedShift, работать в After Effects и озвучивать видео. Создадите видеопрезентацию с инженерной анимацией для пассажирского самолёта Airbus A380.

    • Создание видеопрезентации. Раскадровка и 3D-сцены

      Узнаете, как создаются видеопрезентации. Нарисуете раскадровку и соберёте 3D-сцены.

    • Создание видеопрезентации. Анимация иллюстраций

      Отрисуете и анимируете иллюстрации и завершите видеопрезентацию.

Специализация на выбор

  1. Дизайнер промосайтов

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

    • Что такое промосайт

      Вы узнаете, что промосайт — это любой сайт, продвигающий продукт или услугу. Разберётеcь, как он выглядит, чем отличается от других типов сайтов и какие бизнес-задачи решает.

    • Брифинг клиента

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

    • Креативная концепция

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

    • Бонус-модуль. Коллажирование баннера в Photoshop

      Сделаете баннер-коллаж Jeans Star PRO.

    • Дизайн-концепция

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

    • Визуальный дизайн

      Сможете профессионально делать обработку и обтравку фотографий. Узнаете, как создать объёмные изображения для 3D-устройств, и познакомитесь с примерами современного медиаарта.

    • Бонус-модуль. Дизайн-концепция главной страницы за два часа

      Подберёте референсы и создадите дизайн-концепцию главной страницы сайта.

    • Презентация дизайна клиенту

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

    • Бонус-модуль. Отрисовка внутреннего шаблона по готовой концепции

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

    • Анимация в дизайне

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

    • Креативный frontend

      Узнаете, кто такой creative developer и изучите особенности креативной разработки. Поймёте, как с помощью CSS и JavaScript добавить анимацию на сайт и сделать дизайн адаптивным, познакомитесь с дополнительными инструментами разработчика и основами работы с SVG.

    • Бонус-модуль. Создание анимированного макета в Readymag

      Научитесь создавать анимированные макеты на платформе Readymag.

    • Итоговая презентация работы для дизайн-сообщества

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

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

      Узнаете, как правильно перевести текст сайта на английский язык.

    • Проекты международного уровня

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

    • Путь на мировой рынок

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

    • FAQ: отвечаем на вопросы по предыдущим модулям

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

    • Проект со стеклом

      Изучите особенности фотосессий с разными видами стекла и узнаете, какое оборудование нужно фотографу. Познакомитесь с ярким примером такой съёмки — рекламой Coca-Cola.

    • Бонус-модуль. Интервью с сотрудниками студии Lightfarm Brazil

      Узнаете, какой карьерный путь прошёл директор студии. Лидеры отрасли ответят на самые острые вопросы.

  2. Рекламная графика

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

    • Где применяется технический дизайн

      Познакомитесь со спикерами курса и узнаете, где нужна компьютерная графика.

    • Cюжет с людьми: стоковые фото, фотосессия, ретушь

      Узнаете, как подготовить ТЗ на фотосессию и грамотно организовать съёмку. Настроите Adobe Photoshop и познакомитесь с плагином Camera Raw. Научитесь вырезать объекты, создавать фон, делать обтравку волос и ретушь кожи и встраивать объекты в изображение.

    • Особенности работы на международном рынке (Platinum FMD)

      Познакомитесь с директором по постпродакшену Platinum FMD studio Флавио Альбино. Узнаете, как устроена работа зарубежной студии и как начать карьеру в отрасли.

    • Работа в технике Matte Painting: скетчинг

      Узнаете, что такое Matte Painting и как создать эффектную композицию. Научитесь работать с фотостоками, искать исходники, подбирать референсы. Будете быстро создавать скетчи мышкой.

    • Работа в технике matte painting: создание иллюстрации

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

    • Проекты с автомобилями. Часть 1

      Познакомитесь с теорией 2D- и 3D-изображений и научитесь пользоваться рендер-пассами в Photoshop. Создадите иллюстрацию с автомобилем: добавите эффект размытия в движении, отретушируете машину, детально проработаете дальний, средний и передний план.

    • Проекты с автомобилями. Часть 2

      Продолжите работу над иллюстрациями с авто. Углубитесь в ретушь и рендер-пассы.

    • Проект с едой

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

    • Бонус-модуль. Работа в CGI и создание креативных концепций

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

  3. Дизайн мобильных приложений с нуля до PRO

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

    • Введение

      Узнаете, что вас ждёт на следующем этапе обучения.

    • Первый дизайн-макет

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

    • Специфика мобильных платформ

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

    • Подготовка к проектированию

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

    • Поиск вдохновения

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

    • Проектирование

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

    • Визуальная концепция

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

    • Проверка идеи

      Узнаете, как собрать интерактивный прототип в Figma, и научитесь тестировать свои дизайн-идеи.

    • Презентация проекта

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

    • Идеальный макет

      Научитесь создавать UI-kit и работать с компонентами в Figma. Сможете структурировать файлы для комфортной работы с проектом.

    • Адаптация под разные платформы

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

    • Масштабирование и подготовка дизайн-материалов

      Узнаете, как передать дизайн-макет разработчикам без ошибок.

    • Создание кейсов на Behance

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

    • Анимация интерфейсов

      Поймёте роль анимации в интерфейсе и научитесь создавать интерактивные прототипы в Principle.

    • Бонус-модуль. Истории успеха

      Посмотрите интервью сотрудников компании Redmadrobot.

    • Бонус-модуль. Прокачиваем навыки

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

    • Старт проекта

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

    • Исследование

      Узнаете, как проводить первичное и вторичное исследование: анализировать рынок, изучать тренды и отзывы о конкурентах, проводить интервью. Научитесь анализировать результаты в формате Customer Journey Map.

    • Проектирование клиентского опыта и дизайн продукта

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

    • Проектирование UX

      Научитесь проектировать, правильно писать тексты и проводить UX-тесты.

    • Визуальный дизайн

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

    • Проектирование интерфейса

      Узнаете, как проектировать краевые состояния. Изучите возможности нативной кастомизации для iOS и Android. Поймёте, как выглядит инклюзивный дизайн.

    • Интерфейсная анимация и motion-дизайн в мобильных приложениях

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

    • Запуск продукта

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

    • Развитие продукта

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

Курс на выбор

  1. Sketch

    Вы научитесь работать с популярным инструментом в веб-дизайне. Сможете использовать все возможности Sketch и создадите сайт интернет-магазина для портфолио.

    • Базовые знания

      Освоитесь с рабочим пространством Sketch, слоями, горячими клавишами, привязками и направляющими. Изучите принципы работы с кривыми Безье и создадите свои первые объекты в Sketch.

    • Создание объектов

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

    • Систематизация работы

      Изучите символы и библиотеки, а также принципы создания связок и переходов. Поймёте, какие возможности для командной работы над проектом предоставляет Sketch. Изучите 10 популярных плагинов, которые упрощают работу дизайнера.

    • Создание интернет-магазина. Прототип

      Построите путь клиента в интернет-магазине и сделаете интерактивный прототип главной страницы, корзины и выпадающего списка.

    • Интерактивный прототип в Sketch и InVision

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

    • Финализация проекта. Часть 1

      Вместе с преподавателем создадите иконки и обработаете изображения товаров для каталога.

    • Финализация проекта. Часть 2

      Подготовите итоговый дизайн-макет интернет-магазина.

    • Передача в разработку. Кейс для Behance

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

  2. Principle

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

    • Знакомство с интерфейсом программы

      Узнаете, что такое инспектор, найдёте список слоёв, научитесь импортировать элементы и создавать арт-борды.

    • Настройка анимации

      Познакомитесь с панелью анимации: сможете контролировать её длительность и создавать плавные переходы.

    • Скролл-, драг- и слайд-компоненты

      Сможете задавать различные типы взаимодействия для пользователей смартфонов.

    • Драйверы

      Создадите страницу с параллакс-эффектом и сделаете анимацию drag’n’drop.

    • Кейсы AIC: разбор креативных прототипов

      Разберёте прототипы «Азбуки вкуса», «Газпромбанка» и «Банка Возрождение».

    • Создание рабочего прототипа и видео

      Сделаете анимированную презентацию и сможете отправить её клиенту.

  3. Cinema 4D

    Вы с нуля освоите Cinema 4D, научитесь моделировать объекты и работать со светом, анимацией и физикой. Сможете создавать графику для рекламы, кино или ТV, использовать 3D в своих проектах.

    • Введение в Cinema 4D

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

    • Subdivision-моделирование

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

    • Альтернативные способы моделирования

      Познакомитесь с альтернативными способами создания 3D-объектов, эффекторами и модификаторами.

    • Render: свет, материалы и global illumination

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

    • Контрольное задание по пройденным темам

      Создадите проект по моделированию, в котором на практике закрепите материал.

    • Анимация, MoGraph

      Сможете анимировать объекты стандартными способами и в модуле MoGraph.

    • Физика

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

    • Разбор удачных плагинов и финальная сборка проекта

      Познакомитесь с разными плагинами для Cinema 4D, сможете переносить сцены в After Effects и делать там постпродакшн.

    • Разбор кейсов

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

Уже прошли какие-нибудь курсы?

Скажите об этом менеджеру — за этот курс платить не придётся!

Спасибо!

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

Преподаватели

Сергей Попков

Сергей
Попков

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

20+ лет в дизайне. Программный директор Skillbox. Вместе с командой AIC проектирует сайты и мобильные приложения для «МТС», «ВТБ», «Сбера», «Госуслуг», «Азбуки вкуса», Simplewine, «Ашана», «Дом.рф», «Мираторга» и других крупнейших компаний.

Дмитрий Матвеев

Дмитрий
Матвеев

Арт-директор Wildberries
Дмитрий Игошин

Дмитрий
Игошин

Арт-директор AIC
Сергей Киреев

Сергей
Киреев

Арт-директор AIC
Николай Иванов

Николай
Иванов

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

Сергей
Кондык

Motion-дизайнер
Дмитрий Глазырин

Дмитрий
Глазырин

Арт-директор CreativePeople
Александр Ковальский

Александр
Ковальский

Дизайн-директор и основатель CreativePeople
Денис Ломов

Денис
Ломов

Креативный директор Red Collar
Павел Горшков

Павел
Горшков

Ex-дизайн-директор Redmadrobot
Никита Шишкин

Никита
Шишкин

Арт-директор Redmadrobot

Год английского языка

Выполните 3 практических задания из первого курса и получите доступ к урокам и материалам онлайн‑школы КЭСПА на год.

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

Вас ждут:

  • методика ускоренного запоминания слов и грамматики;
  • персональная программа обучения, которая поможет заговорить по‑английски с нуля;
  • 4 индивидуальные сессии по 25 минут с преподавателями, чтобы улучшить произношение.

Ваше резюме после обучения

Андрей Семёнов
  • Должность Веб-дизайнер
  • Зарплата от: 100 000 ₽

Профессиональные навыки:

  • Аналитика, оценка проекта, написание ТЗ
  • Базовое представление об HTML-вёрстке
  • Знание особенностей веб-проектов (респонсив, адаптив)
  • Знание принципов юзабилити сайтов
  • Создание дизайна под разные устройства (десктоп, планшеты, смартфоны)
  • Уверенное владение Photoshop, Sketch, Figma, Cinema 4D, Principle
  • Понимание принципов проектирования и разработки сайтов и интерфейсов
  • Навыки создания иллюстраций
  • Анимация интерфейсов

Диплом Skillbox

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

Диплом Skillbox
  • Старт курса: 29 октября
  • Осталось: 6 мест

Стоимость обучения

Рассрочка без первого взноса
  • 5 955 ₽ /мес
  • 10 828 ₽ /мес

Скидка 45% до 28 октября

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