Как сделать охранное поле логотипа в фотошопе
Как просто и лаконично упаковать 10 лет развития корпоративного стиля компании? Создать единый брендбук с описанием всех фирменных элементов бренда.
Что такое брендбук
В дизайнерской среде руководство по использованию фирменного стиля принято называть брендбуком (Brandbook - англ., дословно “книга бренда”). Оформить его можно в виде небольшой брошюры, буклета или целой книги в PDF формате.
Если разобраться, то брендбук более обширное понятие, ведь он включает в себя историю бренда, его философию, особенности развития, правила использования фирменного стиля, логотипа, нейма . и много еще чего.
А основной блок информации, посвященный использованию элементов фирменного стиля, правильнее будет назвать гайдлайном. Однако исторически так сложилось, что любое руководство по использованию фирменного стиля принято называть брендбуком, даже если оно занимает от силы всего 2-3 листа.
Кому брендбук необходим
Брендбук должен отражать стиль компании, показывать как можно, а как нельзя использовать элементы бренда. Начинать думать о брендбуке стоит тогда, когда компания начинает работать со сторонними маркетологами, дизайнерами и менеджерами, а также требуется взаимодействие с журналистами, подрядчиками и партнерами. Поэтому брендбук — это история больше про средний и крупный бизнес.
Открытие франшизы . Упаковка бизнеса в франшизу — дело, которое требует целой кипы презентаций, в том числе, и руководства по использованию фирменного стиля. Каждая новая точка продаж, открытая вашим франчайзи, должна соответствовать общей концепции бренда. А откуда ее взять? Правильно из брендбука!
Аутсорс сотрудников . Когда в штате нет постоянных дизайнеров, копирайтеров или маркетологов, то чтобы не было "отсебятины" нужно своевременно передавать привлеченным сотрудникам руководство по стилю.
Развитие бизнеса . По мере продвижения компании придется сотрудничать с различными подрядчиками по установке наружной рекламы и вывесок, с агентствами по интернет-продвижению и дизайну коммерческих помещений, а также с типографиями.
Важный итог. Брендбук экономит время и деньги, ведь он помогает быстро находить общий язык с привлекаемыми к работе сотрудниками или подрядчиками. А также брендбук показывает, как в реальности на носителях будут выглядеть те или иных элементы корпоративного стиля.
Формат брендбука: какой выбрать
Тут все строго индивидуально и жестких критериев к оформлению брендбука нет. Во многом все зависит от того количества информации, которая у вас есть, а также от общей стилистики бренда.
Например, оформить брендбук можно в формате горизонтальной или вертикальной книги. А можно сделать в виде брошюры или создать для него отдельную интернет-страницу.
Готовый документ нужно сохранить в формате PDF.
Структурные элементы брендбука
Из чего состоит брендбук? На этот вопрос также нет однозначного ответа, ведь информация в брендбуке может касаться идеологии бренда и правил фирменного стиля. А может демонстрировать только руководство по использованию логотипа.
Мы перечислим основные разделы, которые обычно включают в книгу бренда, а вы уже можете менять, дополнять и переставлять их на свой вкус.
Философия и идеология бренда
Раздел, где можно подробно рассказать про ценности и философию компании, сформировав особое отношение и понимание у аудитории, для которой предназначен брендбук.
Можно указать следующие элементы:
● Видение — куда стремится компания;
● Миссия — ради чего ваш бренд работает;
● Ценности — принципы, которыми вы руководствуетесь в работе.
Это не самая важная часть брендбука, поэтому посвящать ей массу внимания не стоит. Важно просто на 1-2 страницах лаконично описать видение и концепцию вашего бренда.
Фирменный стиль
А вот и тот самый гайдлайн, или самая важная часть брендбука, ради которой мы все собрались.
Нейминг (название бренда)
Уточните правила написания названия. В некоторых компаниях допустимо писать нейминг как латиницей, так и кирилицей. Также в этом разделе можно рассказать о происхождении нейминга и о его значении, показав варианты правильного и неправильного написания нейма.
Логотип
Раздел, где вы покажите свой логотип и все его варианты использования. Может потребоваться печать логотипа на сувенирной или корпоративной продукции, поэтому необходимо показать как будет выглядеть лого на разных фонах, а также продемонстрировать как этот самый лого использовать нельзя.
Покажите сколько свободного пространства должно быть по краям логотипа, посвятив один лист охранному полю. А также продемонстрируйте минимальный и максимальный размер логотипа. Например, в печатной продукции лого не должен занимать больше 1/8 части страницы или быть не менее 20 мм шириной:
В этой статье мы постараемся ответить на два самых важных вопроса:
— Что такое «вылеты под обрез»?
— Что такое «охранное поле», «безопасное поле» или «зона безопасности»?
Итак, начнем с первого пункта.
Что такое «вылеты под обрез»?
Есть универсальный термин и называется он «Bleed Margin», с английского языка он переводится разными компаниями по-разному:
«вылеты НА обрез», «вылеты ЗА обрез», «вылеты ПОД обрез», «припуски на обрез», а если дословно, то слово «Bleed», переводится как «кровоточить» и сразу не сулит ничего хорошего! ;)
Назовем их «вылеты ПОД обрез».
Говоря понятным языком — это часть вашего макета, которая в процессе изготовления срежется и в итоге получится изделие именно того размера, который вы планировали.
Вот простая иллюстрация на пример листовки А4 формата (210x297 mm.)
Размер А4 и размер А4 с учетом «вылеты ПОД обрез»
Разберемся подробнее, зачем файл, который мы отправляем в типографию должен быть бОльшего размера, чем нам нужно:
• При печати и последующей резке есть техническая погрешность 0,5-1 мм. Если не сделать «вылеты ПОД обрез», то в 90% готовых изделий будет белая рамка, из за особенностей резки.
• К погрешности резки так же добавляется усадка материала (бумаги) в процессе печати и /или в процессе ламинирования и других вариантов постпечатной обработки.
Что такое «охранное поле», «безопасное поле» или «зона безопасности»?
Охранное поле или «Safety area» — это поле внутри вашего макета, в котором мы рекомендуем разместить все важные элементы. Так они будут находиться на оптимальном расстоянии от края изделия.
Охранное поле визитки.
Что нужно «охранять»?
— Иллюстрации или графика
Всё то, что должно оставаться в целостности и не должны быть срезано.
Вот пример 2х макетов.
1) Элементы расположены с учетом охранного поля.
2) Элементы расположены без учета поля, но эти элементы не должны обрезаться
Как избежать ошибки?
В нашей инструкции мы покажем как правильно создать шаблон макета в трех популярных графических редакторах с учетом «вылетов» и «охранного поля»:
Пошаговая инструкция.
Дальше много текста и картинок:
Пошаговая инструкция по созданию стандартной визитки на примере редактора CorelDraw.
Выставляем размер страницы 90x50 мм.
Выделяем элементы и задаем им размер, на примере назначаем размер птички - 47х40 мм.
Размещаем элементы на визитке.
Создаем фон визитки, для этого левой кнопкой мыши два раза нажимаем на кнопку - "Прямоугольник".
Левой кнопкой мыши, в правой части экрана, назначаем заливку. На примере 20% серый цвет.
Добавляем "П оля под обрезку" по 4 мм (по 2 мм во все четыре стороны).
Убираем черную внешнюю рамку, для этого правой кнопкой мыши нажимаем на верхний значок в панели палитры.
Создаем прямоугольник в готовый размер визитки, для этого дважды нажимаем на кнопку - "прямоугольник".
По умолчанию прямоугольник появляется под всеми элементами, перемещаем его, зажимая левую кнопку мыши и перетягивая наверх.
Видим, что на визитке появилась разметка окончательного размера - 90х50 мм. Скопируем прямоугольник для создания "Охранного поля".
Вставляем поверх всех элементов, нажимая правую кнопку мыши на "Слой 1".
"Охранное поле" должно быть на 4 мм меньше, чем готовый размер.
Правой кнопкой мыши, для удобства, задаем цвета прямоугольников. На примере синим цветом указана "Охранное поле", а зеленым - окончательный размер визитки (90х50 мм).
Располагаем важную информацию (текст, изображения и др. элементы, которые не должны быть обрезаны) в границы "Охранного поля" - внутрь синей рамки.
После верстки визитки, удаляем вспомогательную разметку, которую мы делали ранее. После этого визитка готова к печати, осталось экспортировать PDF файл.
Выбираем: Файл - Опубликовать в PDF
Выбираем любой путь на вашем компьютере (п.17), прописываем любое имя файла (п.18). Открываем меню - "Параметры" (п.19).
Во вкладке - "Допечатная подготовка" ставим галочку в пункте - "Порог выхода за обрез" и прописываем значение - 2 мм.
Подтверждаем действие кнопкой - "ОК".
Визитка 90x50 мм готова к печати.
Всё чаще я замечаю, что люди путаются в терминах «логобук», «брендбук», «гайдлайн», называя одно другим, порой даже не понимая, зачем они хотят их заказать и нужны ли они им вообще. Я разработал множество и изучил не меньше логобуков, брендбуков и гайдлайнов. Поэтому в отличие от журналов, ссылающихся друг на друга и уже потерявших первоисточник, могу ссылаться на себя, своих коллег и профессиональную литературу.
Начнём разбор терминологии с самого простого – логобука.
Что такое логобук и что в нем содержится
- основной версии логотипа;
- его альтернативных версиях;
- разных цветовых решениях;
- примерах и правилах его использования;
- недопустимых примерах использования;
- охранном поле;
- построении лого;
- и порой даже о построении новых логотипов для «подбрендов» (филиалов, отделений, дочерних компаний, линейки продукции).
Изучим каждый раздел подробнее.
Форма
Альтернативные версии лого могут представлять собой различные модификации, как по форме, так и цвету.
Так, например, если основной ориентацией логотипа является вертикальная (когда знак находится сверху от подписи), может существовать его горизонтальная версия.
Кроме того, в последнее время замечаю частую необходимость создавать «круглые» версии логотипов. То есть не обязательно в форме круга, но наиболее выигрышно смотрящихся в круглом окошке – для аватаров в соцсетях.
В этом же разделе можно указать минимально возможные размеры логотипа для его отображения на печати и экранах. Также порой разрабатываются упрощенные версии логотипа для использования в очень маленьком размере, например, в фавиконе сайта.
Помимо информации о различных компоновках и формах в логобуке говорится о фирменных цветах логотипа и его альтернативных цветовых решениях:
- упрощенная цветовая гамма,
- версия в оттенках серого,
- монохромная,
- негативная версия.
Разные цветовые решения логотипу нужны, чтобы иметь возможность хорошо ложиться на разные фоны, адаптироваться под ограничения отображения или печати (распечатка на чёрно-белом принтере, монохромная печать организации) и оставаться при этом хорошо различимым и узнаваемым.
Для каждого варианта цвета логотипа в логобуке могут быть показаны примеры приемлемых фонов. Для некоторых лого приемлемым может являться только чистый белый фон. В таком случае при отсутствии оного логотип используется только вместе с белой плашкой (подложкой) под ним.
Охранное поле
Охранное поле – это минимально допустимое пространство вокруг логотипа свободное от других объектов или текста.
Нет никаких строгих стандартов для размера охранной зоны логотипа. Грубо говоря, их устанавливает дизайнер, разработавший логотип и/или руководство по его использованию.
Обычно он прибавляет около 10-15% от ширины логотипа с каждой его стороны. Зачастую для удобства эту величину приравнивают к какому-то небольшому элементу логотипа, например, к одной из букв в названии.
Но раз на раз не приходится, и бывают случаи, когда ширина поля равна ширине всего блока или даже превышает его в несколько раз. Всё зависит от формы, композиции и смысла, который несёт логотип.
Охранное поле необходимо, чтобы быть уверенным в том, что к вашему логотипу не подставят вплотную что-то еще, от чего он может потерять и читаемость, и заметность, и, собственно, обособленность. Да и вообще, согласитесь, неприятно, когда к вам прижимается какой-то незнакомец…
Построение
Далеко не все логотипы могут быть в точности воспроизведены с помощью карандаша, линейки и циркуля (хотя и бытует мнение, что это один из главных критериев «хорошего логотипа»). Однако в логобуках часто помимо словесного описания логотипа размещают и раздел, касающийся его построения.
Если фирменный знак или надпись слишком сложны, чтобы их можно было построить с помощью таких графических примитивов, как окружности и отрезки, то в данном разделе его помещают на модульную (координатную) сетку для более лёгкого воспроизведения на такой же сетке.
Ещё один момент, который редко встречается в руководствах по использованию логотипа, но всё же порой бывает – это рекомендации к построению новых логотипов для брендов, вертикально или горизонтально связанных с существующим.
Как не надо делать
Общеизвестный принцип «разрешено всё, что не запрещено» распространяется и на дизайн. Поэтому кроме вышеперечисленных разделов логобука, рассказывающих о том, как правильно пользоваться логотипом, добавляют ещё один, говорящий о том, что делать недопустимо. Обычно в нем собраны самые популярные издевательства над логотипами, в числе которых:
- перекрашивание отдельных частей или всего лого в целом,
- растягивание,
- перестановка элементов,
- замена шрифта логотипа,
- добавление различных спецэффектов, как тени, блики и прочее.
Все эти ошибки допускают в основном люди, не занимающиеся графическим дизайном профессионально, и этот раздел по большей части ориентирован именно на них.
Вот, в принципе, и всё. Это – примерный список того, что отражается в логобуке. В том или ином варианте может либо чего-то не быть, либо быть дополнительно что-то еще. Всё зависит от логотипа, от бренда, для которого он создавался, и, конечно же, разработчика самого руководства.
Важный момент! Правильнее заказывать логобук сразу вместе с разработкой логотипа (с ценами можно ознакомиться здесь). Только дизайнер, создавший ваш логотип, сможет составить грамотный логобук.
Объясню, где собака порылась. По определению, логотип — это графическое изображение, которое служит для идентификации вашего бренда. Ваш бренд может использовать множество вариаций изображений. От простого и черно-белого знака , как у Nike (Найк), до сложного рисунка с полковником у KFC. Мы стремимся к упрощению и поэтому любое изображение бренда зовем логотипом. Очень часто логотипом называют знак, к примеру, яблоко от Apple и это не совсем правильно. Самый классический пример с логотипом — это Coca-Cola. Изображение бренда Coca-Cola это два слова, между которыми стоит дефис. История возникновения слова логотип не изучена до конца, но есть общепринятое мнение о том, что логотип произошел от древне-греческого λόγος — слово + τύπος — отпечаток, логос и типос. Об этом факте многие из нас не задумываются, поэтому мы привыкли в обиходе любое изображение бренда называть логотипом. Приложил схему пояснениями от Mastercard, что такое «символ» и «логотип» бренда.
Правило №2. Охранное поле логотипа
Это зона вокруг логотипа, которая должна оставаться свободной от любых графических элементов. Всегда окружайте ваш символ бренда свободным пространством. Как правило, дизайнеры берут величины, основанные на элементах знака или логотипа.
К примеру, Mastercard рекомендует оставлять вокруг логотипа охранное поле на величину элемента «х», которая равна ширине «m» в слове «mastercard»
Факт №3. Минимальный размер логотипа
Ваш символ бренда всегда должен хорошо читаться на любых носителях. От самого маленького — на шариковой ручке, до биллборда на улице. Бренд-менеджер обязан знать минимальные размеры, меньше которых нельзя использовать логотип. Для экрана телефона это может быть 25 пиксел, для шелкотрафаретной печати это 9 мм. Размер зависит от разрешения экрана или печатной пластины.
Факт №4. Максимальный контраст с фоном
Всегда обеспечивайте достаточный контраст с фоном, при котором будет использоваться ваш символ. Это важный факт, который многие дизайнеры игнорируют. Размещая символ бренда на контрастном пересечении или ярком фоне вы рискуете потерять контакт потребителя с логотипом.
Факт №5. Как произносить и писать имя бренда
Прописывайте правило в брендбуке, иначе даже вы перестанете понимать, как правильно использовать его в тексте. Соблюдайте правила в руководстве по фирменному стилю и не позволяйте копирайтеру и дизайнеру неправильно писать название компании. Если вы не соблюдаете это правило, то потребитель может решить, что вы разные компании.
Мы в студии Бренда создаем особенные брендбуки и называем их паспортом бренда. Паспорт бренда — это интерактивный сайт, который объединяет ваше облако с файлами, стандарты бренда и руководство по фирменному стилю. Посмотрите паспорт бренда для Новосибирского Инструментального завода или производителя газобетона Сибит .
В мире брендинга много непонятных слов: логобук, гайдлайн, брендбук, ребрендинг, рестайлинг, редизайн. Зачастую и сами дизайнеры путаются в них и в том, какой состав работ прячется за тем или иным названием.
Сегодня я разберу и покажу на примере своего проекта состав логобука, иными словами руководства по использованию логотипа.
Основное начертание логотипа
Логотип — лицо компании. Показываем его основную версию и кратко описываем его смысл.
Охранное поле логотипа
Зона отчуждения вокруг логотипа, которая помогает ему не теряться среди другого контента макет. Эта зона должна оставаться пустой всегда. Исключение составляют фоновые фотографии.
Минимальный размер логотипа
Минимальный размер обуславливается стандартными требованиями типографий к минимальной толщине линий. Если пренебречь этим, рискуете на выходе вместо изящного логотипа получить одно размытое пятно.
Здесь, кстати, Дзен сжал и уменьшил картинку и маленький логотип как раз превратился с это размытое пятно)))
Здесь, кстати, Дзен сжал и уменьшил картинку и маленький логотип как раз превратился с это размытое пятно)))
Основные и дополнительные цвета бренда
Цвет = имидж компании, поэтому всегда необходимо использовать именно подобранные дизайнером цветовые решения. Как и логотип, цвет является важной частью идентичности. Все цвета подбираются дизайнером по международной системе Pantone. Благодаря этой системе, можно быть уверенным, что при печати логотип не уподобится хамелеону и не изменится в цвете.
Использование логотипа на различном цветом и монохромном фоне
Логотип должен всегда быть заметен на макете и контрастен на цветном, монохромном и не однородном фоне. Поэтому заранее подбираются цветовые варианты, которые определяют тот или иной вариант для размещения на макете.
Дополнительные версии логотипа
Основной логотип может иметь сокращенные версии самого себя, например, это распространено в ювелирных брендах, где помимо полного названия могут использовать еще и аббревиатуры. Такие допустимые варианты логотипа тоже указываются в логобуке.
Использование в интернете
На сайтах и иконках логотип должен выглядеть гармонично и соответствовать определенному размеру экрана. поэтому все возможные "цифровые" версии так же указываются.
Недопустимое использование логотипа
Этот пункт, как самый веселый, так и самый грустный, ибо компании без логобука часто становятся жертвами неопытных дизайнеров, которые пытаются внести "свой дизайн" в логотип. В этом разделе можно увидеть то, что было бы, не будь у вас заветного логобука.
—
Хотите разработать логобук, логотип, фирменный стиль или сайт?
* Вы можете узнать стоимость разработки вашего проекта, написав мне в удобный для вас мессенджер по ссылке .
Читайте также: