Курс по инфографике для маркетплейсов — обучение с нуля бесплатно

Бесплатные уроки по инфографике: разберитесь в дизайне карточек и научитесь создавать продающий контент для Wildberries и Ozon.

Хотите освоить основы создания инфографики для маркетплейсов, но не знаете, с чего начать? Этот бесплатный курс от WBCard создан специально для новичков. Вас ждут пошаговые уроки, практические задания и понятные объяснения без лишних терминов.

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

Нет времени учиться? Создайте карточку в онлайн-сервисе WBCard

Почему стоит выбрать обучение в WBCard?

  • Доступность: курс бесплатный и открыт для всех новичков.

  • Простота: пошаговые объяснения понятны даже без дизайнерского опыта.

  • Практика: каждое занятие схоже с реальными задачами для маркетплейсов.

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

Что вы узнаете на курсе?

  • Основы инфографики: выбор стиля, цвета, шрифтов и изображений.

  • Как выделить карточку на маркетплейсе и подчеркнуть преимущества товара.

  • Приёмы, которые повышают конверсию и делают карточку более заметной.

  • Практические задания: создание инфографики для Wildberries и Ozon.

  • Подготовка портфолио: соберите несколько проектов и отработайте навык упаковки информации.

Кому подойдет это обучение?

    • Начинающим: быстрый старт в дизайне инфографики; шаг за шагом вас научат базовым приёмам.
    • Продавцам и менеджерам: продавцам и менеджерам Конструктор поможет отладить процесс и перейти на следующий уровень качества.
    • Маркетологам: Освойте новые возможности для визуализации данных и продвижения.
    • Специалистам и фрилансерам: специалистов и фрилансеров ждут новые знания в области решения практических задач.

 

Начните обучение уже сегодня!

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

WBcard – ваш надежный помощник в мире дизайна инфографики. Обучение бесплатно, доступно и эффективно!

Начните делать инфографику для маркетплейсов прямо сейчас!

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

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

1. Введение. Устройство интерфейса.

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

2. Текстовые элементы

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

3. Графические элементы

Урок посвящён тому, как собирать простую инфографику из базовых фигур — линий, прямоугольников, кругов и прочих форм. Разбираем свойства объектов: заливка, обводка, градиенты, прозрачность и порядок слоёв. Отдельный блок — работа с цветом: подбор палитр, контраст и гармония. В итоге вы сможете делать качественную инфографику; пошаговые задания учат уверенно компоновать элементы.

4. Работа с изображениями

Этот бесплатный урок посвящен работе с изображениями в онлайн конструкторе wbcard.ru. Вы узнаете как пользоваться встроенным фоторедактором, применять фильтры и делать маски.

5. Размер рабочей области

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

6. Дизайн и макеты - загрузка и скачивание

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

7. Навигатор по слоям

В этом уроке расскажем про «Навигатор», про перемещение элементов по слоям, блокировку/разблокировку элементов и про доступ к заблокированным элементам из панели Навигатора.

8. Три базовые встроенные нейронки

На обучении вы узнаете как генерировать при помощи встроенного в Конструктор Искусственного интеллекта фоновые изображения, описание и пять основных преимуществ.

9. Улучшение качества изображения при помощи нейросети.

В этом видео вы узнаете как улучшить качество изображения прямо в нашем конструкторе инфографики. Улучшение делается буквально в один клик. Также расскажем о «подводных камнях» при работе с данным методом.

10. Генерация заднего фона для товара

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

11. Режимы наложения. Создаем свет в сцене.

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

12. Сохранение и загрузка отдельных элементов шаблонов

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

13. Защита карточки. Водяные знаки.

В этом уроке разберём, как защитить карточку от копирования с помощью водяных знаков. Узнаете, как их правильно наносить, какие возможности Wbcard использовать. Полезно для интернет-магазинов и продавцов!

14. Контейнеры. Картинка внутри геометрической фигуры.

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

Архив занятий по онлайн-конструктору инфографики

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

1. Устройство интерфейса

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

2. Картинка внутри геометрической фигуры.

В этом уроке вы узнаете как поместить любое изображение (продукт, фон, произвольную загруженную картинку) внутрь графического примитива — прямоугольника, овала или многоугольника. А еще я расскажу как поместить изображение внутрь иконки. Все эти опции вы найдете на платном тарифе нашего онлайн-конструктора для маркетплейсов — wbcard.ru 

3. Текст.

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

4. Цвет.

Видео о работе с цветовыми палитрами. Просто и доступно о:

  • окрашивании объектов
  • работе с заливкой и обводкой для геометрических фигур и стикеров 
  • копировании цвета от объекта к объекту
  • задании прозрачности

5. Как сохранить картинку, как сохранить макет? Небольшие изменения в интерфейсе.

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

6. Интерфейс - правый тулбокс

В этом небольшом видео подробно рассказывается о возможностях  правого «инструментального ящика»:

  • отмена/возврат
  • копирование
  • перемещение по слоям 
  • удаление
  • блокировка/разблокировка

7. Рисуем всплеск

Учимся создавать всплеск воды и красить его в нужный цвет в бесплатном конструкторе WBCard. Вы узнаете как работать с инструментом «тень» и создавать интересные эффекты. 

8. Контейнеры

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

9. Обновления в интерфейсе.

Сделано по Вашим просьбам. Конструктор инфографики для маркетплейсов wbcard.ru постоянно улучшается и обновляется, ориентируясь на Ваши пожелания. Мы допиливаем интерфейс и добавляем новые фичи. Какие — смотрите в этом ролике.

10. Инструменты для обработки изображений. Редактор. Фильтры.

В том выпуске вы узнаете:

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

11. Машина времени, коллекции шрифтов и цветов. Фотосток.

В этом уроке вы узнаете о недавних обновлениях в нашем конструкторе, сделанных по вашим просьбам:

  • Машина времени — для постоянного сохранения проделанной работы
  • Инструмент ТЕКСТ получил новую функцию и изменился внешне
  • Фотосток — мы добавили в конструктор коллекцию лицензионных фотографий
  • В конструкторе появились коллекции цветов и шрифтов для вашего удобства

12. Таблицы, Навигация по слоям, изменение цвета интерфейса

В этом уроке вы узнаете о нововведениях 2023, которые появились недавно в свежем апдейте бесплатного конструктора инфографики для маркетплейсов wbcard.ru.

Среди новых полезняшек:

  • создание простых размерных таблиц
  • создание шапки таблицы
  • работа с навигатором и слоями
  • переименование элементов в слоях
  • изменение цвета интерфейса

13. ИИ для маркетплейсов. Генерация изображений и генерация текста для карточек

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

Генерируйте контент для карточки в бесплатном конструкторе, не выходя из программы!

В уроке вы узнаете:

  • как при помощи встроенного ИИ сгенерировать изображения для своих карточек
  • как сгенерировать описание
  • как сгенерировать пять преимуществ, просто введя его название

14. Размытие и пикселизация части изображения

Как закрыть часть изображения? В этом уроке расскажем как при помощи пикселизации/размытия и маски эффективно закрыть часть картинки.

15. Рисуем фон при помощи искусственного интеллекта

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

16. Процесс создания дизайна карточки в режиме реального времени.

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

17. Стильная карточка товара мужского худи за 10 минут.

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

18. Маски и режимы наложения

Как использовать любой объект для создания маски? Расскажем в этом видео. 

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

19. Обновление 15_2. ИИ для преобразования карточек Озон 1:1 в 3:4.

Основная фишка данного апдейта в том, что теперь можно из квадрата в один клик сделать 900×1200 без проблем. Мы краем уха услышали новость, что Озон теперь принимает карточки размером 3:4 и решили облегчить жизнь тем из вас, у кого не осталось исходников дизайна, а на руках только квадратная картинка. Функция позволит в один клик дорисовать изображение до прямоугольного (или наоборот — прямоугольное до квадратного размером больше) без обрезки. Интересно? Пробуйте!

20. Прокачанный искусственный интеллект для карточки товара.

Обновление 15_2_2. Мертвые зоны в карточке товара, теперь в рабочей области.  Обновленные нейровозможности для дорисовки фона, дорисовки объектов и удаления объектов.

21. Процесс создания карточки товара для условного БАДа.

Дизайн карточки товара баночки БАДа. Поэтапно — с нуля до готового результата в онлайн-конструкторе инфографики для маркетплейсов wbcard.ru.

22. Новые функции в новом релизе.

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

23. Реалистичная инфографика. Как положить товар в корзину. Работаем с вырезками.

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

24. Дизайн-комбайн. Или автоматизация создания инфографики типовых карточек товара для маркетплейсов.

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

25. Как создать эффект матового стекла для заднего фона карточки товара.

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

26. Как вставить в карточку товара прозрачные предметы

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

27. Новая генеративка

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

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

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

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