3D Empty State
без 3D-редактора
Как я выстроила систему изометрических иллюстраций для мобильного приложения — от концепции и промптинга до финальных компоновок — используя Sora как основной инструмент генерации.
Пять экранов — одна визуальная система
В мобильном приложении для управления арендой недвижимости было пять ключевых экранов с пустыми состояниями: счета, объекты, жильцы, транзакции и категории. Каждый экран требовал уникальной изометрической иллюстрации, которая передаёт тему раздела.
Нужно было сформировать единый визуальный язык — общие материалы, углы, освещение и мелкие детали — чтобы все иллюстрации воспринимались как часть одной системы.
Единая система
Все 5 иллюстраций работают вместе — один стиль, один угол, один свет.
Авторский материал
Синее стекло + хромовое серебро + лавандовая платформа — фирменная палитра.
ИИ-генерация
Sora генерировала каждый элемент по точным промптам — без 3D-моделирования.
Финальные empty state экраны в мобильном приложении
Три материала, точные hex-коды
Весь визуальный язык строится на трёх материалах. Важно было прописать точные цвета и характер поверхности, чтобы Sora воспроизводила их стабильно от элемента к элементу.
стекло
серебро
матовая
глянец
Каждый материал описывался через три зоны на лицевой грани: светлая upper-left (#F0F4FF), средний тон (#C8D0E0) и тёмная lower-right (#3A4860). Именно контраст между почти белым и почти тёмным создаёт эффект зеркального хрома — без тёмной зоны поверхность выглядит как пластик.
От первого промпта до финальной системы
Работа шла итерационно: сначала нашла правильный материал, потом закрепила угол, затем разработала мелкие детали и собрала финальные компоновки.
Определила изометрический угол
Все элементы — в изометрии: 30° над горизонтом, 45° поворот. Чтобы Sora держала этот угол стабильно, он прописывался через физическую аналогию: «объект стоит на пандусе 14°, ты смотришь на него чуть сверху и сбоку» — а не через термин «изометрия», который она интерпретирует произвольно.
Разработала систему промптов для материалов
Каждый материал получил детальную спецификацию: hex-коды всех зон, характер поверхности, тонкая гравированная линия по контуру (2–4px), rim highlight на кромке. Промпты написаны так, чтобы переиспользовать для любого нового элемента — просто меняешь форму, материал остаётся тем же.
Создала библиотеку мелких деталей
Чтобы уйти от монотонных сфер-оболочек — разработала систему акцентных элементов. Каждый экран получил свой набор деталей, связанный с темой раздела. Правило трёх масштабов: один крупный якорный элемент + один-два средних + два-три точечных.
Сгенерировала серию цифр 0–9 в хроме
Для экрана с процентной ставкой — полная серия 3D-цифр. Каждая цифра генерировалась отдельно с референсом предыдущей удачной цифры. Главный инсайт: Sora стабильнее держит стиль когда видит готовый пример материала, а не читает его описание.
Собрала финальные компоновки в Figma
Все элементы собирались вручную в Figma: главный объект + платформа + 3–4 мелких детали. Вырезались через Photoroom, выравнивались по изометрической сетке и масштабировались по системе иерархии.
Библиотека элементов в трёх вариантах материала: синий, серебро, лавандовый
Как писались промпты
Главный инсайт — Sora понимает физику лучше, чем технические термины. «Объект на пандусе» работало лучше, чем «изометрия 30°». Точные hex-коды работали лучше, чем «хромовый материал».
Front face zone structure (NOT a simple top-to-bottom gradient): Bright reflection zone — upper-left: #F0F4FF → #FFFFFF — nearly white, direct mirror reflection. Mid chrome zone — central body: #C8D0E0 → #B8C4D8 — cool silver-gray. Dark reflection zone — lower-right: #5868A0 → #3A4860 — deep blue-gray. The contrast between Zone 1 and Zone 3 is what makes chrome look like chrome. Both zones must be visible.
Что работало
Физические аналогии вместо терминов. Точные hex для каждой зоны. Явный блок NOT. Один референс — один стиль. Troubleshooting в конце каждого промпта.
Что не работало
Слово «изометрия» — клала объект плашмя. Слово «платформа» — добавляла её когда не нужно. «Хром» без зон — делала пластик. Два референса сразу — копировала не то.
Финальные композиции для 13 экранов приложения
Система, которую можно масштабировать
Итогом стала не просто серия иллюстраций, а воспроизводимая система: набор промптов для каждого материала, правила компоновки, библиотека мелких деталей. Любой новый экран — 2–3 часа по той же методике.
иллюстраций
3D-элементов
системе
Самое ценное — методология промптинга. Я научилась думать о нейросети как об инструменте с конкретными ограничениями: она не понимает абстракцию, зато отлично работает с физическими аналогиями, точными цветами и явными запретами. Этот подход теперь применяю в любом проекте с AI-генерацией.
