{"id":2592,"date":"2026-01-09T17:44:50","date_gmt":"2026-01-09T17:44:50","guid":{"rendered":"https:\/\/sites.wsagames.com\/ms22g23\/?page_id=2592"},"modified":"2026-01-11T13:12:45","modified_gmt":"2026-01-11T13:12:45","slug":"ui-design","status":"publish","type":"page","link":"https:\/\/sites.wsagames.com\/ms22g23\/ui-design\/","title":{"rendered":"UI Design"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">UI Design Concept<\/h1>\n\n\n\n<p>The User Interface of&nbsp;<em>Vengeance Incarnate<\/em>&nbsp;aims to enhance emotional immersion rather than challenge it. As a narrative-driven, emotionally heavy, and mechanics-focused experience, the UI is minimalistic, diegetic where possible, and emotionally neutral, ensuring the player\u2019s attention stays anchored in the story and game world.&nbsp;<\/p>\n\n\n\n<p>The interface is not&nbsp;present on the screen&nbsp;constantly,&nbsp;but a&nbsp;is a&nbsp;reactive layer that appears&nbsp;only&nbsp;when necessary,&nbsp;for example when players&nbsp;find&nbsp;themselves in a dangerous situation. Every UI element is designed to feel purposeful&nbsp;and consistent&nbsp;throughout the game.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">UI Pillars<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\">Minimalistic and Non-Intrusive<\/h5>\n\n\n\n<p>HUD elements are hidden by default and appear&nbsp;depending on the situation, especially during danger or decision-making.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Emotionally Neutral Tone<\/h5>\n\n\n\n<p>Muted colors, subtle transitions, and simple animations prevent distraction from the main story.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Clear Narrative Readability<\/h5>\n\n\n\n<p>Text is legible, clear, and prioritized during key narrative moments.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Feedback Without Spoilers<\/h5>\n\n\n\n<p>Consequences are revealed after actions.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Consistency and Accessibility<\/h5>\n\n\n\n<p>Clear separation of sections&nbsp;and cohesive layouts&nbsp;across all systems.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Adaptive to Reincarnation as Different Animals<\/h5>\n\n\n\n<p>UI elements subtly change depending on the animal the player&nbsp;currently plays as,&nbsp;increasing&nbsp;immersion.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h4 class=\"wp-block-heading\">HUD (Heads-Up Display)<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Exists only to enable survival and spatial awareness<\/li>\n\n\n\n<li>Hidden by default to enhance immersion, icons appear only special contexts (such as danger)<\/li>\n\n\n\n<li>Displays only essential information&nbsp;like&nbsp;health or stamina<\/li>\n\n\n\n<li>Minimal icons with no aggressive animations or effects<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Narrative &amp; Choice UI<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clear, legible font<\/li>\n\n\n\n<li>Neutral color palette,&nbsp;important information&nbsp;highlighted with&nbsp;other&nbsp;color<\/li>\n\n\n\n<li>No hints towards which choice is \u201cbetter\u201d or \u201cworse\u201d<\/li>\n\n\n\n<li>Outcomes of choices&nbsp;visible through character reactions, environmental&nbsp;changes&nbsp;or endings<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Memory Interface<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Memories are possible to rewatch through the main menu \/ inventory<\/li>\n\n\n\n<li>The player can choose whether they want to interact with memories or avoid them<\/li>\n\n\n\n<li>Presented as small, animated thumbnails without descriptions<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Inventory &amp; Collectibles UI<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Simple grid layout with clear categorization and labels<\/li>\n\n\n\n<li>Inspection mode allows for deeper examination and narrative context<\/li>\n\n\n\n<li>Designed with neutral background textures&nbsp;and subtle highlight effect to&nbsp;indicate&nbsp;interactivity with items<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Choice &amp; Progress Review Menus<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Past choices can be accessed through the main menu<\/li>\n\n\n\n<li>Undiscovered alternatives&nbsp;remain&nbsp;hidden as grey \u201cshadows\u201d<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">UI Adaptation to Specific Animals<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>There are&nbsp;small changes&nbsp;in the UI such as icon shapes or proportions&nbsp;depending on the chosen animal<\/li>\n\n\n\n<li>Core layout stays the same to prevent confusion in players<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">UI Concept Sketches<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"712\" src=\"https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/gameplayui-1024x712.png\" alt=\"\" class=\"wp-image-2789\" srcset=\"https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/gameplayui-1024x712.png 1024w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/gameplayui-300x208.png 300w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/gameplayui-768x534.png 768w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/gameplayui-1536x1067.png 1536w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/gameplayui-2048x1423.png 2048w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><figcaption class=\"wp-element-caption\">Sketch of UI during the gameplay<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"712\" src=\"https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/narrativeui-1024x712.png\" alt=\"\" class=\"wp-image-2790\" srcset=\"https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/narrativeui-1024x712.png 1024w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/narrativeui-300x208.png 300w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/narrativeui-768x534.png 768w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/narrativeui-1536x1067.png 1536w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2026\/01\/narrativeui-2048x1423.png 2048w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><figcaption class=\"wp-element-caption\">Sketch of UI during the narrative<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-765c4724 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sites.wsagames.com\/ms22g23\/sound-design\/\">Sound Design \u2192<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>UI Design Concept The User Interface of&nbsp;Vengeance Incarnate&nbsp;aims to enhance emotional immersion rather than challenge it. As a narrative-driven, emotionally heavy, and mechanics-focused experience, the UI is minimalistic, diegetic where possible, and emotionally neutral, ensuring the player\u2019s attention stays anchored in the story and game world.&nbsp; The interface is not&nbsp;present on the screen&nbsp;constantly,&nbsp;but a&nbsp;is a&nbsp;reactive &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/sites.wsagames.com\/ms22g23\/ui-design\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;UI Design&#8221;<\/span><\/a><\/p>\n","protected":false},"author":27,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2592","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/pages\/2592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/comments?post=2592"}],"version-history":[{"count":8,"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/pages\/2592\/revisions"}],"predecessor-version":[{"id":3064,"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/pages\/2592\/revisions\/3064"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/media?parent=2592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}