Bitiy Pixel Блог

Цвета и шрифты в инфографике карточки: простые правила

Почему это вообще важно

Цвет и шрифт — первое, что считывает покупатель, ещё до того, как прочитает текст. Аккуратная типографика и спокойная палитра создают ощущение «надёжный бренд». Разнобой из пяти цветов и трёх шрифтов — ощущение «слепили на коленке». И это считывается мгновенно, на уровне «нравится / не нравится», без рационального анализа.

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

Цвета: меньше — лучше

Главное правило палитры — ограничение. На всю серию слайдов хватает трёх цветов:

  • Основной фон — нейтральный, светлый, не отвлекающий от товара.
  • Акцентный — для главного: ключевой выгоды, важной цифры. Один, яркий.
  • Текстовый — тёмный, контрастный к фону, для читаемости.

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

Палитра под бренд

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

Шрифты: один-два, не больше

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

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

Читаемость важнее красоты

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

Запомните иерархию: сначала читаемость, потом единство стиля, и только потом «красиво». Если поменять порядок, получится эффектная картинка, которую невозможно понять, — а значит, бесполезная для продаж.

Сделайте инфографику в едином стиле

Аккуратная типографика и палитра под ваш бренд — на всех карточках сразу. Попробуйте бесплатно.

Создать инфографику