Инфографика в карточке товара — это не просто картинки с текстом. Это ваша единственная возможность провести презентацию товара за 0,5 секунды, пока покупатель скроллит ленту Wildberries или Ozon на экране смартфона.
Ошибка в выборе визуала стоит дорого. Мелкий текст, «пляшущие» буквы или кислотные цвета заставляют мозг напрягаться. А мозг покупателя ленив: если ему сложно прочитать, он просто листает дальше — к вашему конкуренту, у которого всё четко и понятно.
Это подробное руководство написано для селлеров и менеджеров, которые хотят собирать кликабельные карточки без дизайнера. Мы разберем:
- Психологию шрифтов: как управлять эмоциями покупателя.
- Лучшие шрифты для инфографики (бесплатные и с кириллицей).
- Технические нюансы: размер изображения для карточки Wildberries, безопасные зоны и лицензии.
- Как нейросети меняют правила игры в дизайне.
1. Типографика и психология продаж
Прежде чем использовать популярные шрифты, нужно понять, кому и что вы продаете. Визуал текста имеет свой голос. Если вы напишете слово «БЕТОНОМЕШАЛКА» тонким изящным курсивом, покупатель почувствует подвох.
4 архетипа шрифтов в E-commerce
1. Гротески (Sans Serif — без засечек)
Это «рабочие лошадки» маркетплейсов. Прямые, ровные, без лишних деталей.
- Эмоция: Современность, доступность, технологичность, честность.
- Для каких ниш: Электроника, товары для дома, спортинвентарь, одежда (casual/sport), автотовары.
- Примеры: Inter, Roboto, Manrope, Open Sans.
- Почему это топ: Они лучше всего читаются в маленьком размере на мобильных устройствах. Если сомневаетесь — берите гротеск.
2. Антиквы (Serif — с засечками)
Традиционный книжный стиль.
- Эмоция: Премиальность, опыт, доверие, элегантность, «дорого-богато».
- Для каких ниш: Ювелирные украшения, элитная косметика, женское белье, классическая мебель, книги, чай/кофе.
- Примеры: PT Serif, Merriweather, Playfair Display.
- Нюанс: Засечки могут «мылиться» на плохих экранах, поэтому используйте их крупно (для заголовков), а мелкий текст пишите гротеском.
3. Декоративные шрифты (Display)
Создают визуал с ярким характером для привлечения внимания. Они могут быть «рваными», футуристичными, трафаретными или стилизованными под старину.
- Эмоция: Удивление, акцент, принадлежность к субкультуре, праздник.
- Для каких ниш: Товары для праздников, игрушки, геймерские аксессуары, неформальная одежда, фанатская атрибутика.
- Примеры: Russo One (техно), Press Start 2P (пиксельный), Luntik (детский).
- Правило безопасности: Использовать только для 1–2 слов в главном заголовке (H1). Писать ими характеристики — это убийство конверсии. Читать их тяжело.
4. Рукописные шрифты (Script / Handwritten)
Имитация почерка, каллиграфии или надписи маркером. Самая эмоциональная, но и самая опасная группа.
- Эмоция: «Сделано человеком», крафт, тепло, забота, личная рекомендация, натуральность.
- Для каких ниш: Hand-made, товары для творчества, детские товары, эко-косметика, открытки, флористика.
- Примеры: Caveat, Pacifico, Marck Script.
- Как использовать:
- Хорошо: Как маленькая «наклейка» или приписка сбоку («С любовью», «100% эко»).
- Плохо: Набирать ими основной текст. На экране смартфона рукописный текст превращается в нечитаемые каракули.
2. Золотые правила читаемости на маркетплейсах
Ваша инфографика в карточке товара должна работать в экстремальных условиях: маленький экран, низкая яркость, блики солнца.
Правило иерархии (3 уровня)
Не пытайтесь выделить всё сразу. Глаз покупателя должен скользить по маршруту:
- Заголовок (H1): Что это? (Например: «Умная швабра»). Самый крупный кегль, жирное начертание.
- Офферы (H2): Почему это круто? (Например: «Отжим без рук», «Микрофибра в подарок»). Средний размер.
- Технические детали: Размеры, объем
Контраст решает всё
Дизайн — это не красота, это управление вниманием.
- Плохо: Белый текст на светло-сером фоне. Черный текст на темно-синем.
- Хорошо: Белый на черном. Темно-синий на белом. Желтый на фиолетовом.
Лайфхак: Проверка «прищуром». Откройте макет на телефоне, отведите руку и прищурьтесь. Текст превратился в серую кашу? Увеличивайте контраст.
Воздух и отступы
Не лепите текст к краям карточки. Текст должен «дышать».
Интерлиньяж (межстрочный интервал): Не ставьте строки слишком плотно. Оптимальное значение — 1.1–1.2 от размера шрифта для заголовков и 1.3–1.5 для основного текста.
3. Топ-5 бесплатных шрифтов с кириллицей (и где их брать)
Все они доступны в Google Fonts и имеют открытую лицензию. Это идеальный стартовый набор, если вы только начинаете самостоятельно создавать инфографику.
- Inter
- Характер: Максимально нейтральный.
- Фишка: В нем есть специальные цифры для таблиц, которые стоят ровно друг под другом. Идеален для характеристик.
- Montserrat
- Характер: Геометричный, широкий, современный.
- Фишка: В начертании ExtraBold или Black капсом (заглавными) делает заголовок невероятно стильным. Любимчик дизайнеров WB.
- Manrope
- Характер: Очень дружелюбный и современный гротеск.
- Фишка: Отлично читается даже в микро-размере. Хорош для цифр.
- Bebas Neue (внимание: только заглавные!)
- Характер: Узкий, высокий, кричащий.
- Фишка: Экономит место по ширине. Если у вас длинное слово в заголовке — берите Bebas.
- PT Serif
- Характер: Универсальная антиква.
- Фишка: Хорошо работает в паре с PT Sans. Классика русского интернета.
Важно про лицензии:
Шрифты — это интеллектуальная собственность. Нельзя просто скачать что-то с пиратского сайта и использовать его в коммерции (а карточка товара — это коммерция).
- Безопасно: Лицензия OFL (Open Font License) или Apache License (Google Fonts).
4. Технические требования 2025-2026: размеры и «слепые зоны»
Если вы сделаете красивый дизайн, но не попадете в размер, маркетплейс просто обрежет вашу работу или растянет её, превратив в «мыло».
Какой размер изображения для карточки Wildberries?
Стандарт постоянно меняется, но сейчас золотой стандарт — вертикаль 3:4.
- Минимум: 900 × 1200 пикселей.
- Оптимум (HD): 1200 × 1600 пикселей. Если загрузить меньше, при зуме (лупе) покупатель увидит пиксели вместо текстуры ткани.
Размер для Ozon
Ozon более демократичен, но рекомендует придерживаться тех же пропорций для кросс-постинга.
- Рекомендация: 1080 × 1440 px или 1200 × 1600 px.
Безопасные зоны (Safe Zones)
Это критически важный момент. Поверх вашей картинки маркетплейс накладывает свои элементы интерфейса:
- Правый верхний угол: Сердечко («В избранное»). Не пишите там ничего важного!
- Нижний левый угол: Бейджики («New», «-30%», «Хит»).
- Низ карточки: Индикатор слайдов (точки) и кнопка «В корзину» (в мобильной версии иногда перекрывает низ).
Совет: Оставляйте отступы по 40-50 пикселей от краев и не ставьте ключевые офферы (УТП) в углы. Центр и верхняя левая часть — самые безопасные места.
5. Нейросети в дизайне: как Fabula делает всё за вас
Раньше процесс выглядел так: фотограф → ретушер → дизайнер → правки → готовая карточка. Это долго и дорого.
Сейчас эрудированные селлеры используют нейросети. Но просто попросить Midjourney «сделать красиво» не получится — он не умеет писать русский текст и часто галлюцинирует с формой товара.
Здесь на сцену выходят специализированные инструменты, такие как Fabula.
Как это работает?
- Загрузка: Вы даете фото товара (даже снятое на телефон).
- Анализ: Нейросеть распознает объект, удаляет фон, определяет ключевые преимущества товара и ЦА
- Генерация контекста: Вы пишете «крем на камне у воды» — система создает фотореалистичный фон с правильным светом и тенями.
- Типографика: Это киллер-фича. Fabula сама подбирает пары шрифтов, который подходит под настроение фона, и расставляет текст так, чтобы он читался.
6. Как собрать продающую галерею за 5 минут в Fabula
Вместо того чтобы часами двигать слои в Photoshop или искать фрилансеров, попробуйте автоматизацию.
Шаг 1. Загрузите фото.
Обычное фото товара. Фон значения не имеет — Fabula его уберет.
Шаг 2. Выберите сценарий.
Это может быть первый титульный слайд или вся фотоворонка из 5 слайдов
Шаг 3. Добавьте характеристики
Впишите главные преимущества. Система сама подберет смыслы и текста, настроит размеры заголовков и выровняет их по сетке.
Шаг 4. Экспорт.
Скачайте готовый набор в формате 900×1200. Картинки уже оптимизированы по весу для быстрой загрузки.
Ваш личный AI-дизайнер доступен 24/7
Не нужно скачивать шрифты, искать лицензии и учить правила композиции. Просто загрузите фото — Fabula сделает всё остальное и выдаст готовый размер для маркетплейса.
FAQ: Часто задаваемые вопросы
Q: Можно ли использовать Times New Roman?
A: Можно, но не нужно. Он выглядит устаревшим и ассоциируется со скучными документами Word. Если нужна засечка, возьмите PT Serif или Lora.
Q: Какой визуал для карточки товара Wildberries лучше всего конвертит в одежде?
A: Для Fashion-сегмента идеально подходят тонкие гротески (Light/Thin начертания) или стильные антиквы (Bodoni, Didot), но только при условии однотонного фона.
Q: Можно ли делать текст вертикально или по диагонали?
A: Только для коротких плашек (например, «НАЗВАНИЕ БРЕНДА»). Основной текст должен быть строго горизонтальным. Не заставляйте покупателя наклонять голову.
Q: Что делать, если фон пестрый, а дизайн требует оставить его?
A: Используйте «подложку» — полупрозрачный прямоугольник (черный или белый) под блоком текста. Это классический прием, который спасает любую читаемость.