This project was a personal exercise to overhaul the HUD of a game I worked on back in Groovy Antoid
This HUD was displayed within the helmet of the "Elite Agent of SRF", the main character navigating through cyberspace.
Elements Sketches
First things first, let's create a whole array of elements to inspire the visual direction of the UI,
which will inform the thumbnail sketches in terms of shape language.
At this stage, I select my favorite sketches and create an initial vector version (colored in black)
which will inform the thumbnail sketches in terms of shape language.
At this stage, I select my favorite sketches and create an initial vector version (colored in black)
Thumbnailing
Before committing to one idea, I like to explore layout options on a smaller scale,
and try to fit some of my elements in the 16:9 screen
and try to fit some of my elements in the 16:9 screen
Layouts
Taking inspiration from the thumbnail sketches, I start creating vector elements for full screens by mixing and matching elements from the thumbnails to find something that works well. Getting closer!
Refining The Layout
After choosing the most fitting elements, I fine tune further to get all the elements in their most favorable positions, placing each gameplay tidbit based on player focus regions within the screen, this is where colors start popping out.
