Карта 2ГИС с нейросетями: итерации сократились с дней до минут, клики выросли на 35%

Раньше дизайнер описывал будущую модель текстом, собирал референсы и отправлял моделлеру. Тот интерпретировал по-своему, начинались долгие итерации. Главная боль: образ нельзя было быстро «вынуть из головы» и проверить на реальной карте 2ГИС. Команда решила вставить между эскизом и финальным моделированием этап ИИ-генерации, и это изменило весь ритм работы. Подробности опубликовала команда 2ГИС в собственном дизайн-блоге.

Что понадобится

• Генеративная нейросеть для изображений. В кейсе 2ГИС использовали промпты (промпт, текстовая инструкция для нейросети) и эскизные изображения для получения концептов в нужном стиле. Подойдёт любой генератор, умеющий работать с референсным изображением: Midjourney, Stable Diffusion, «Шедеврум» от Яндекса
• Нейросеть для создания 3D-моделей. Команда использовала сервис Tencent, который из плоской картинки генерирует 3D-модель в формате GLB (стандартный формат для трёхмерных объектов, который понимают большинство движков и приложений)
• Графический редактор. Photoshop или аналог для ручной доработки цвета и деталей после генерации
• Тестовая среда. Приложение или сцена, куда можно загрузить GLB-модель и увидеть её в контексте. В случае 2ГИС это собственное тестовое приложение с картой
• Время. Один цикл «промпт, генерация 2D, генерация 3D, проверка на карте» занимает минуты, а не дни, как раньше

Пошаговая инструкция: как команда 2ГИС строила пайплайн

1. Сформулируйте визуальные принципы. Команда зафиксировала четыре правила для всех моделей: упрощённые формы без мелкой детализации, чистая мягкая цветовая палитра, «очаровательный» образ и эмоциональная анимация. Без этих принципов генерация даст разнобой

2. Соберите стилевую базу. Небольшая подборка изображений, которые задают тон: мягкий, утрированный, дружелюбный. Это ваш якорь при написании промптов и выборе результатов

3. Сгенерируйте 2D-концепт через промпт. Опишите нужный объект текстом, при необходимости подайте эскиз из стилевой базы как референс. Пример структуры промпта:

A soft, friendly 3D-style [название объекта], simplified shapes,
warm pastel color palette, cute proportions, no fine details,
holiday winter mood, isometric view, white background

Детали и цвета после генерации правьте повторными генерациями или вручную в Photoshop.

1. Примерьте плоский концепт на карту. Наложите изображение на скриншот карты 2ГИС (или вашей среды), чтобы убедиться: масштаб, цвет и форма не «чужеродны» окружению. Если открыть карту 2ГИС Москва онлайн, можно сразу оценить плотность застройки и цветовую среду, в которую должна вписаться модель

2. Отправьте концепт в нейросеть для 3D. Команда использовала сервис Tencent. На выходе получается GLB-файл, который сразу загружается в тестовое приложение

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

4. Передайте выверенное ТЗ команде моделирования. Моделлер получает не текстовое описание, а «черновую» 3D-модель из нейросети плюс визуальные принципы. Команда моделирует и текстурирует с нуля, опираясь на этот черновик. По данным команды 2ГИС, после такой передачи правки были «практически минорными»

5. Используйте нейросеть для анимации. Когда дизайнер знает только ощущение от движения, но не может описать его словами или подобрать референс, ИИ-генерация видео позволяет быстро показать варианты команде. Как сформулировала команда: «лучше один раз увидеть, чем сто раз прочитать и сто раз переделать»

6. Масштабируйте на новые объекты. После базовых моделей команда подготовила тематические локации (ледовые городки, грузовички для ёлочных базаров), цветовые вариации и гайд для команд разных городов по расстановке объектов на праздничных площадях

Что делать с этим прямо сейчас, по ролям

Автору Дзена и контент-дизайнеру. Принцип «сначала покажи, потом опиши» работает не только для 3D. Если вы делаете обложки или иллюстрации, попробуйте тот же цикл: промпт, генерация, быстрая проверка в контексте (превью в ленте), доработка. Это убирает часы на объяснение ТЗ иллюстратору.

Маркетологу и продакт-менеджеру. Кейс 2ГИС показывает измеримый результат: DAU в 2,5 раза выше плана, рост кликов на 35%. Если у вас есть сезонные или тематические визуальные слои в продукте, нейросетевой пайплайн сокращает цикл от идеи до проверки с недель до часов. Это аргумент для обоснования внедрения ИИ-инструментов в дизайн-процесс.

Предпринимателю в РФ и СНГ. Сервис Tencent для генерации 3D-моделей доступен из России. Для генерации 2D-концептов из доступных в РФ инструментов подойдут «Шедеврум» от Яндекса и Kandinsky от «Сбера». Для задач уровня 2ГИС хватает бесплатных тарифов на этапе прототипирования.

Подход 2ГИС уже масштабировался за пределы новогоднего слоя: тем же пайплайном команда делает коллекцию животных для зоопарка. Для тех, кто работает с визуалом в любом продукте, вывод простой: нейросеть не заменяет моделлера, но убирает самый дорогой этап, гадание на словах о том, как должен выглядеть результат.