Чёрно-белая версия логотипа — зачем нужна и как сделать правильно · Trace Logo's
4 мин чтения 11

Чёрно‑белая версия логотипа — зачем нужна и как сделать правильно

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

Коротко

У любого знака должно быть минимум четыре версии: цветная, чёрная на белом, белая на тёмном (инверсия) и — если в цветной есть градиенты или полутона — специально перерисованный монохром. Просто «обесцветить» цветной логотип нельзя: градиенты превращаются в грязь, а контрастные цвета — в неразличимые оттенки серого. Все версии фиксируются в брендбуке.

Где живёт чёрно‑белый логотип

Монохром — не запасной вариант, а полноценный носитель со своим списком применений:

  • Печать в один цвет — счета, накладные, штампы, факсы (да, они живы в документообороте), газетная реклама. Подробно про подготовку — в статье логотип для печати.
  • Физические техники — гравировка, тиснение, вышивка, штамповка, лазерная резка. Ни одна из них не умеет в градиент.
  • Тёмная тема и инверсия — сайт и приложение в dark mode требуют белой версии знака; цветная с тёмными элементами на тёмном фоне просто исчезает.
  • Водяные знаки — полупрозрачный логотип на фото и документах работает только как монохром.
  • Чужие носители — партнёрские страницы «наши клиенты», титры, пресс‑макеты: там знаки часто приводят к одному цвету, и лучше дать свою версию, чем получить чужую интерпретацию.

Почему нельзя «просто обесцветить»

Наивный способ — открыть цветной логотип и применить «градации серого». Результат почти всегда плох, и вот почему:

Контраст цвета ≠ контраст яркости. Красный и зелёный отлично различимы в цвете, но в серой шкале имеют почти одинаковую яркость — детали, разделённые цветом, сливаются в одно пятно. Проверьте на четырёхцветном колесе Chrome: в наивном ч/б сегменты становятся неразличимы.

Градиенты превращаются в грязь. Переливы, свечение и объём — вся эстетика современных знаков вроде Gemini или Сбера — в монохроме дают мутные растяжки серого, которые не воспроизведёт ни гравировка, ни печать в один цвет.

Тонкие детали теряют опору. Цвет помогает глазу разделять элементы; без него тонкие линии и мелкие контрформы требуют большей толщины и воздуха.

Поэтому монохром не «получают» из цветной версии, а проектируют: градиент заменяют плоской заливкой или контуром, соприкасающиеся цветные поля разделяют просветами, мелочь укрупняют. У хорошо спроектированных знаков — пузырь WhatsApp, самолётик Telegram, «N» Netflix — форма изначально самодостаточна и переживает обесцвечивание без потерь. Это не совпадение: читаемость в одном цвете — классический тест качества логотипа, один из тех, что разбираются в статье про ошибки в дизайне логотипа.

Комплект версий: что должно быть у бренда

ВерсияЧто этоГде используется
Основная цветнаяполный знак с фирменными цветамисайт, соцсети, реклама
Чёрная (positive)100% чёрный по беломудокументы, печать, факс
Белая (negative/инверсия)белый знак на тёмномтёмная тема, тёмный мерч
Одноцветная фирменнаязнак одним фирменным цветомсувенирка, партнёрские макеты

Все четыре — в векторе (это важно, разница с растром объясняет почему), в SVG для экранов и PDF/EPS для типографий — подробнее про векторные форматы отдельно. И обязательно с прозрачным фоном — белая плашка вокруг знака на цветном носителе выдаёт кустарную работу мгновенно.

Как сделать монохром: пошагово

  1. Откройте векторный исходник. Если его нет — сначала переведите логотип в вектор; делать монохром из растровой картинки — двойная работа.
  2. Замените градиенты решением, а не фильтром. Плоская заливка, контурная версия или штриховая пластика — что именно, зависит от знака; автоматическая конвертация не решит за вас.
  3. Проверьте слипание. Уберите цветные границы — и посмотрите, где элементы слились. Добавьте просветы (минимум — толщина основного штриха).
  4. Сделайте инверсию отдельно. Белая версия — не «инвертировать цвета»: оптически белое на чёрном выглядит жирнее, чем чёрное на белом, и иногда требует чуть облегчённых штрихов.
  5. Прогоните тесты. Знак в 16 пикселей (фавикон), распечатка на лазернике, ксерокопия распечатки — если после ксерокса знак читается, монохром удался.
  6. Зафиксируйте в брендбуке. Когда какую версию применять, минимальные размеры, охранное поле.
Быстрая проверка чужих знаков

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

Частая ошибка

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

Итог

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

Библиотека логотипов и эмодзи Скачивайте SVG/PNG бесплатно и экспортируйте в Figma
Открыть каталог