{"id":609,"date":"2025-01-10T18:52:57","date_gmt":"2025-01-10T18:52:57","guid":{"rendered":"https:\/\/sites.wsagames.com\/ib8g23\/?p=609"},"modified":"2025-02-09T20:03:07","modified_gmt":"2025-02-09T20:03:07","slug":"ui-design","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/ib8g23\/2025\/01\/10\/ui-design\/","title":{"rendered":"UI Design"},"content":{"rendered":"\n

Originally I wanted to use 100% diagetic UI, however after some research decided this would ultimately hinder the experience. The health statistic will be meta, with bloodstains and brainfog appearing on the player camera. The inventory, loading, and menu bars will be diagetic. <\/p>\n\n\n\n

I wanted to go with sleek, simple, technical designs. In the end this is what I ended up creating.<\/p>\n\n\n\n

Phase 1<\/strong> +<\/strong> 3<\/strong><\/p>\n\n\n\n

For Phase 1, the only pieces of UI I needed were inventory slots, and a bar to indicate loading\/saving. The player can not save the game themselves, but the game will save automatically between levels. In the player quits to main menu before reaching the end of a level, they will be sent back to the beginning of that level. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Phase 2<\/strong><\/p>\n\n\n\n

For phase 2 I’m using a piece of unfinished concept art as a background. The main point of interest for this UI is that using the map takes attention away from the monitors. Once again the player cannot save until they have reached Phase 3. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

Originally I wanted to use 100% diagetic UI, however after some research decided this would ultimately hinder the experience. The health statistic will be meta, with bloodstains and brainfog appearing on the player camera. The inventory, loading, and menu bars will be diagetic. I wanted to go with sleek, simple, technical designs. In the end […]<\/p>\n","protected":false},"author":8,"featured_media":612,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,20],"tags":[],"class_list":["post-609","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ideation","category-semester-1"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/posts\/609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/comments?post=609"}],"version-history":[{"count":2,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/posts\/609\/revisions"}],"predecessor-version":[{"id":622,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/posts\/609\/revisions\/622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/media\/612"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/media?parent=609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/categories?post=609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/tags?post=609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}