Последние годы меня сильно заинтересовала индустрия видеоигр, и желание расширить диапазон своих навыков, углубиться в изучение видеоигрового UX/UI. Многолетний процесс дизайна минималистичных сайтов и мобильных приложений, подтолкнул меня освоить что-нибудь новое.
Для первой тестовой практики, я решили опробовать воссоздать простой интерфейс для вымышленной видеоигры.
Моя роль: UX / UI Дизайнер
Инструменты: Figma, Photoshop
Год: 2024
ЦЕЛИ И ЧЕЛЛЕНДЖ
В первую очередь я определил для себя список целей:
Продумать экран снаряжения
Нарисовать игровые предметы
Создать персонажа
Нарисовать иконки для абилок
Главным условием челледжа было: все должно быть собрано мной, включая 3-D элементы. Хотя создание трехмерной графики не входит в обязанности дизайнера интерфейсов, а в Blendere я профан, будет весьма полезно прокачать навыки владения 3-D, а так же прочувствовать какого собрать экран для игры
ТЕМА ИГРЫ И ВДОХНОВЕНИЕ
Я провел небольшой ресерч по стилям и типам интерфейса различных игр, в похожем ключе. На установку стиля, по разному вдохновили такие игры как Wierd West, Demon's Souls, Dishonored, Lies of P.
В качестве темы я выбрал: вампирскую, готическую тематику, в жанре Action-RPG.
WIREFRAME
Основываясь на предыдущий свой опыт в дизайне веб и мобайл, я не стал пропускать важный шаг при создании любых интерфейсов, и накинул Wireframe будущего UI. На этом этапе продумал все, что должно быть в UI и как с этим взаимодействовать, стараясь сохранить аутентичную логику.
Структура экрана персонажа, его экипировка с абилками
ПЕРСОНАЖ
Hаннее не создавал полноценного 3-D персонажа. Скорее всего это будет видно по конечному результату, но я постарался максимум изобразить персонажа так, как представил его, используя Blender. Раннее пользовался Blender по минимуму, делая иконки, но в этот раз пришлось чуть расширить диапазон навыков для достижения конечного результата.
На внешний образ персонажа немного повлиял персонаж Тома Круза из фильма "Интервью с Вампиром", в то время как в характере должны были читаться аристократичность, загадочность и магическая сила.
Дизайн 3-D персонажа
ПРЕДМЕТЫ И ДРУГИЕ ЭЕЛЕМНТЫ
Создать 3-D предметы вызывало наверное большую сложность чем самого персонажа, так как нужно было научиться рендерить "материалы", такие как стекло, жидкость. Так как у меня не особо было опыта работы со светом и текстурами, пришлось чуть поднажать. Кое как я воссоздал несколько предметов, однако результатом был удовлетворен лишь на половину. Среди них были:
Меч
Зелье
Магический рубин
Амулет
Кристал
Процесс дизайна предметов
Предметы, после рендера и обработки
ИТОГ
На этом этапе начался творческий процесс, баланс сочетания 2-D и 3-D графики, необходимость избегать шума. На выходе получился полноценный экран экипировки персонажа. Не скажу, что на все сто доволен был результатом, особенно касательно 3-D графики, но для пробы вполне удовлетворил свое любопытство. По-крайней мере, первый шаг в освоении этой области был сделан.