Мы с напарником создаём новое меню для необычной игры
Вы можете добавить игру в Wishlist, чтобы следить за её развитием дальше
https://store.steampowered.com/app/1358440/Halver/
Итак, реально ли создать новый интерфейс для этой игры за календарный месяц? Конечно, реально, дальше статью можно не читать ʕ •ᴥ•ʔ
Но мы пошли своим путём
Наша команда это INTJ (аналитик) + INFP (идеалист), поэтому каждый аспект игры мы прорабатываем достаточно тщательно
21 ноября
Сначала я сделал макет нового интерфейса
- Сначала при запуске игры название студии
- Затем выбор языка (только при первом запуске игры)
- Потом стартовый экран с названием игры Halver
- Далее главное меню из пяти элементов
- Из главного меню можно попасть в список уровней кампании
- Ещё можно попасть в редактор уровней, настройки и about
- Во время игры есть пауза
- В разных частях интерфейса может всплывать модальное окно
25 ноября
Я изучал статьи про дизайн игровых интерфейсов, разбирался с теорией, чтобы проверить сделанный макет на прочность
Ознакомился с концепцией диегистичности. Игровые элементы можно разбить на четыре категории:
- Не-диегетические — не принадлежат игровому нарративу и не принадлежат игровому пространству
- Диегетические — принадлежат и игровому нарративу, и принадлежат игровому пространству
- Семидиегетические — не принадлежат игровому нарративу, но принадлежат игровому пространству
- Метадиегетические — принадлежат игровому нарративу, но не принадлежат игровому пространству
28 ноября
Сделали макет главного меню
По оценке реакции в соцсетях созданный стиль достаточно понравился людям, значит мы можем продолжать делать другие элементы в том же дизайне
Наши гайдлайны:
- Фон у нас «скучный», поэтому кнопки у нас «мясистые»
- Базовое состояние кнопки с голубым контуром
- Выделенная кнопка имеет золотую окантовку
- При нажатии на кнопку она заполняется золотом
- Бестелесная кнопка предназначена для контролов (чекбокс и пр.)
- Чёрная кнопка для заблокированных элементов
30 ноября
Сделали макет меню выбора уровней
Уровни расположены в два ряда в виде карточек со скриншотом, номером и названием уровня. Карточка будет золотой, если уровень пройден на три звезды. Отдельно внизу лучшее время прохождение, чтобы привлечь внимание для спидраннеров
5 декабря
Проработали варианты меню паузы
Выбрали первый
8 декабря
Реализовали модальное окно
Пытались сделать вариант без тайтла, но выяснили, что возможно только, если делать кнопки в виде иконок, что нам не подойдёт
11 декабря
Начали работу над меню настроек
Прорабатывали разные иконки. Три кубика смотрятся слишком мелко
15 декабря
Накидали основные контролы
Сравнивали способы демонстрации выбранной вкладки. Выбрали вариант с треугольничком
18 декабря
Доделали макет меню настроек. Таким образом основные вещи мы проработали в фотошопе. Теперь предстоит реализовывать это уже в Unity
Реально ли за месяц?
Помимо игры мы работаем и живём полноценной жизнью????????????????????????????
За месяц нам удалось изучить теорию, создать общий концепт и гайдлайн. Проработать это всё в графическом редакторе. Реализация займёт ещё какое-то время
А как вы делаете интерфейсы? Цените ли их качество в играх?
Ссылки
Группа по игре Вконтакте
Страница Halver в Steam
Лучшие комментарии