UI Design - Afronomical/Producing-Games-24 GitHub Wiki

Core Themes

Gritty Dark Medical Supernatural

MOOD BOARD

https://drive.google.com/file/d/1Eru7oQacY59oU1pjl31nGyAQXne_1yIP/view?usp=sharing

Rules and guidelines

Typography

Fonts-- text sizes

Medical record fonts examples/ potential fonts

Example of book fonts examples/ potential fonts

Iconography

Inventory icons/visuals

HUD Symbols

  • Aiming Reticle
  • Open/close doors
  • Pickup object
  • Place object
  • Hide behind/under the object
  • Interact with a patient
  • Settings menu icon

Icon sizes

Shape language

Basic shape meanings Shape language

Colour

Ui colour palate examples to be changed or updated some portions of the colour schemes are just accent colors used to draw player eyes to important info

Book colours palate and other menus Demonic book colour scheme

clipboard colours medical record clipboard color scheme

Pager computer colours AdobeColor-pager colour scheme

Animation

basic button selection animations paper burning up as selection animation example quick burn-up animation of paper leaving behind burning hot coal letters

image

image

Potential wireframe ideas

2d background drawings placeholder for 3d scenes with animated foreground and background.

image image image image image image image image image image

Final Ui wireframes

Title screen

title screen with background

Save screen

Save screen w background

Loading

loading screen with specifics

Pause

pause screen

Settings

settings video screen settings accessability audio tab settings settints controls controller settings controls keyboard and mouse

Credits

credits with specifics

Lose screen

lose screen w background

Win screen

win screen with background