Урок 6 из 8 · 25 мин · обновлено
Логотип и фирменный стиль
Какие бывают логотипы и каким требованиям они должны отвечать, как идти от ассоциаций к эскизам, из чего состоит фирменный стиль и что входит в гайдлайн.
Какие бывают логотипы
Логотип — графический знак, по которому узнают компанию. Он бывает трёх видов:
| Вид | Что это | Пример применения |
|---|---|---|
| Знак | Символ без слов | Иконка приложения, штамп на стакане |
| Надпись | Название, набранное особым шрифтом | Вывеска, шапка сайта |
| Комбинированный | Знак и надпись вместе | Большинство небольших брендов |
Для кофейни «Утро» делаем комбинированный: знак будет жить на стаканах и в иконке сообщества, а полная версия со словом «Утро» — на вывеске и в постах.
Каким должен быть логотип
Хороший логотип отвечает нескольким требованиям:
- Простой. Его можно нарисовать по памяти за несколько секунд. Детали, которые не видны в маленьком размере, только мешают.
- Узнаётся в маленьком размере — на иконке сообщества, в печати на стакане, на фирменной наклейке.
- Работает в одном цвете — чёрным на белом, белым на тёмном. Типография не всегда может напечатать все цвета, а гравировка и штамп всегда одноцветные.
- Подходит характеру бренда. Для тёплой утренней кофейни — мягкие формы, а не острые углы.
- Не похож на чужие. Логотип, похожий на известный бренд, вызовет путаницу и юридические проблемы.
От ассоциаций к эскизам
Логотип не рисуют сразу «начисто». Сначала — идеи.
Ассоциации. Выписываем всё, что связано со словом «утро» и с кофейней: солнце, рассвет, горизонт, пар над чашкой, лучи, будильник, первый глоток, дорога на работу.
Эскизы. Делаем много быстрых набросков карандашом или простыми фигурами — хотя бы 20. Не нужно аккуратно: задача — перебрать идеи. Чаще всего лучшая идея появляется не в первом наброске, а в пятнадцатом.
Отбор. Выбираем 2–3 сильных варианта. Для «Утра» лучше всего работает идея чашки, над которой поднимается солнце: полукруг солнца над краем чашки и три коротких луча — как пар. В одном знаке и кофе, и утро.
Доработка в векторе. Выбранный вариант аккуратно собираем в Figma или другом векторном редакторе из простых фигур. Вектор хранит формы как линии и кривые, поэтому логотип можно увеличить до вывески и уменьшить до иконки без потери качества.
Проверка. Уменьшаем знак до 32 пикселей и до размера штампа на стакане, перекрашиваем в один цвет, ставим на светлый и тёмный фон. Если лучи сливаются в пятно, утолщаем их или убираем один.
Надпись «Утро» набираем шрифтом Lora из урока 4 и немного дорабатываем: выравниваем расстояния между буквами, чтобы слово выглядело цельным.
Фирменный стиль
Логотип — только часть. Фирменный стиль — набор элементов, по которым бренд узнают, даже если логотипа не видно:
- логотип и его версии: полная, только знак, одноцветная;
- палитра из урока 3;
- шрифты и правила их сочетания;
- графические элементы — например, лучи из логотипа как узор на стаканах и фоне постов;
- стиль фото — тёплый свет, близкие планы, утренние сцены;
- тон текста — как бренд говорит с покупателями: «Доброе утро! Ваш кофе готов» вместо «Заказ № 47 выдан».
Именно повтор этих элементов из урока 2 делает вывеску, стакан и пост узнаваемыми как одно целое.
Гайдлайн
Гайдлайн — документ с правилами использования стиля. Его отдают заказчику, типографии, SMM-специалисту, чтобы они не испортили стиль. Даже для небольшой кофейни стоит сделать мини-гайдлайн на несколько страниц:
- Версии логотипа и где какую использовать.
- Охранное поле — свободное место вокруг логотипа, в которое нельзя ставить другие элементы. Обычно его задают через размер части знака, например высоту буквы «У».
- Минимальный размер, меньше которого логотип не печатают.
- Палитра с кодами для экрана и для печати.
- Шрифты и размеры для заголовков и текста.
- Как нельзя: растягивать, поворачивать, менять цвета, ставить на пёстрое фото без подложки.
Отдельный вопрос — товарный знак. Чтобы название и логотип защищал закон, их регистрируют в Роспатенте, а перед этим проверяют, нет ли уже похожих зарегистрированных знаков. Этим обычно занимается заказчик вместе с юристом. Задача дизайнера — предупредить о такой проверке и не копировать чужие знаки.
Попробуйте сами. Придумайте идею логотипа для цветочного магазина «Ромашка у дома». Выпишите 8–10 ассоциаций, сделайте хотя бы 10 быстрых эскизов на бумаге и выберите один. Опишите, как он будет выглядеть в одном цвете и в размере иконки.
Пример ответа
Ассоциации: ромашка, лепестки, дом, крыша, окно, букет, соседи, свежесть, лето, тепло.
Выбранная идея: цветок ромашки, у которого серединка — квадратное окошко, а над ним два лепестка складываются в крышу домика. «Ромашка у дома» читается в одном знаке.
В одном цвете: знак собран из простых форм, поэтому работает и тёмно-зелёным, и белым на зелёном фоне.
В размере иконки: оставляем 6 лепестков, а не 12 — иначе они слипнутся. Окошко-серединку делаем крупнее, чтобы его было видно.
Мини-тест · 4 вопроса
Проверьте себя
Выберите вариант, который кажется вам правильным. В конце вы увидите свой результат и объяснение к каждому вопросу.
-
Какой из этих логотипов называют комбинированным?
Комбинированный логотип — знак плюс надпись. Их можно использовать вместе или по отдельности: например, только знак на маленькой иконке.
-
Как проверить, что логотип хорошо работает?
Логотип живёт на иконке в соцсетях, штампе, вывеске и стакане. Если в маленьком размере или в одном цвете он превращается в пятно, его нужно упрощать.
-
Почему логотип делают в векторе?
Вектор хранит формы как линии и кривые, а не как пиксели. Растровая картинка при увеличении станет размытой и «зубчатой».
-
Что обычно указывают в гайдлайне фирменного стиля?
Гайдлайн нужен, чтобы любой — типография, SMM-специалист, другой дизайнер — использовал стиль одинаково и не испортил его.