Письмо себе-прошлому: твой AI-экран не плох, он просто ничей

Привет, это я. Из ноября 2026-го.

Помнишь вечер, когда ты впервые собрал экран одним промптом и открыл его в браузере? Аккуратный заголовок, три карточки, градиент в углу, кнопка с мягким радиусом. Ты откинулся на стуле и сказал вслух: «Ну вот, а я неделю рисовал».

Я пишу, чтобы ты не торопился с этим восторгом. Не потому, что экран плохой. Он, наоборот, нормальный. Это и есть проблема.

Что ты тогда увидел на самом деле

Ты решил, что модель сделала дизайн. Она сделала среднее. Если не давать ей ограничений, она выдаёт то, что чаще всего встречалось в материалах, на которых училась: самые частые и самые безопасные решения. Статистическая середина. Безопасно, прилично, ничьё.

И дело не только в моделях, не вали всё на них. Они учились на нашем же интернете. Создатель Tailwind публично извинялся за кнопку цвета indigo-500 из Tailwind UI: цвет разошёлся по туториалам и шаблонам, а дальше его, конечно, подхватило всё остальное. Inter стоит шрифтом по умолчанию в массе шаблонов и остаётся одним из самых частых в замерах сайтов. Стоковый вид shadcn/ui с серыми тонами и одинаковыми радиусами узнаётся с первого взгляда. Мы сами проложили эту дорогу, модель просто по ней едет.

Так что не ищи виноватого. Дефолт стал лицом продукта, потому что никто не взял на себя труд сделать лицо.

Не лечи симптом градиентом

Будет соблазн решить, что беда в фиолетовом градиенте. Ты скажешь модели «никаких фиолетовых градиентов», она послушается и принесёт кремовый фон, терракотовый акцент и огромный серифный заголовок. Это уже следующее клише, просто пока свежее. Палитра здесь симптом. Корень глубже: у тебя нет своих ограничений, и модель заполняет пустоту тем, что популярно.

Фраза «сделай не как у всех» ничего не весит. Она описывает, чего ты не хочешь, и ни слова о том, чего хочешь.

Что я теперь делаю до первого промпта

Порядок поменялся полностью. Вот как выглядит у меня начало работы.

Одна фраза про характер. Не «современный и дружелюбный», это подойдёт кому угодно. Скорее что-то вроде «бумажная накладная, которую заполнили карандашом в спешке». Фраза кривая, зато из неё вытекают решения.

Мудборд не из веба. Печать, упаковка, вывески, билеты, этикетки. Если референсы взяты из тех же шаблонов, на которых выросла модель, получишь тот же результат с дополнительными шагами.

Токены раньше кода. Семантические имена, шкала отступов, два-три радиуса, тени по роли элемента. Не «один радиус на всё». Именно одинаковый радиус, одна тень и одна анимация на каждом элементе выдают шаблон лучше любого градиента. Спецификация дизайн-токенов DTCG в октябре 2025 года получила первую стабильную версию: это нейтральный JSON с темами и поддержкой OKLCH, так что файл не привязан к одному инструменту.

Типографика первой. Характерный шрифт для заголовков и спокойный нейтральный для текста. Проверь кириллицу, она отваливается чаще, чем хочется, и проверь лицензию. Честная оговорка: свой шрифт стоит скорости загрузки и иногда доступности, а системный быстр, но безлик. Решай осознанно, а не по умолчанию.

Один мотив, минимум в трёх местах. Форма, линия, паттерн, звук. Допустим, срезанный уголок: на карточке, на кнопке и на индикаторе загрузки. Три повтора, и глаз понимает, что это система, а не случайность. Один повтор выглядит как баг.

Дальше по мелочам, которые решают

Акцент держи редким. Если цветом залито пол-экрана, он перестаёт вести взгляд. Пусть большая часть поверхности будет нейтральной, а цвет появляется там, где нужно нажать или заметить.

Сломай сетку карточек. Три одинаковые плитки в ряд читаются как шаблон раньше, чем читаются слова на них. Чередуй плотные и воздушные секции, дай одной из них асимметрию.

Анимацию ставь по смыслу. Одна выразительная постановка при загрузке работает лучше, чем микроанимации на каждом элементе. И обязательно уважай prefers-reduced-motion: он поддерживается основными браузерами с 2020 года и закрывает требование WCAG об анимации от взаимодействий.

И правь не промпт, а токены. Когда результат не нравится, ты захочешь переписать запрос в пятый раз. Не делай так. Положи скриншот рядом с тремя конкурентами, выпиши, что выдаёт шаблон, и измени значения в токенах. Тогда исправление остаётся в продукте, а не в переписке с моделью.

Чего не делай

Не путай характер с эпатажем. Брутализм ради брутализма без причины читается не как голос, а как ещё один шаблон, только с шипами. Споры о том, честный ли язык у анти-дизайна или это следующее клише, идут до сих пор, и я не берусь их разрешать.

И не жертвуй конвенциями. Навигация, формы и контраст важнее оригинальности. Человек, который не может найти кнопку «Оплатить», не оценит твой мотив срезанного уголка.

Заодно не жди чудес от красоты. Эффект эстетической полезности, о котором пишет Nielsen Norman Group, работает узко: привлекательный интерфейс кажется удобнее и прощает мелкие огрехи, но быстрее пользоваться им не становится. Характер нужен, чтобы продукт запомнили и отличили, а не чтобы скрыть плохой сценарий.

Зачем всё это

Первое впечатление складывается за десятки миллисекунд, раньше, чем ты прочтёшь хоть слово. Характер считывается быстрее смысла. Если за эти мгновения человеку не за что зацепиться, он видит «ещё один такой же» и идёт дальше. К тексту дело даже не доходит.

Поэтому моё главное правило звучит так: пустое место заполняешь ты, пока этого не сделала модель. Придумай фразу, найди мотив, выбери шрифт, запиши токены. Это скучная часть работы, и именно она отличает продукт от результата промпта.

Береги себя и не показывай первый экран директору как финальный.

Твой я.

P.S. В ближайший понедельник открой любой свой экран, сделанный с помощью модели, и закрась карандашом всё, что ты не выбирал сам. Если закрашено почти всё, ты уже знаешь, с чего начинать. Про то, как токены и дизайн-система живут дальше, у меня есть отдельный разбор: дизайн-система как газон.