tenzorНачать
Все статьи

Десять признаков интерфейса, который делала нейросеть

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

Список признаков

  1. Градиенты везде. На кнопках, на фоне, на заголовках, в иконках. Один-два акцента выглядят уместно, градиент на каждом элементе — нет.
  2. Радуга вместо палитры. Цвета, которые не работают вместе. Обычное правило (примерно 70% основного, 30% дополнительного, 10% акцента) нарушается в первую очередь.
  3. Пульсирующие бейджи. Мигающие значки «активно», «новое», «живые данные», за которыми ничего не стоит.
  4. Одинаковые карточки со скруглениями. Один и тот же блок с закруглёнными углами и мягкой тенью кочует из макета в макет.
  5. Эмодзи в интерфейсе. В заголовках разделов, на кнопках, в подписях к полям.
  6. Сбитое выравнивание. Иконки и векторные элементы не встают по сетке, отступы «почти» одинаковые.
  7. Дежурные шрифты. Inter для текста, моноширинный для «технологичности», косые черты в заголовках для того же эффекта.
  8. Лишние объяснения. Куски вашего же задания, выведенные на страницу в виде подписей и подсказок, которые пользователю не нужны.
  9. Матовое стекло на всём. Полупрозрачные панели с размытием как единственная идея оформления.
  10. Слоганы ни о чём. Elevate, Seamless, Empower и приветствие вида «Добро пожаловать, Имя ✨».

Почему модели тянет именно на это

Причина не в отсутствии вкуса, а в устройстве обучения. Модель видела миллионы примеров и выдаёт наиболее вероятное оформление для слов «современный», «красивый», «технологичный».

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

Отсюда простое следствие

Чтобы получить нестандартный интерфейс, недостаточно попросить «сделай красиво»: это и есть запрос на середину распределения. Нужны ограничения, которые из середины выбивают.

Как просить, чтобы не получилось так

Ограничения работают лучше эпитетов. Несколько формулировок, которые заметно меняют результат.

  • Задайте палитру числом. «Три цвета: фон, текст, один акцент. Градиентов нет.»
  • Запретите приёмы явно. «Без размытых полупрозрачных панелей, без эмодзи, без пульсации.»
  • Назовите шрифт и размеры. Любой конкретный шрифт лучше, чем «современный».
  • Дайте референс. Ссылка на сайт, который вам нравится, заменяет три абзаца описания.
  • Опишите тон текста. «Заголовки — по делу, без слов вроде "раскройте потенциал".»
  • Ограничьте плотность. «Один экран — одна мысль, не больше пяти блоков.»

Чек-лист перед показом

Пройдитесь по готовой странице сами, это занимает минуту.

Что проверитьКак исправить в чате
Сколько на странице градиентов«Убери градиенты, оставь сплошные заливки»
Сколько цветов реально используется«Сведи палитру к трём цветам»
Есть ли мигающие элементы«Убери анимацию с бейджей»
Эмодзи в заголовках и кнопках«Никаких эмодзи в интерфейсе»
Текст, который никто не прочтёт«Сократи подписи вдвое, оставь только необходимое»
Выравнивание иконок и отступы«Выровняй по сетке, одинаковые отступы»

Где это особенно заметно

Разница между «сделано моделью» и «сделано человеком» сильнее всего бросается в глаза там, где страницу видит клиент: посадочная страница услуги, форма заявки, портфолио.

В tenzor сайт можно собрать прямо в чате, посмотреть результат в панели рядом с перепиской и править его словами или мышкой в визуальном редакторе. Именно поэтому чек-лист выше полезен: исправить градиенты и палитру — вопрос одной фразы, но её надо произнести.

Как понять, что интерфейс сделала нейросеть?+

Характерные приметы: градиенты на всех элементах, палитра из множества несочетающихся цветов, пульсирующие бейджи, полупрозрачные панели с размытием, эмодзи в интерфейсе и слоганы вида Elevate или Seamless.

Почему модели делают такой дизайн?+

Модель выдаёт наиболее вероятное оформление для слов «современный» и «красивый», то есть усреднённый стиль последних лет. Запрос «сделай красиво» — это и есть запрос на середину распределения.

Как получить нестандартный результат?+

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

Можно ли исправить уже сделанную страницу?+

Да, в диалоге: попросить убрать градиенты, свести палитру к трём цветам, убрать анимацию и эмодзи, сократить подписи. Каждая правка — одна фраза, результат виден сразу.

Что дальше почитать

Соберите страницу и проверьте по списку

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

Открыть чат