Одного логотипа мало: система «квадратный + широкий», от которой счета выглядят сделанными

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

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

Почему один логотип не справляется со всеми задачами

Корень проблемы — пропорции, соотношение ширины и высоты логотипа. У логотипа есть форма, а разные места на документе требуют разных форм. Не существует одного файла, который без компромиссов подойдёт ко всем.

Широкое место

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

Квадратное (или компактное) место

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

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

Как система устроена в InvoiceFlow

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

Именно «сам ставит по шаблону» и делает функцию необременительной. Переключите документ с одного шаблона на другой — и расположение логотипа само подстроится под новую раскладку, потому что шаблон уже знает, широкое у него зарезервированное место или квадратное. Вы ничего не перезагружаете, не переобрезаете и не переставляете. Брендинг просто следует за дизайном.

Встроенный кроппер: довести вариант до ума до отправки

Система логотипов хороша ровно настолько, насколько хороши изображения, которые вы в неё кладёте, а у большинства исходники обрезаны небрежно. Ваш «логотип» может оказаться скриншотом с белыми полями, широким файлом там, где нужен квадрат, или PNG с неудачными отступами, вшитыми в картинку. Растягивание такого файла и порождает вид «почти профессионально».

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

Готовим квадратный вариант

Для квадратного варианта возьмите ту часть бренда, которая читается на малом размере. Часто это сам значок или иконка, либо тесная сложенная версия названия. Кроппером обведите вокруг неё чистый квадрат с равными «полями» со всех сторон — не давайте значку упираться в края. Если у вас логотип «иконка плюс текст», а текст не переживёт ужатия в квадрат, кадрируйте до иконки. Чёткая иконка всегда лучше нечитаемой полной композиции.

Готовим широкий вариант

Для широкого варианта возьмите полную горизонтальную композицию — значок и название вместе, ту самую версию, которую большинство и считает «логотипом». Кадрируйте так, чтобы композиция была по центру с равномерными полями, срезая пустоту, чтобы логотип заполнял полосу шапки, а не плавал в море белого. Цель — аккуратный прямоугольник, который ложится в шапку и выглядит намеренно.

Как логотипы встречаются с 12 шаблонами

InvoiceFlow поставляется с 12 встроенными PDF-шаблонами — clean, professional, bold, elegant, compact, modern, classic, creative, minimal, contractor, striped и installment. Это не двенадцать перекрасок одной раскладки: они по-разному расставляют элементы, в том числе и то, где и как появляется логотип.

• Compact и minimal экономят место и тяготеют к квадратному варианту в углу или рядом с названием — ровно тот слот, где широкий логотип был бы вынужден ужаться до нечитаемости.
• Bold, modern и creative дают шапке простор и хотят широкую композицию, уверенно растянутую по верху.
• Classic, professional, elegant и contractor предпочитают чистую формальную шапку, где широкий вариант читается как солидный и заслуживающий доверия.
• Шаблон installment, построенный вокруг отрисовки графика платежей, всё равно требует, чтобы бренд присутствовал и читался, не тесня график, — снова нужный вариант на нужном месте.

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

Редактор собственных шаблонов

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

Брендинг ради доверия, а не ради тщеславия

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

Сильнее всего это на краях вашей клиентской базы. Давние клиенты знают вас и оплатили бы салфетку с вашим именем. Новые клиенты, крупные клиенты и корпоративные бухгалтерии, которые вас в глаза не видели, могут судить только по документу. Для них разница между логотипом, который выглядит сделанным, и тем, что выглядит «приклеенным», — это часть разницы между «согласовано» и «есть вопросы».

Пятиминутная настройка, которая окупается всегда

Вот вся работа от начала до конца:

1. Найдите лучшие исходники логотипа — в идеале горизонтальную композицию и иконку или сложенный знак. Если есть только широкий файл, квадратный вариант можно вырезать из него (часто это просто иконочная часть).
2. Обрежьте широкий вариант во встроенном кроппере: полная композиция, по центру, поля подрезаны.
3. Обрежьте квадратный вариант: ту часть, что читается на малом размере, чисто обрамлённую с равными отступами.
4. Сохраните оба. На этом всё — дальше дело за шаблонами.
5. Примерьте несколько шаблонов и заметьте, что логотип в каждом выглядит правильно, а затем выберите дизайн по вкусу.

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