Как я перестал слушать ИИ и сделал сайт, который не стыдно показать

Почему ваш сайт выглядит как сгенерированный ИИ?

Вы замечали, что сайты, созданные с помощью нейросетей, часто выглядят одинаково и неестественно? Я потратил неделю на редизайн своего портфолио и перепробовал десятки вариантов, пока не понял главную ошибку. В этой статье я расскажу, как отличить человеческий дизайн от ИИ-шаблона, и дам конкретные правила, которые помогут вам избежать моих граблей.

Моя ошибка: я слушал ИИ, а не себя

Когда я запустил свой первый сайт-портфолио, я гордился им. Но знакомые говорили: «Выглядит как типичный ИИ». Сначала я отшучивался: «Ну и что?» Но когда увидел в аналитике слово «страшно» — это было неприятно. Я решил разобраться, в чём дело.

Я отправил Gemini проанализировать мой сайт и получил список «маркеров ИИ»: от цветовой гаммы до карточек. Единственное, что выглядело человеческим, — это страница «Обо мне», потому что я написал её сам. Тогда я понял: проблема не в инструментах, а в подходе.

Почему ИИ-дизайн выглядит искусственно

Каждый раз, когда я просил нейросеть сделать дизайн, она выдавала варианты, которые были... архивами. Фильтры, счётчики, поиск — всё это удобно для каталога, но не для рассказа о человеке. Я хотел показать себя, а получалась витрина.

Вот что я делал не так:

• Использовал один и тот же подход — просил «красиво», но не объяснял, кто я.
• Менял цвета (фиолетовый, радуга, жёлтый) — но суть не менялась.
• Доверял ИИ все решения, вместо того чтобы принимать их самому.

Правила, которые спасли мой сайт

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

Правило 1: Никакого «eyebrow» текста

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

Правило 2: Один акцентный цвет

Вместо радуги используйте один цвет и меняйте его прозрачность. Это создаёт глубину без кричащего эффекта.

Правило 3: Два контрастных шрифта

Один — с характером (для заголовков), другой — читабельный (для текста). Это добавляет индивидуальности.

Правило 4: Смещайте элементы

Не выравнивайте всё по сетке. Лёгкая асимметрия делает дизайн живым.

Правило 5: Показывайте суждение

Не перекладывайте все решения на ИИ. Выбирайте сами, даже если потом передумаете.

Правило 6: Описывайте человека, а не работу

Сайт должен рассказывать, кто вы, а не просто перечислять проекты.

Как я применил эти правила на практике

Я попросил Клода сделать «артистичную страницу», а не «дашборд». Это сработало! Появились варианты, которые мне понравились. Жёлтый цвет отлично смотрелся в тёмной теме, но в светлой — выглядел блекло. Тогда я добавил акцентные элементы и смещения.

Вот пример, как можно реализовать такой дизайн на Python (фрагмент для генерации стилей):

# Генерируем CSS-переменные для акцентного цвета
accent_color = "#FFD700"  # золотой
opacity_levels = [0.2, 0.5, 0.8]  # прозрачность для разных элементов

for level in opacity_levels:
    rgba = hex_to_rgba(accent_color, level)
    print(f".accent-{int(level*100)} {{ color: {rgba}; }}")

def hex_to_rgba(hex_color, alpha):
    """Преобразует HEX в RGBA с заданной прозрачностью"""
    hex_color = hex_color.lstrip('#')
    r = int(hex_color[0:2], 16)
    g = int(hex_color[2:4], 16)
    b = int(hex_color[4:6], 16)
    return f"rgba({r}, {g}, {b}, {alpha})"

Код простой, но он показывает, как автоматизировать создание цветовой схемы.

Что я понял в итоге

Главный вывод: ИИ — отличный помощник, но не замена вашему вкусу. Когда я перестал спрашивать «как сделать красиво» и начал думать «что я хочу сказать», всё встало на места.

Мой сайт теперь выглядит «не полностью ужасным» — и это мой личный рекорд. А вы можете сделать лучше!

Практическое задание

Прямо сейчас откройте свой сайт или макет и задайте себе три вопроса:

1. Что здесь говорит обо мне как о человеке?
2. Какие элементы я скопировал у ИИ, не подумав?
3. Что я могу изменить за 10 минут, чтобы стало лучше?

Начните с малого: уберите один лишний элемент, добавьте личную деталь. И помните: цель — не идеальный дизайн, а честный рассказ о себе.