Как создаётся логотип: от брифа до финальных файлов
Практика4 минРедакция Innovialabs
Коротко
Логотип проходит бриф, исследование, множество быстрых эскизов, две-три проработанные концепции, аккуратную векторную отрисовку и тесты в мелком размере и в одном цвете, а заканчивается набором векторных и растровых файлов с базовыми правилами использования.
Коротко о главном
Профессиональный логотип не рисуется за один присест. У процесса понятные этапы: бриф → исследование → эскизы → концепции → векторная доработка → тестирование → финальные файлы. Каждый этап сужает выбор, поэтому итоговый знак выбирают по причинам, а не только по вкусу.
Этап 1. Бриф
Бриф фиксирует всё, что дизайнер должен знать до начала работы:
- чем занимается компания и для кого;
- атрибуты бренда: три-пять слов о характере (например, надёжный, быстрый, дружелюбный);
- конкуренты и на что логотип не должен быть похож;
- где будет жить логотип: сайт, иконка приложения, вывеска, упаковка, мерч;
- на каких языках и письменностях будет название;
- ограничения: существующие цвета, неизменное название, сроки.
Размытый бриф приводит к бесконечным правкам. Если клиент не может ответить на эти вопросы, сначала проведите короткий воркшоп.
Этап 2. Исследование
- Анализ конкурентов: соберите логотипы ниши и сгруппируйте по типу, цвету и стилю. Ищите клише, которых стоит избегать, и свободные ниши.
- Мудборд: референсы форм, шрифтов и настроения, а не логотипы для копирования.
- Анализ названия: буквы с интересной формой, длина, возможные сокращения.
- Проверка товарных знаков: до вложений в концепцию сделайте базовый поиск похожих зарегистрированных знаков. Окончательную юридическую проверку проводит юрист.
Этап 3. Эскизы
Рисуйте быстро и много, на бумаге или планшете. Исследуйте разные направления:
- шрифтовой логотип (wordmark): название в кастомном или доработанном шрифте;
- монограмма (lettermark): инициалы или одна буква;
- знак: абстрактный или изобразительный символ;
- комбинированный: знак плюс шрифтовая часть.
Не оценивайте слишком рано. Много слабых эскизов — нормальный путь к нескольким сильным идеям. Затем отберите самые перспективные направления.
Этап 4. Концепции
Проработайте две-три концепции, которые действительно различаются, а не являются вариациями одной идеи. Для каждой:
- чистая цифровая версия, сначала в чёрно-белом;
- короткое обоснование: почему эта форма отвечает брифу;
- макет в контексте: шапка сайта, иконка приложения, визитка, вывеска.
Показ в контексте помогает клиенту оценить логотип так, как его будут видеть, а не как картинку на белом слайде.
Этап 5. Векторизация и доработка
Выбранную концепцию перерисовывают в чистый вектор в Illustrator, Figma, Affinity Designer или похожем редакторе.
- Минимум опорных точек, плавные кривые без изломов.
- Сетка или простая геометрия там, где это помогает единообразию.
- Оптические компенсации: круглые формы немного выходят за базовую линию, тонкие элементы корректируют, чтобы они не казались тоньше.
- Кернинг шрифтовой части на глаз, а не только по цифрам.
- Если в логотипе используется готовый шрифт, проверьте, разрешает ли лицензия использование в логотипе, или перерисуйте буквы.
- В финальных файлах переведите текст в кривые и разберите обводки.
Этап 6. Тестирование
Логотип должен выдерживать реальные условия:
- Мелкие размеры: фавикон, иконка приложения, аватар в соцсетях. Детали пропадают, тонкие линии исчезают. Часто нужна упрощённая версия.
- Один цвет: чёрный на белом и белый на чёрном. Если логотип работает только с градиентами или множеством цветов, он не выдержит печать, вышивку и тиснение.
- Фоны: светлый, тёмный, фото, фирменный цвет.
- Формы: внутри круга или квадрата для аватаров.
- Расстояние: как читается на вывеске издалека.
- Письменности: если название существует на кириллице и латинице, проверьте обе версии вместе.
Этап 7. Финальный набор файлов
Клиент должен получить структурированный пакет:
| Категория | Что включить |
|---|---|
| Версии | основная (горизонтальная), вертикальная, только знак, только надпись |
| Цветовые варианты | полноцветный, чёрный, белый (выворотка) |
| Векторные форматы | SVG, PDF, EPS или AI для печати и дальнейшей работы |
| Растровые форматы | PNG с прозрачным фоном в нескольких размерах |
| Малые размеры | набор фавиконов, иконка приложения, аватар для соцсетей |
| Цвета | HEX и RGB для экранов, CMYK и Pantone, если планируется печать |
| Правила | охранное поле, минимальный размер, допустимые фоны, что можно и нельзя |
Называйте файлы понятно, например brand-logo-horizontal-white.svg, и раскладывайте по папкам по форматам.
Частые ошибки
- Начинать с цвета, пока форма не работает в чёрно-белом.
- Показывать десять вариаций одной идеи вместо разных концепций.
- Проверять только в крупном размере.
- Отдавать только PNG, из-за чего клиент не может ни напечатать, ни масштабировать логотип.
- Использовать шрифты без лицензии на применение в логотипе.