3D Empty State
без 3D редактора
Как я выстроила систему изометрических иллюстраций для мобильного приложения
— от концепции и промптинга до финальных компоновок используя Sora как основной инструмент генерации.
Задача
В мобильном приложении для управления арендой недвижимости было пять ключевых экранов с пустыми состояниями: счета, объекты, жильцы, транзакции и категории. Каждый экран требовал уникальной изометрической иллюстрации, которая передаёт тему раздела.
  • Нужно было сформировать единый визуальный язык — общие материалы, углы, освещение и мелкие детали — чтобы все иллюстрации воспринимались как часть одной системы.
Три материала, точные hex-коды
  • Весь визуальный язык строится на трёх материалах. Важно было прописать точные цвета и характер поверхности, чтобы Sora воспроизводила их стабильно от элемента к элементу.
Этапы работы
(01)
Определение изометрического угла
Все элементы — в изометрии: 30° над горизонтом, 45° поворот. Чтобы Sora держала этот угол стабильно, он прописывался через физическую аналогию: «объект стоит на пандусе 14°, ты смотришь на него чуть сверху и сбоку» — а не через термин «изометрия», который она интерпретирует произвольно.

(02)
Разработка системы промптов для материалов
Каждый материал получил детальную спецификацию: hex-коды всех зон, характер поверхности, тонкая гравированная линия по контуру (2–4px), rim highlight на кромке. Промпты написаны так, чтобы переиспользовать для любого нового элемента — просто меняешь форму, материал остаётся тем же.

(03)
Создание библиотеки
мелких деталей
Чтобы уйти от монотонных сфер-оболочек — разработала систему акцентных элементов. Каждый экран получил свой набор деталей, связанный с темой раздела. Правило трёх масштабов: один крупный якорный элемент + один-два средних + два-три точечных.
(04)
Генерация серии
цифр от 0-9
Для экрана с процентной ставкой — полная серия 3D-цифр. Каждая цифра генерировалась отдельно с референсом предыдущей удачной цифры. Главный инсайт: Sora стабильнее держит стиль когда видит готовый пример материала, а не читает его описание.

(05)
Финальные компоновки
в Figma
Все элементы собирались вручную в Figma: главный объект + платформа + 3–4 мелких детали. Вырезались через Photoroom, выравнивались по изометрической сетке и масштабировались по системе иерархии.
Результат
Итогом стала не просто серия иллюстраций, а воспроизводимая система: набор промптов для каждого материала,
правила компоновки, библиотека мелких деталей.
Любой новый экран — 2–3 часа по той же методике.
Композиция 1
Итоговые экраны с пустыми состояниями
Made on
Tilda