Создание языка дизайна

1. Это язык коммуникации, не украшение

Любое решение что‑то сообщает: предупреждает, объясняет, приглашает, выделяет, успокаивает, ускоряет шаг или собирает доверие. Украшение без роли — шум.

К цвету, форме, масштабу и движению один вопрос: какую информацию или какое чувство они несут? Язык начинается там, где решение работает как знак. Кнопка говорит «сделай шаг». Знак говорит «это ЮАИ». Они не меняются ролями.

2. Словарь элементов

Словарь — атомарные средства: цвет, линия, форма, шрифт, размер, пауза, изображение, пиктограмма, материал, звук, движение. Их не достаточно перечислить. У слова есть свойства, функция и область применения.

Цвет в ЮАИ — не «тот голубой с макета». Это роль: поверхность, текст, действие, отклик, риск. Одно тело в другом контексте читается иначе, поэтому в словаре живут не только параметры, но и семантические роли. Сами шкалы и имена ролей — в главе про токены. Здесь важно другое: нет роли — нет слова, есть пятно.

3. Грамматика соединения

Грамматика говорит, как слова имеют право встречаться. Иерархия, контраст, масштаб, ритм, выравнивание, повтор, группа, равновесие.

Крупный заголовок, короткий текст и одно действие — не куча объектов, а конструкция с порядком чтения. На бумаге ту же конструкцию держат размер плашки, поле вокруг, одна мысль. На территории — величина указателя, шаг между щитами, очередь сообщений. Закон узнаваемости здесь простой: то, что связано ролью, воспринимается как одно ЮАИ. Пиксельный клон не обязателен. Роль обязательна.

4. Синтаксис — порядок появления

Словарь отвечает «из чего». Грамматика — «как соединять». Синтаксис — «в каком порядке встречаться». Он ведёт взгляд, шаг руки, смену экрана, раскрытие смысла, маршрут по площадке.

В интерфейсе это сценарий. На плакате — путь чтения. В навигации лагеря — очередь указателей. В движении — время, пауза, ускорение, переход состояний. Сломанный синтаксис узнаваем: человек не знает, куда смотреть и что делать первым.

5. Семантика связывает форму и смысл

Семантика отвечает, что значит сочетание. Акцент может звать к действию, отмечать отклик или кричать тревогу. Без контекста значение не универсально.

Практическая проверка одной строкой:

Использование [элемента] в [органе или носителе] сообщает человеку [смысл, состояние или действие].

Если строку нельзя закончить, это вкус, не язык. «Голубой на кнопке записи в смену сообщает: главное действие здесь». «Голубой на фоне сцены сообщает…» — если ответа нет, цвет на сцене ещё не слово.

6. Характер и голос

Язык несёт личность. Геометрия, плотность, контраст, детализация, шрифт, материал, характер движения складываются в тёплый ясный день навигатора — не в холод учреждения и не в ярмарочную пестроту.

ЮАИ говорит близко и прямо. Без канцелярита ведомства. Без крика ролика. На сцене можно громче, в памятке родителю — спокойнее. Это морфинг громкости, не смена личности. Если бренд обещает простоту, а композиция перегружена, язык спорит сам с собой.

Кнопка — глагол действия. Ошибка — что сделать человеку, не код. Пост — одна мысль, не пять офферов.

7. Один язык на разных медиа

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

Универсальность — не копия оформления. Экран берёт взаимодействие. Бумага — фактуру и фиксированный кадр. Пространство — маршрут и дистанцию. Звук — тембр и ритм. Общим остаётся способ собрать смысл: иерархия, пауза, одно главное действие, характер знака.

Кнопка сайта, плашка «забронировать» на листовке и короткая команда бота — одна молекула роли. Тела разные.

8. Вариативность и мутация

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

Мутация подгоняет речь под продукт, аудиторию и носитель и оставляет инварианты. Фирменная форма может стать пиктограммой, ритмом на поле баннера, конструкцией на сцене, движением в презентации. Меняются масштаб и поведение. Характер и смысловая связь остаются.

Случайный приём «потому что свежо» — не мутация. Это другой диалект без словаря.

9. Контекст культуры и опыта

Значение собирает не только автор. На чтение влияют возраст, язык, привычка, зрение, социальная среда, свет и дистанция. Ребёнок, родитель и вожатый слышат одну фразу по‑разному.

Поэтому язык не строят из вкуса команды. Его проверяют в живых сценариях на живых носителях. Ищут двусмысленный знак, нечитаемую дистанцию, место, где человек понял элемент иначе, чем задумали. Режим для того, кто здесь впервые, — часть языка, не снисхождение.

10. Язык становится системой через практику

Набор принципов ещё не речь. Речь рабочая, когда разные люди получают согласованный результат. Для этого нужны слова, правила, примеры и антипримеры, органы, токены, инструменты, описание и процесс изменений.

Описать надо достаточно точно, чтобы воспроизвести, и достаточно гибко, чтобы не закрыть новое высказывание. Система дизайна — операционная форма языка: принципы превращаются в повторяемую практику редактора, сборщика, хранителя атомов, типографии и сцены.

Структура языка

Словарь → грамматика → синтаксис → семантика → характер. Практика собирает это в систему.

Как говорят текстом на странице

Мысль начинается с секции. Ширина держится контейнером. Связный текст живёт в абзаце. Код показывают через hljs. Заголовок страницы берётся из метаданных — в обычном режиме его не дублируют в тексте вторым h1. Форму и слайдер не выдумывают: берут органы системы. Это синтаксис контента, не вкус редактора. Разметка органов — в главе про компоненты.

Что язык запрещает

• Элемент без роли — пятно вместо слова.
• Чужой геометрический характер знака.
• Копию сетки туда, где её физически нет.
• Смену личности под носитель: канцелярит в памятке, крик в ленте.
• Мутацию без инварианта: новый акцент «потому что сезон».

Креатив живёт в сюжете, в композиции органа и в сценарии встречи. Кожа и голос уже есть. Их можно мутировать. Их нельзя подменить.