Урок 6 из 8 · 25 мин · обновлено

Логотип и фирменный стиль

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

Какие бывают логотипы

Логотип — графический знак, по которому узнают компанию. Он бывает трёх видов:

Вид Что это Пример применения
Знак Символ без слов Иконка приложения, штамп на стакане
Надпись Название, набранное особым шрифтом Вывеска, шапка сайта
Комбинированный Знак и надпись вместе Большинство небольших брендов

Для кофейни «Утро» делаем комбинированный: знак будет жить на стаканах и в иконке сообщества, а полная версия со словом «Утро» — на вывеске и в постах.

Каким должен быть логотип

Хороший логотип отвечает нескольким требованиям:

  • Простой. Его можно нарисовать по памяти за несколько секунд. Детали, которые не видны в маленьком размере, только мешают.
  • Узнаётся в маленьком размере — на иконке сообщества, в печати на стакане, на фирменной наклейке.
  • Работает в одном цвете — чёрным на белом, белым на тёмном. Типография не всегда может напечатать все цвета, а гравировка и штамп всегда одноцветные.
  • Подходит характеру бренда. Для тёплой утренней кофейни — мягкие формы, а не острые углы.
  • Не похож на чужие. Логотип, похожий на известный бренд, вызовет путаницу и юридические проблемы.

От ассоциаций к эскизам

Логотип не рисуют сразу «начисто». Сначала — идеи.

Ассоциации. Выписываем всё, что связано со словом «утро» и с кофейней: солнце, рассвет, горизонт, пар над чашкой, лучи, будильник, первый глоток, дорога на работу.

Эскизы. Делаем много быстрых набросков карандашом или простыми фигурами — хотя бы 20. Не нужно аккуратно: задача — перебрать идеи. Чаще всего лучшая идея появляется не в первом наброске, а в пятнадцатом.

Отбор. Выбираем 2–3 сильных варианта. Для «Утра» лучше всего работает идея чашки, над которой поднимается солнце: полукруг солнца над краем чашки и три коротких луча — как пар. В одном знаке и кофе, и утро.

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

Проверка. Уменьшаем знак до 32 пикселей и до размера штампа на стакане, перекрашиваем в один цвет, ставим на светлый и тёмный фон. Если лучи сливаются в пятно, утолщаем их или убираем один.

Надпись «Утро» набираем шрифтом Lora из урока 4 и немного дорабатываем: выравниваем расстояния между буквами, чтобы слово выглядело цельным.

Фирменный стиль

Логотип — только часть. Фирменный стиль — набор элементов, по которым бренд узнают, даже если логотипа не видно:

  • логотип и его версии: полная, только знак, одноцветная;
  • палитра из урока 3;
  • шрифты и правила их сочетания;
  • графические элементы — например, лучи из логотипа как узор на стаканах и фоне постов;
  • стиль фото — тёплый свет, близкие планы, утренние сцены;
  • тон текста — как бренд говорит с покупателями: «Доброе утро! Ваш кофе готов» вместо «Заказ № 47 выдан».

Именно повтор этих элементов из урока 2 делает вывеску, стакан и пост узнаваемыми как одно целое.

Гайдлайн

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

  1. Версии логотипа и где какую использовать.
  2. Охранное поле — свободное место вокруг логотипа, в которое нельзя ставить другие элементы. Обычно его задают через размер части знака, например высоту буквы «У».
  3. Минимальный размер, меньше которого логотип не печатают.
  4. Палитра с кодами для экрана и для печати.
  5. Шрифты и размеры для заголовков и текста.
  6. Как нельзя: растягивать, поворачивать, менять цвета, ставить на пёстрое фото без подложки.

Отдельный вопрос — товарный знак. Чтобы название и логотип защищал закон, их регистрируют в Роспатенте, а перед этим проверяют, нет ли уже похожих зарегистрированных знаков. Этим обычно занимается заказчик вместе с юристом. Задача дизайнера — предупредить о такой проверке и не копировать чужие знаки.

Попробуйте сами. Придумайте идею логотипа для цветочного магазина «Ромашка у дома». Выпишите 8–10 ассоциаций, сделайте хотя бы 10 быстрых эскизов на бумаге и выберите один. Опишите, как он будет выглядеть в одном цвете и в размере иконки.

Пример ответа

Ассоциации: ромашка, лепестки, дом, крыша, окно, букет, соседи, свежесть, лето, тепло.

Выбранная идея: цветок ромашки, у которого серединка — квадратное окошко, а над ним два лепестка складываются в крышу домика. «Ромашка у дома» читается в одном знаке.

В одном цвете: знак собран из простых форм, поэтому работает и тёмно-зелёным, и белым на зелёном фоне.

В размере иконки: оставляем 6 лепестков, а не 12 — иначе они слипнутся. Окошко-серединку делаем крупнее, чтобы его было видно.

Мини-тест · 4 вопроса

Проверьте себя

Выберите вариант, который кажется вам правильным. В конце вы увидите свой результат и объяснение к каждому вопросу.

  1. Какой из этих логотипов называют комбинированным?

  2. Как проверить, что логотип хорошо работает?

  3. Почему логотип делают в векторе?

  4. Что обычно указывают в гайдлайне фирменного стиля?