Три нейросети нарисовали веб-референсы в пяти стилях: от fintech до Web 1.0

Нейросети становятся полезным инструментом для веб-дизайнеров. Автор блога StudyAI решил это проверить на практике: создал веб-активы для пяти совершенно разных индустрий, используя три современные модели генерации изображений. Результаты получились неоднозначными.

Три модели в тесте: Grok Image 2, Flux 2 Pro, Nano Banana Pro

Автор выбрал три популярные модели: Grok Image 2, Flux 2 Pro и Nano Banana Pro. Каждую попросили выполнить одинаковые задачи: создать веб-активы с точными требованиями по стилю, палитре, типографике и функциональности. Это не просто генерация изображений, а проверка того, насколько хорошо нейросети понимают специфические требования веб-дизайнеров.

14 примеров в пяти индустриях

Киберспорт и игры (4 примера):

• HUD-панель для киберспортивного шутера (futuristic minimalism, neon cyan accents, transparent PNG)
• RPG инвентарь в стиле dark fantasy (золотые рамки, текстура пергамента, Diablo-вдохновение)
• Мобильные кнопки для казуальной головоломки (candy-like shapes, glossy gradients)
• Web 1.0 кнопки с анимацией (beveled 3D borders, GeoCities-aesthetic, sprite sheet)

Финтех и банкинг (3 примера):

• Дашборд криптобиржи (dark mode, candlestick charts, glassmorphism, монохромная палитра)
• Карточка банковского перевода (neumorphic soft UI, 24px rounded, iOS guidelines)
• Онбординг инвестиционного приложения (3 экрана, isometric style, Stripe-inspired)

Web 1.0 ностальгия (1 пример):

• Гифки-баннеры 468x60 как в 2000-х (Comic Sans, Impact, flashing "Under Construction", Y2K)

Экология (3 примера):

• Дашборд углеродного следа (organic soft UI, sage green, Patagonia aesthetic)
• Карточки эко-товаров для маркетплейса (recycled kraft paper, botanical illustrations)
• Мобильный трекер переработки (playful flat, Duolingo-style gamification)

AI-сервисы (3 примера):

• Чат-интерфейс AI-ассистента (streaming animation, typing indicator, gradient edge glow)
• Панель управления ML-моделью (loss/accuracy charts, confusion matrix, neuron network visualization)
• Онбординг для генератора изображений (prompt input, style presets, progress ring)

Результаты: две модели справились отлично, одна подвела

Grok 2.0 и Nano Banana Pro показали хорошую «насмотренность» и выдавали приемлемый результат практически сразу. Обе модели хорошо понимали стилистические требования — от минимализма до ностальгии, от glassmorphism до Y2K-эстетики. Результаты выглядели профессионально и готовы к включению в техзадание или даже как основа для финального дизайна.

Flux 2 Pro, несмотря на надежное обучение и хорошую логику генерации, допускал частые ошибки. Особенно проблемной оказалась работа с текстом: модель несколько раз писала на неустановленном языке. Это странно, потому что Flux использует принцип согласования потоков, который должен справляться с последовательной логикой и текстовыми надписями. Тем не менее, полученные ошибки были систематическими.

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