Skip to content
КОНЦЕПТЫ
2 мин. чтенияЧитать на английском

Программная генерация айдентики

Brand-identity exploration большинство недель идёт одинаково. Пять–десять Figma-вариантов руками. Арт-директор выбирает два. Вы делаете ещё десять в этих направлениях. Директор выбирает один. К моменту, когда уходит бренд-бук, ширина всегда была мелкой — вы пробовали то, что пришло в голову, а не то, что было возможно. Директор не просил сотни, потому что сотни не были на столе.

Если wordmark'и и монограммы становятся выходом кода, сотни появляются на столе. Каждый вариант — файл, который дизайнер может посмотреть, форкнуть или продвинуть в финал. Ширина становится параметром, а не бюджетной статьёй.

Программная генерация айдентики относится к wordmark'ам, монограммам и lockup'ам как к выходу кода: набор типизированных примитивов, токены палитры и шрифтов, правила композиции. На выходе — десятки или сотни вариантов за минуты; каждый вариант — файл, который дизайнер может посмотреть, форкнуть или продвинуть в финал.

Когда применять

  • Bren-эксплорация нуждается в широте (бриф не settled).
  • У бренда есть один повторяемый глиф или приём (буквенная форма, знак препинания, цифра).
  • Логопроцесс итеративный, и design record должен сохранять все варианты, а не схлопывать их.

Механизм

1. Библиотека примитивов

Маленький тулбокс эффект-примитивов (10+), каждый — чистая функция над SVG-путями:

  • blob-merge — boolean union наложенных скруглённых форм
  • slice — диагональный разрез + offset
  • wave — синусоидальное искажение baseline
  • mixed-typeface — per-glyph смена шрифта
  • monogram-with-capsules — глиф + прошивающие pill-формы
  • italic-oval — экстремальный курсив + эллиптический контейнер
  • pill-container — равномерный stadium-wrap
  • script-overlay — handwritten-слой поверх геометрической базы
  • ball-joints — терминалы заменены на круги
  • hand-drawn-stroke — jittered stroke offset
  • decorations — навесные элементы (звёздочки, слэши, точки)
  • custom-glyph-builds — per-glyph конструктивная геометрия

2. Слой токенов

Токены палитры и шрифтов живут отдельно. Сначала mono, потом цвет. Каждый примитив потребляет токены; смена палитры — одна правка.

3. Карта style → technique

Документированная таблица от «стилевого прилагательного» к примитиву(ам): crazy yet minimalist → mixed-typeface + slice, cringe → chrome-bevel + emo-heart, normcore → pill-container + flat color. Карта — мост между языком брифа и кодом.

4. Дисциплина без перезаписи

Каждый вариант живёт как отдельный файл (09 / 09b / 09c). Оригинал — часть design record. Это нонегошиабельно: «починка», перезаписывающая предыдущую версию, уничтожает сравнение, ради которого дизайнер и принимает решение.

5. Batch-драйвер

Одна команда перегенерирует все варианты. Идемпотентно — тот же код + те же токены → тот же SVG. Ревью идёт на контакт-листе (PNG-мозаика SVG-каталога), генерируемом параллельно.

Пример — одна brand-эксплорация

Одна пакетная сессия выдала ~125 SVG-вариантов в первом прогоне — по семействам blob / slice / wave / mixed / italic-oval / liquid / overlay / pill / divider / abstract-shatter / cringe-WordArt / crooked / collapse-squash / scary-drip / smiley / chrome-bevel / bubble-glossy / emo-heart / normcore. Latin primary, кириллица там, где семейство вариантов её позволяет.

Конкретный tech stack (Node, opentype.js, paper-jsdom, headless Chrome для preview'ев) и параметры на примитив документированы в generative-logo-design.

Pitfalls

  • Премэйчер-консолидация — схлопывание похожих вариантов слишком рано уничтожает design record. Сначала сохранять, потом курировать.
  • Сцепление токенов — примитив, хардкодящий #0A0A0A вместо COLORS.ink, блокирует смену палитры. Чинить на уровне примитива.
  • Дрейф style-map — когда новый примитив приземляется без строки в style→technique-карте, мост «бриф → вариант» тихо слабеет.

Идёт в паре с

  • primitives-library-first — методологический сдвиг от вариант-за-вариантом-эксплорации к библиотеке примитивов и композиций.
  • generative-logo-design — глубина имплементации: tech stack, код на примитив, boolean-трюки, pitfalls.