Формальные поля логотипа

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

Чаще всего это никому не нужно. Не имеет значения, как был построен знак, пока под рукой есть файл с исходником. Никто не будет воссоздавать символ с нуля, отмерять микроны, иксы и шаги, которые призваны оградить знак от непредсказуемости.

Эппл предлагает читателю самому догадаться, где начинаются и заканчиваются эти 5 мм. Дропбокс, хоть и ударился в формализм, но в конце не забыл добавить строку: Ребята, не парьтесь, меряйте на глаз.

* * *
Очевидно, что эти разметки появляются от желания хоть как-то проконтролировать использование логотипа в океане событий. Но составитель этих разметок часто теряет по дороге смысл.

В приведенных примерах самое важное — информация о минимальном размере знака.

* * *
Если только не настаивает клиент, можно смело обходить этот формализм, так как он имеет ряд недостатков. Вот типичный пример формализма:

Выносы

Нередко логотипы имеют выносные элементы. Отмеряя поля строго по их границе, вы сместите знак относительно оптического центра его площадки. В подобных случаях отмерять нужно с учетом выносов, а значит добавлять к чертежу дополнительные указания:

Адаптация

Поля логотипа — это переменная, которая изменяется в зависимости от используемого формата. Можно пожертвовать пространством ради крупности элементов, если очевидны трудности с прочтением.

Плохо:

Размер логотипа не учитывает формат носителя

Хорошо:

Пространство вокруг знака позволяет ближе расположить соседей и сделать всех участников крупнее

Если пренебречь адаптацией, то логотип будет казаться уменьшенной копией родителя. Для наглядности рассмотрим пример с постером:

Постер и все его содержимое механически уменьшили без учета формата и дистанции до зрителя
Адаптированная версия постера предполагает изменение расстояний, кегля, акцентов, чтобы лучше вписываться в формат

Подобный эффект можно наблюдать, если уменьшить текст без корректировки интерлиньяжа.
Плохо:

Правый абзац выглядит как миниатюрная копия левого без поправки на размер всего блока

Лучше:

Важнее адаптировать графику под формат и носитель, чем сохранить константу в полях.

Соприкосновение с графикой

Охранное поле гарантирует, что логотип будет стоять обособленно от соседствующей графики. Возникает вопрос: что считать соседствующей графикой? Фоновый паттерн ведь соприкасается с логотипом. А могу ли я разместить облака за логотипом?

Лучшей иллюстрацией, подтверждающей мои слова, служит нарушение собственных правил Мастеркардом.

Скриншот из гайдлайна
Картинка с сайта

Или вот:

Эппл тоже не спешит следовать собственным правилам.

Скриншот из гайдлайна бэджиков Айтюнс
Ряд бэджиков примыкает к друг другу с нарушением правил

Потому что никому эти правила не нужны.

Технология

Варианты использования логотипа могут зависеть от технологии, которую изначально не закладывали в разработку или разнообразие применения бесконечно.



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

Лазейка

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

Необходимо показать всевозможные варианты использования знака, примеры различных условий, тогда будет понятнее, каким охранным полем руководствуется автор.

В гайдлайне фирстиля Санкт-Петербурга нет ни слова об охранных полях. Зато есть огромное количество примеров жизни логотипа и инструкция к созданию нового знака.

Хороший пример гибкого и удобного правила охранного поля в логотипе «Эрмитажа».

Формулировка оставляет свободу для ребят

Решения

Предположим, что есть жесткое условие для разметки логотипа. Существует несколько способов решить эту задачу неформально.

Фиксированные размеры

Нужно предусмотреть все типовые носители логотипа и зафиксировать размер знака. Легче тем ребятам, логотип которых используется преимущественно в вебе. К примеру, гугл дает четкие размеры в пикселях для иконок:

Хотя и не боится нарушать собственные правила.

В контексте иллюстрации было бы абсурдно следовать правилам, прописанным иконкам

Условные поля

Давать несколько вариантов полей, указывая, какие критичные, а какие предпочтительные.

Набор версий

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

Убеждение

Самый простой и эффективный способ — убедить клиента оставить мягкие формулировки и гибкие правила. За аргумент можно взять приведенные выше ситуации.

* * *
Я тоже сделаю этот пост гибким и мягким. Разметка позволяет избежать сложных и долгих выяснений, как правильно ставить знак. Вероятно, для Tesco проще указать константы, чем бесконечно описывать варианты размещения знака. Если следование правилам охранных полей не навредит макету в целом или лучше раскроет свойства знака, то я бы не сопротивлялся.

Поделиться
Отправить
Запинить
1 комментарий
Александр Левицкий

С таким пониманием дела, и до арт-директора скорее дорастёшь.

Популярное