Scott
Scott

Published on Dec 27, 2024, updated on Dec 30, 2024

Игровая индустрия находится на подъеме, и во многом это связано с игровым интерфейсом и современным дизайном интерфейсов, которые помогают улучшить пользовательский опыт и увлечь геймеров игрой на долгие часы.

Эволюция игрового дизайна развивалась на протяжении многих лет, и сейчас мы живем в эпоху, когда киберпанк интерфейс и эстетически привлекательные элементы игрового интерфейса становятся важной частью дизайна интерфейсов, улучшающих игровой опыт.
Однако стоят ли они того, и не мешает ли их эстетика основному интерфейсу геймеров?
В этом блоге мы рассмотрим игру Cyberpunk2077 и посмотрим, является ли дизайн пользовательского интерфейса в стиле киберпанк интуитивно понятным или не соответствует стандартным рекомендациям по дизайну пользовательского интерфейса.

pixso-киберпанк-пример (1)

Часть 1. Киберпанковский интерфейс: Чемхорош


Cyberpunk - это ролевая игра в жанре action RPG с уникальным киберпанк интерфейсом, которая развивается по сюжету V и представляет собой остросюжетное приключение на выживание, совмещая эстетический дизайн интерфейсов с инновационным игровым процессом.Общий эстетический вид игры визуально приятен. Здания, горожане, прогуливающиеся по улицам, и т.д. - все это имеет реалистичный оттенок. Если вы просто любитель познакомиться с игровой архитектурой, то Киберпанк - это, несомненно, хорошее место, чтобы полюбоваться ее эстетикой.

киберпанк-интерфейс-1


                                                                                       Источник: Uxdesign.cc


Во время съемок сцен, когда экран слегка окрашивается в красный цвет, становится заметно, что здоровье персонажа ухудшается или в него стреляют.

Таким образом, основные элементы игрового процесса во время съемок очень удобны в использовании.Кроме того, интерфейс в игре также отличается аккуратностью. Например, просматривая веб-сайты в игре, вы можете увидеть, что макет веб-страницы похож на веб-сайты конца 90-х. Таким образом, у некоторых пользователей это вызывает ностальгию.

киберпанк-интерфейс-2

                                                                                          Источник: Uxdesign.cc

Часть 2. Киберпанковский интерфейс: Чемплох


Несмотря на привлекательную игровую эстетику и интересные особенности геймплея, в дизайне пользовательского интерфейса Cyberpunk есть некоторые недостатки. Наиболее заметен базовый дизайн пользовательского интерфейса на следующих экранах:

Карта игры


Одна из проблем с дизайном пользовательского интерфейса была обнаружена на карте игры. Прежде всего, элементы на карте в игровом интерфейсе Cyberpunk выглядят так, как будто они были расположены слишком близко друг к другу, что усложняет восприятие и не соответствует принципам дизайна интерфейсов. Более того, это не помогло, когда не было четких надписей с условными обозначениями реальных объектов, которые помогали бы лучше различать объекты на карте.

Кроме того, красный шрифт по умолчанию на красном фоне немного затрудняет чтение. Следовательно, это одна из замеченных проблем с контрастом.

киберпанк-интерфейс-3

                                                                                Источник: Uxdesign.cc


Игровой дисплей HUD (Heads Up Display)


Вероятно, один из самых важных элементов игрового экрана, HUD, создает проблему, аналогичную той, что обнаружена на игровой карте. Для всех значков в HUD игрового интерфейса нет четкой визуальной иерархии, и их неорганизованный характер затрудняет восприятие важной информации, что делает киберпанк интерфейс менее удобным и нарушает основы дизайна интерфейсов. В результате это создает больше помех и может отвлекать пользователя от игрового процесса.

киберпанк-интерфейс-4

                                                                                 Источник: Uxdesign.cc


Игровой инвентарь


Список товаров имеет решающее значение для того, чтобы помочь пользователям успешно ориентироваться в выборе оружия, используя заголовки и шрифты для фильтрации/ сортировки. Однако и на этом экране выбор шрифта немного затруднен, поскольку размер шрифта заголовка фильтра совпадает с размером заголовка инвентаря. Это затрудняет правильное распознавание текстовой иерархии.

Мало что указывает на то, что два отдельных раздела на этой странице на самом деле являются двумя отдельными списками. Более того, при просмотре каждого элемента на экране отображается больше информации о дизайне, что создает беспорядок и дополнительную информационную перегрузку.

киберпанк-интерфейс-5

Источник: Uxdesign.cc

Часть 3. Разработка интуитивно понятного игрового интерфейса с использованием продвинутых инструментов (на примере)



Анализ дизайна игрового интерфейса в Cyberpunk помог вам выявить некоторые заметные недостатки в игре. Но если вы начинающий геймдизайнер, вы всегда можете внести в игру усовершенствования и функции, которые помогут улучшить взаимодействие с пользователем. Для этого вам понадобится продвинутый инструмент проектирования, который поможет вам создавать сложные дизайны.


Pixso - это инструмент для совместного проектирования, идеально подходящий для создания игровых интерфейсов, включая киберпанк интерфейсы и другие сложные элементы дизайна интерфейсов. Таким образом, мы вносим свой вклад в создание нескольких каркасов и прототипов.


Почему Pixso - это правильный инструмент для разработки игрового интерфейса?


Он предлагает широкий спектр расширенных возможностей инструментов для разработки дизайна, позволяя пользователям применять свой творческий потенциал на новом уровне и создавать красивые дизайны.

Он предлагает встроенную функцию автоматической компоновки, которая позволяет пользователям масштабировать дизайн контента на экранах различных размеров — от смартфонов до больших настольных экранов.

Это позволяет командам эффективно сотрудничать на платформе с помощью инструментов для обмена информацией с пользователями, что делает ее удобным инструментом проектирования для крупных проектов с игровым интерфейсом.

В ней есть сообщество дизайнеров, где вы можете черпать вдохновение у других дизайнеров для создания игрового интерфейса. Ниже вы можете ознакомиться со следующими шаблонами пользовательского интерфейса Cyberpunk2077 в сообществе дизайнеров Pixso:

Примеры пользовательского интерфейса в стиле киберпанк

pixso-киберпанк-пример (1)

 

Скопируйте для использования pixso arrow

pixso-киберпанк-пример2

Скопируйте для использования pixso arrow

pixso-киберпанк-пример3

Скопируйте для использования pixso arrow


Создайте игровой интерфейс нового поколения с помощью Pixso.
 

В целом, в Cyberpunk2077 интересно играть. Несмотря на свои эстетические плюсы, у киберпанк интерфейса есть несколько недостатков, которые можно было бы устранить для оптимизации игрового процесса, улучшения игрового интерфейса и приведения его в соответствие с лучшими практиками дизайна интерфейсов.



В играх важно обращать внимание на пользовательский опыт, и геймдизайнеры нового поколения не должны упускать из виду основы дизайна пользовательского интерфейса и идти на компромисс с ними для повышения удобства использования игры.


Если вы хотите отточить свои навыки в разработке игр, то Pixso - это тот инструмент, который поможет вам проявить свой творческий потенциал и воплотить замысловатые игровые проекты в реальность.
 

Попробуйте Pixso бесплатно pixso arrow

go to back
twitter share
facebook share