UI Design
The Process
The journey from conception to polish over the course of a semester.
Wireframe phase
The UI and Game Design process began with very rough design documents and these wireframes created in Adobe Illustrator they served as our jumping off point to start creating general functionality, and to begin doing a pass on paintovers.
Paintover phase
With wireframes done and general placeholders being put in engine, I was able to move on to ironing out the layout, and visualizing what the final setup would look like.
These paintovers were able to be used for placeholder assets as we worked on functionality, and continued to tweak what features would be included.
Each test was designed with a limited color scheme, in order to better communicate to the player that they are in a different menu space.
Style
The goal with the UI art style was to make something that looked like it could be the sci-fi evolution of traditional Qing dynasty design.
Animations
UI animations were created using C# scripts, supplemented by the LeanTween library.
