О проекте
Это интерфейс автомобильной игры, в которой у игрока есть собственный гараж: он коллекционирует машины, хранит детали на складе, покупает краски и номера, расширяет пространство. Мы проектировали игровое меню — главные разделы, через которые игрок управляет своим автопарком.
Задача
Игровой интерфейс должен не мешать картинке, а дополнять её. При этом разделов много — гараж, мастерская, склад, магазин, настройки, — и между ними нужно переключаться быстро. Нам нужно было сделать навигацию, которая одинаково работает на всех экранах, и визуальный стиль, который сочетается с 3D-сценой.
Гараж
Главный экран — это сама машина. Автомобиль стоит на круглом подиуме в тёмном боксе с вертикальной световой подсветкой, интерфейса вокруг минимум. Над машиной — переключатель «Гараж №1» со стрелками: у игрока может быть несколько гаражей, и листать их так же просто, как фото в галерее.
Верхняя панель общая для всех экранов: четыре раздела — «Гараж», «Мастерская», «Склад», «Магазин», — уведомления, настройки, аватар игрока со статусом Online и кнопка выхода.
Склад и магазин
На складе хранятся детали. Экран построен как плотная сетка карточек: изображение детали, название и класс, а цветная полоса под картинкой показывает редкость или категорию. Сверху — поиск, фильтр по типу детали (например, «Двигатель»), сортировка и две иконки подарков для бонусных предметов. Фон за сеткой размыт, чтобы карточки читались чётко.
Магазин разбит на тематические полосы: «Краски» — шесть цветов с цветовой меткой на каждой карточке, «Номера» и «Расширитель», который добавляет ещё один гараж. У каждой позиции — цена и кнопка корзины. Крупные заголовки и короткие подписи («Купите краску для своего автомобиля») делают каталог понятным с первого взгляда.
Настройки
Настройки открываются поверх размытой сцены гаража и разбиты на группы: графика (разрешение экрана, режим отображения), интерфейс (язык) и звук — общая громкость, звуки интерфейса, музыка и игровые звуки, каждая со своим ползунком и процентом. Справа — панель с подсказкой к выбранному пункту, чтобы игроку не приходилось гадать, что делает та или иная настройка.
Результат
Мы спроектировали единую систему игровых экранов: общая верхняя навигация, тёмная палитра с одним зелёным акцентом для цен и покупок, размытая сцена на фоне. Игрок переключается между гаражом, складом, магазином и настройками, не теряя ощущения, что находится внутри игры.