Создание системы дизайна
Создание системы дизайна начинается не с полки компонентов и не с макета главной. Сначала называют язык: из каких атомов собирается форма, какие связи между ними законны, что имеет право мутировать и что обязано остаться собой на любом носителе.
Формула ЮАИ такая: универсальная система дизайна — это атомарный язык элементов, связей и правил, который воспроизводится, адаптируется и мутирует в цифровой и аналоговой среде. Сохраняется не застывшая картинка, а инварианты: смысл, функция, узнаваемость, иерархия и характер встречи с человеком.
1. Система — не библиотека компонентов
Логотип, шрифт, палитра и набор шаблонов — это склад. Склад полезен, но сам по себе не создаёт систему. Система — язык создания и преобразования форм: базовые элементы, правила соединения, поведение, диапазон адаптации, ограничения и принципы применения в разных контекстах.
Библиотека органов ЮАИ — одно из проявлений языка, не весь язык. Карточка смены, сертификат, обложка «ЮАИ Волны» и команда бота могут выглядеть по‑разному и при этом быть одной речью. Если остаться на складе, каждый новый носитель будет изобретать себя заново.
2. Основа — атомарные элементы
Любой объект раскладывают на минимальные управляемые единицы. В цифровой среде это параметры интерфейса, токены, примитивы знака, программные значения. В аналоговой — свойства бумаги, краски, ткани, света, шага человека по площадке, материала таблички.
Точка, линия, плоскость, цвет, масштаб, интервал, форма, движение, звук, фактура — атомы разной природы, но одной лестницы. Пока объект не разобран до этого уровня, его нельзя честно перенести с экрана на лист или со листа на сцену: переносится картинка, а не устройство.
3. Атом описывает не только вид
Атом — не обрезок картинки. Это связка свойств, роли и поведения. Кнопка — не «голубой прямоугольник со скруглением». Это главное действие: состояния, ответ на нажатие, доступность, способ печати плашкой, правила масштаба, голос подписи.
Поэтому один орган корректно живёт на экране, на листовке, на вывеске и в документе. Меняется тело. Роль «сделай шаг» остаётся. Если описан только вид, на новом носителе придётся рисовать заново — и роль почти всегда поедет.
4. Сложное собирают уровнями
Атомы складываются в молекулы, молекулы — в функциональные блоки, блоки — в композиции, композиции — в среды. Связь с исходным принципом не должна обрываться на середине лестницы.
В ЮАИ эта лестница уже названа в основах: от параметра до биосферы. Создание системы значит принять порядок сборки. Главная сайта — организм, не начало. Сертификат, лендинг смены и оформление линейки собираются с той же ступени атомов, а не копией удачного экрана.
5. Единица системы — связь
Список элементов ещё не система. Система хранит отношения. Размер зависит от масштаба носителя. Цвет — от роли, контраста и среды. Типографика — от дистанции чтения. Композиция — от того, держит ли человек телефон, лист А4 или смотрит на баннер с десяти метров.
Поэтому в языке фиксируют не только значения, но правила: что с чем соединяется, в каких пропорциях, при каких условиях и с каким результатом. Без правил остаётся каталог красивых вещей, которые не умеют встречаться.
6. Система не привязана к одному носителю
Не начинают с экрана, с листа или с фреймворка. Начинают с принципов, которые старше носителя: иерархия, пауза, акцент, голос, характер знака. Носитель меняет реализацию. Он не имеет права разрушать идентичность.
Один принцип может сказаться в интерфейсе, в печатном издании, в навигации по территории, в упаковке смены, в движении на сцене, в короткой команде бота. Пост не обязан повторять двенадцать колонок сайта. Он обязан говорить на том же языке.
7. У элемента есть набор преобразований
Мутация — не порча. Элемент может стать крупнее или меньше, плотнее или легче, статичным или движущимся, экранным или материальным — и остаться собой. Узнаваемость и функция не продаются за эффект.
Случайная деформация «чтобы влезло» системой не считается. Мутация — управляемый переход: заданы диапазоны, оси, допустимые отклонения. Телефон сжимает шаг. Печать меняет единицу шага. Сцена меняет дистанцию. Имя роли одно.
8. Мутация встроена в архитектуру
Если каждый новый кадр правят руками, система быстро становится коллекцией исключений. Оси мутации описывают заранее: масштаб, плотность, цвет, контраст, скорость, материал, ориентация в пространстве, интерактивность, степень детализации.
Тогда новая форма наследуется, а не выдумывается. Тема, ширина экрана, печать, крупная форма и короткий канал ленты — разные положения на тех же осях. Исключение «только для этого баннера» не ось, а дыра. Дыры копят, пока язык не перестаёт быть общим.
9. Система описана данными и правилами
Язык должен быть воспроизводим. На экране атомы и связи живут как токены, схемы, параметры, код. На аналоговых носителях — как спецификация материала, допуск производства, модуль в миллиметрах, технология нанесения, ограничение печати и сборки.
Пока правило можно только «почувствовать в макете», его нельзя проверить, передать в другой инструмент и сгенерировать без потери. Переносимость начинается там, где принцип назван так, что его собирают заново — в теме оформления, в типографии, на площадке — и получают ту же роль.
10. Результат — целостная экосистема
Высший уровень системы — не сайт и не фирменный стиль. Это среда, в которой разные носители держат один опыт. Клиент ЮАИ, письмо, сертификат, баннер, документация, бот и пространство лагеря могут быть разными по форме. Они обязаны собираться из общего набора атомов и правил.
Так система ведёт себя как живая структура из основ: элементы переиспользуются, соединяются и мутируют, не распадаясь на сезонный набор вариантов. Человек узнаёт ЮАИ не потому, что везде одна картинка, а потому что везде один язык.
Последовательность сборки
Атомы → связи → компоненты → структуры → носители → экосистема.
На каждом шаге спрашивают одно и то же. Что здесь атом. Какая связь законна. Какой орган уже есть. Какой носитель принимает форму. Какой инвариант нельзя отдать.
Инварианты
Смысл, функция, узнаваемость, иерархия, характер взаимодействия. Их теряют — это уже другой бренд, даже если знак на месте.
Имеет право меняться
Плотность, длина строки, единица шага, материал, наличие движения, физический размер модуля. Это мутация, не измена.
Что фиксируют, когда систему заводят
Не палитру «для сайта». Четыре границы поля.
- Кто встречает язык. Ребёнок, подросток, родитель, вожатый, партнёр, редактор. У каждого свой носитель и свой порог внимания.
- Где язык встречается с человеком. Клиент ЮАИ, лента, письмо, лист А4, баннер, бейдж, сцена, пространство корпуса, чужой канал через API.
- Что узнаваемо везде. Знак, характер цвета, ритм паузы, голос, поведение акцента.
- Что имеет право морфить. Сетка, длина, анимация, физический модуль. Пост не копирует десктоп. Он копирует язык.
Дальше смотрят натуру: что в биосфере ЮАИ уже атом, где язык сломан, какой носитель ещё не описан. Без этого устава анализ не к чему прислонить. Без анализа устав останется текстом над хаосом.

