Хотите знать, что входит в набор для брендинга? Это не просто папка с логотипами. Это руководство по обеспечению единообразия вашего бренда. В этом руководстве описаны все необходимые ресурсы: от векторных логотипов и цветовых палитр до правил типографики, которые помогут вам избежать непрофессионального вида.
Основные компоненты: «Обязательная программа» для любого бизнеса
Как минимум, ваш набор для брендинга должен включать эти три элемента. Без них у вас не будет функционального набора инструментов для брендинга.
Логотип: больше, чем просто файл
Ваш логотип не является универсальным. Он должен хорошо смотреться как на крошечном значке мобильного приложения, так и на стене здания. Для этого нужен набор логотипов.
Основной логотип: это главный логотип. Версия с полным набором функций, включая товарный знак и любые графические элементы. Это ваш логотип по умолчанию, но зачастую не тот, который вы используете чаще всего.
Дополнительный логотип / Альтернативные варианты: это варианты для разных макетов. Если ваш основной логотип горизонтальный (длинный), дополнительный логотип может быть вертикальным (квадратным). Это даёт вам возможность использовать разные варианты для профилей в социальных сетях или заголовков веб-сайтов.
Подзаголовок / Иконка / Фавикон: это самая упрощённая версия вашего логотипа. Она используется для фавиконов (маленьких иконок на вкладке браузера), иконок приложений и аватарок в социальных сетях.
Монохромная и реверсивная печать: это важный момент, который упускают большинство любителей делать всё своими руками. Вам нужна 100 %-ная чёрная версия и 100 %-ная белая (реверсивная) версия. Что делать, если вам нужно напечатать логотип на футболке тёмного цвета или наложить его на фотографию с множеством деталей? Полноцветная версия не подойдёт.
Цветовая палитра: эмоциональный код вашего бренда
Основные цвета: 1–2 ваших «главных» цвета. Это доминирующие цвета, которые сразу ассоциируются с вами.
Дополнительные цвета: 2–3 акцентных или дополнительных цвета. Они используются для призыва к действию, выделения и придания визуального интереса без ущерба для основных цветов.
Нейтральные: ваши «рабочие лошадки». Это чёрный, белый, серый или бежевый. Они используются для основного текста, фона и для того, чтобы ваши основные и дополнительные цвета могли «дышать».
Для каждого цвета нужны специальные коды. Это не обсуждается.
| Значение цвета | Что Это Такое | Где Вы Его используете |
| ШЕСТНАДЦАТЕРИЧНЫЙ | например, #FFFFFF | Цифровые технологии: веб-сайты, приложения, социальные сети. |
| RGB | например, R(255) G(255) B(255) | Цифровой: то же, что и HEX. Используется в PowerPoint, Word и т. д. |
| CMYK | например, C(0) M(0) Y(0) K(0) | Печать: визитные карточки, флаеры, баннеры, упаковка. |
| Pantone (PMS) | например, PMS 199 C | Профессиональная печать: высококачественная печать обеспечивает 100 % точность цветопередачи на товарах. |
Без этих кодов ваш «фирменный красный» будет выглядеть ярко-оранжевым на одном экране, бордовым на другом, а при печати — как выцветшая лососево-розовая футболка.
Система типографики: голос вашего бренда
Типографика — это визуальное воплощение стиля вашего бренда. Он сильный и смелый (тяжёлый шрифт без засечек)? Элегантный и традиционный (классический шрифт с засечками)? Необычный и современный (уникальный дисплейный шрифт)?
В вашем наборе должна быть эта система.
Шрифт заголовка (H1, H2 и т. д.): это ваш «демонстрационный» шрифт. Он используется для крупных заголовков и привлечения внимания. Он может быть более выразительным.
Основной шрифт: это ваш «рабочая лошадка». Он должен быть, прежде всего, разборчивым. Он подходит для длинных текстов, таких как абзацы, электронные письма и описания.
Акцентный шрифт (необязательно): третий шрифт для особых случаев, например для выделения цитат или призывов к действию.
И что особенно важно, в ваш набор должны входить:
Файлы шрифтов: собственно файлы .OTF, .TTF и/или .WOFF2 (для веб-страниц). Как ваша команда может использовать шрифт, если у неё его нет?
Информация о лицензировании: Вы купили шрифт? Это бесплатный шрифт Google? Вы должны быть ознакомлены с условиями лицензирования для использования в Интернете, печати и приложениях.
Набор «Про-уровень»: переход от стартапа к системе
«Большая тройка» поможет вам начать. Однако профессиональный набор для брендинга, который можно масштабировать в соответствии с потребностями вашего бизнеса и который позволит вам создать по-настоящему единый бренд, включает в себя инструкцию.
Это документ с рекомендациями по фирменному стилю (или «Книга фирменного стиля», «Руководство по стилю»).
Этот документ — Святой Грааль. Это PDF-файл (или веб-сайт), содержащий все основные ресурсы, а также правила их использования. Именно это отличает любительский дизайн от профессионального фирменного стиля.
Вот что входит в набор «Профессиональный уровень».
Правила Использования Логотипа:
Свободное пространство: минимальное расстояние вокруг логотипа.
Минимальный размер: насколько маленьким может быть логотип, чтобы его можно было прочитать.
«Чего не стоит делать»: наглядный список того, чего не стоит делать. (Не растягивайте его. Не добавляйте тень. Не меняйте цвета. Не размещайте его на перегруженном фоне.)
Цветовая иерархия:
Правила использования палитры.
Пример: «Основные цвета должны составлять 60 % дизайна. Дополнительные — 30 %. Нейтральные — 10 %».
Примеры сочетания цветов (например, «Эта синяя кнопка призыва к действию всегда находится на этом белом фоне»).
Голос и тон бренда:
Это словесная часть вашего бренда. Как вы себя преподносите?
Вы: профессионал или шутник? Остроумный или прямолинейный? Вежливы или разговорчивы?
Включает список «слов, которые мы используем» (например, «клиенты», «партнёры») и «слов, которые мы не используем» (например, «покупатели», «пользователи»).
Стиль изображений и фотографий:
Какие фотографии вы используете?
Они светлые и просторные? Тёмные и мрачные?
На них изображены люди или предметы? Они откровенные или постановочные?
Активы бренда и сопутствующие товары
Это библиотека готовых фирменных элементов, которые избавляют вашу команду от необходимости изобретать велосипед (и делать это неправильно).
Фирменные узоры и текстуры: пользовательские фоновые узоры или текстуры, которые используются для придания дизайну визуальной привлекательности.
Иконография: пользовательский набор иконок, выполненных в едином стиле (например, с одинаковым начертанием линий и закруглёнными углами). Благодаря этому иконка «телефона» будет соответствовать иконке «электронной почты».
Социальные сети Шаблоны: Готовые фирменные шаблоны для постов. Вашей команде нужно будет только добавить новый текст и фотографии.
Шаблоны для печати и канцелярских принадлежностей: цифровые готовые к печати файлы для вашей визитной карточки, фирменного бланка и конвертов.
Шаблоны презентаций: фирменный шаблон PowerPoint, Google Slides или Keynote. Это значительно экономит время и обеспечивает единообразие.
Самая непонятная часть: практическое руководство по типам файлов
У вас есть набор. Это папка с файлами. Что теперь делать?
Последний этап — это знание какого файла следует использовать. Если вы выберете неправильный файл, то в итоге получите пиксельный логотип на баннере.
Вот вам практический глоссарий.
| Тип файла | Что это такое («Вибрация») | Когда его использовать (примеры из реальной жизни) | Когда НЕЛЬЗЯ его использовать (опасно!) |
| Вектор: .AI | Основной файл. Adobe Illustrator. | Исходный файл для вашего логотипа. Вы отправляете его дизайнерам или себе на проверку и редактирование. | Вы не сможете открыть это без Adobe Illustrator. Не отправляйте это своему веб-разработчику. |
| Вектор: .EPS | Универсальный вектор. | Куда отправить заказ на печать. Отправьте это в типографию, которая печатает футболки, баннеры и мерч. | Пожалуйста, не размещайте это на своём веб-сайте. Это файл для печати. |
| Вектор: .SVG | Масштабируемая векторная графика Web Vector. | ЛУЧШИЙ файл для логотипов на вашем сайте. Он невероятно чёткий и имеет небольшой размер. | Не отправляйте это на печать (используйте EPS). Не используйте это для фотографий. |
| Растр: .PNG | Прозрачный файл. | Логотипы на вашем сайте (если вы не можете использовать SVG). Любая графика, которой нужен прозрачный фон. | Распечатайте (с низким разрешением). Фотографии (размер файла огромный). Графика на цветном фоне (используйте JPG). |
| Растр: .JPG | Файл с фотографиями. | Изображения из социальных сетей Все фотографии с вашего сайта.. Любое прямоугольное изображение без прозрачного фона. | Ваш логотип (он будет в белой рамке). Все, что требует прозрачности. |
| Другое: .PDF | Файл документа. | Ваша книга с рекомендациями по фирменному стилю. Флаер, готовый к печати. Счет-фактура. | Ваш логотип (если только это не векторный PDF-файл, что довольно сложно). Не используйте его для веб-изображений. |
Простое правило:
Печать? Используйте .EPS.
Веб-логотип? Сначала используйте .SVG, затем .PNG.
Веб-фото? Используйте .JPG.
Нужна прозрачность? Используйте .PNG или .SVG.
Отправить другому дизайнеру? Отправьте файл .AI.
Набор для брендинга — это не просто «приятное дополнение» к бизнесу. Это его фундаментальный актив.