Зачем фон в инфографике вообще важен
Покупатель на маркетплейсе принимает решение за 2–3 секунды. За это время он видит фото, цвет, текст. И именно фон для инфографики задаёт первое ощущение от карточки — «профи» или «сделано на коленке».
Неудачный фон убивает даже хороший контент. Пёстрый узор отвлекает от текста. Слишком тёмный поглощает иконки. Слишком светлый сливается с фоном самого маркетплейса. Всё это — потерянные клики и упущенные продажи.
Хороший фон, наоборот, усиливает послание: текст читается легко, товар выглядит выгодно, стиль вызывает доверие. Это не второстепенная деталь — это основа всей карточки.
Какие бывают фоны для инфографики: обзор вариантов
Перед тем как искать ресурсы, разберитесь, что вам вообще нужно. Фоны делятся на несколько типов — у каждого своя область применения.
Однотонный (плашечный) фон
Самый универсальный вариант. Один цвет, никаких текстур и узоров. Идеально работает для карточек с большим количеством текста и иконок — ничто не отвлекает взгляд от информации.
- Плюсы: просто, чисто, работает для любого товара
- Минусы: может выглядеть скучно в конкурентных нишах
- Когда использовать: базовые карточки, строгий b2b-товар, медицина, техника
Градиентный фон
Плавный переход от одного цвета к другому. Добавляет глубину без лишней детализации. Популярен в косметике, товарах для дома, электронике.
- Плюсы: современно, динамично, выделяется на полке
- Минусы: нужно следить, чтобы текст был читаем на обоих концах градиента
- Когда использовать: красота, мода, гаджеты, спорт
Текстурный фон
Мрамор, дерево, ткань, бетон — имитация материала. Придаёт карточке «вещественность» и связь с товаром.
- Плюсы: создаёт настроение и ассоциации
- Минусы: легко перегрузить, сложно совместить с текстом
- Когда использовать: декор, еда, хендмейд, натуральная косметика
Паттерн (геометрия, орнамент)
Повторяющийся узор: точки, линии, ромбы, волны. Хорошо смотрится как фоновая подложка с низкой насыщенностью цвета.
- Плюсы: брендово, запоминается
- Минусы: рискованно — легко сделать «кричащий» вид
- Когда использовать: детские товары, праздничная тема, одежда
Размытое фото (боке)
Настоящее фото с сильным размытием. Создаёт контекст — например, размытая кухня как фон для посуды. Выглядит живо и тепло.
- Плюсы: атмосферно, человечно
- Минусы: нужен качественный исходник, иначе выглядит дёшево
- Когда использовать: еда, товары для дома, товары lifestyle
Где скачать фон для инфографики: 8 проверенных источников
Вот конкретный список бесплатных и платных ресурсов с пометками — что где искать.
| Ресурс | Бесплатно? | Что есть | Лучше всего для |
|---|---|---|---|
| Freepik | Частично | Градиенты, текстуры, паттерны, абстракции | Разнообразный поиск по стилям |
| Unsplash | Да | Фото с размытием, абстрактные фоны | Живые lifestyle-фоны |
| Pexels | Да | Фото и видео, однотонные фоны | Фото-фоны для карточек |
| Pixabay | Да | Текстуры, паттерны, геометрия | Универсальный выбор |
| Adobe Stock | Нет | Профессиональные фоны, текстуры | Высокое качество для бренда |
| Canva (встроенная библиотека) | Частично | Шаблоны, градиенты, однотон | Быстрый старт без поиска |
| Pattern.css / heropatterns.com | Да | SVG-паттерны | Геометрические фоны под бренд |
| UI Gradients (uigradients.com) | Да | Готовые цветовые градиенты | Быстрый подбор градиента |
Один практический совет: при скачивании всегда берите максимальное разрешение. Для инфографики на маркетплейсе минимальный размер — 900×1200 px, но лучше работать с 2000+ px, чтобы при масштабировании не появилась «каша».
Как выбрать правильный фон: 5 критериев
Скачать фон — полдела. Главное — не ошибиться с выбором. Вот пять вопросов, которые стоит задать себе перед использованием любого фона.
1. Читается ли текст?
Это самый важный критерий. Наложите текст на фон и проверьте: комфортно ли читать с расстояния вытянутой руки? Контраст между текстом и фоном должен быть минимум 4.5:1 по стандарту WCAG. Для быстрой проверки используйте бесплатный инструмент contrast-ratio.com.
2. Соответствует ли фон товару?
Мраморная текстура и детские игрушки — это странно. Пастельный розовый и автозапчасти — тоже не то. Фон должен усиливать ассоциации с товаром, а не конфликтовать с ним. Спросите себя: «Если убрать текст, понятно ли, что продаётся?»
3. Не сливается ли фон с фоном маркетплейса?
Wildberries использует белый фон карточки в каталоге. Если ваш фон тоже белый или очень светло-серый — карточка «растворится». Добавьте хотя бы лёгкую рамку или чуть более тёплый оттенок, чтобы выделиться.
4. Работает ли в мобильной версии?
Больше 60% заказов на маркетплейсах делают с телефона. Мелкие паттерны и сложные текстуры на маленьком экране превращаются в мутное пятно. Проверяйте фон на мобильном ещё до финальной сборки карточки.
5. Соответствует ли фирменному стилю?
Если у вас уже есть несколько карточек в одном стиле — новый фон должен вписываться в эту систему. Разнобой стилей в одном магазине снижает доверие. Лучше один хороший стиль, чем пять «интересных» фонов в разных карточках.
Цвет фона по нишам: практическая шпаргалка
Не нужно угадывать — в дизайне есть устоявшиеся ассоциации цветов с категориями товаров. Используйте это как стартовую точку.
| Ниша | Рекомендуемые цвета | Избегать |
|---|---|---|
| Косметика и красота | Пастельные: розовый, пудровый, лавандовый | Кислотные, тёмно-серый |
| Электроника и гаджеты | Тёмно-синий, графит, холодный серый | Тёплые пастели, яркий красный |
| Детские товары | Жёлтый, мятный, голубой, оранжевый | Тёмные, агрессивные оттенки |
| Продукты питания | Зелёный, бежевый, кремовый, тёплый белый | Синий, фиолетовый |
| Спорт и фитнес | Чёрный, красный, неоновые акценты | Пастели, мягкие тона |
| Товары для дома | Белый, бежевый, серо-зелёный, терракот | Кислотные, пёстрые паттерны |
| Одежда и аксессуары | Нейтральные: белый, кремовый, серый | Слишком яркие — перебьют товар |
Правило 60–30–10: 60% площади занимает основной фоновый цвет, 30% — дополнительный (для блоков, подложек), 10% — акцентный (для выделения ключевых фраз и кнопок).
Типичные ошибки при выборе фона — и как их избежать
Посмотрите на любой маркетплейс — и найдёте карточки с одними и теми же ошибками. Вот самые частые.
Ошибка 1: Слишком насыщенный фон
Ярко-красный или ядовито-зелёный фон буквально «кричит». Покупатель устаёт от такой карточки за секунду. Используйте насыщенные цвета только как акценты — не как основной фон.
Ошибка 2: Фон перекрывает товар
Бывает, что фон настолько яркий или текстурный, что сам товар на нём теряется. Проверьте: товар — главный герой, фон — декорация. Если декорация перетягивает внимание, смените её.
Ошибка 3: Разные фоны в разных слайдах одной карточки
Первый слайд — белый, второй — тёмно-синий, третий — с мраморной текстурой. Это выглядит как несколько разных карточек. Держите один стиль во всех слайдах серии.
Ошибка 4: Низкое разрешение
Скачанный фон 400×300 px, растянутый на весь слайд — это пиксели, размытость и ощущение дешевизны. Минимум 1500 px по короткой стороне, лучше 2000+.
Ошибка 5: Игнорировать сезонность
Новогодняя карточка с красными снежинками в июле смотрится странно. Следите за актуальностью фонов и обновляйте их под сезон — особенно в праздничные периоды.
Часто задаваемые вопросы
Какой фон лучше всего подходит для инфографики на Wildberries?
Для большинства ниш лучше всего работает нейтральный фон: белый, светло-серый или мягкий пастельный тон, соответствующий цвету товара. Главное — высокий контраст с текстом и иконками. Слишком яркие и пёстрые фоны снижают читаемость и CTR карточки.
Можно ли использовать бесплатные фоны из интернета в коммерческих целях?
Зависит от лицензии. Unsplash, Pexels и Pixabay предоставляют изображения по лицензии, разрешающей коммерческое использование без атрибуции. Freepik — частично платный: бесплатные материалы требуют указания авторства. Всегда проверяйте условия лицензии на сайте-источнике.
Какой размер (разрешение) должен быть у фона для инфографики?
Минимум 900×1200 px для вертикального формата (соотношение 3:4, стандарт для WB и Ozon). Для работы с запасом берите 2000×2667 px и выше. Это позволит масштабировать и обрезать без потери качества.
Нужно ли делать разные фоны для разных маркетплейсов?
Базовые размеры у WB и Ozon похожи, но у Ozon карточка иногда отображается с белой окантовкой — это нужно учитывать. По цвету и стилю фона существенных различий нет: единый стиль работает на обоих маркетплейсах. Главное — адаптировать текстовые блоки под требования каждой платформы.
Как быстро создать фон самостоятельно, если нет навыков дизайна?
Самый простой способ — однотонный фон нужного цвета: создайте прямоугольник в редакторе (Canva, Figma или даже Paint) и залейте выбранным цветом. Для градиента воспользуйтесь сайтом uigradients.com: выберите пару цветов и скачайте готовый PNG. Это займёт не больше 5 минут.