Date
2022 - 2023
Tags
Posseslime - Menus and UI Design
The process of designing the menus for Posseslime.
In this 3rd person plateformer/puzzle game you are a slime that can possess creatures to overcome obstacles.
I have been hard at work since october 2022 as one of the game designers and the lead programmer of the project. I worked on the menus and UI design of the game as well.
The main menu from the very beginning was meant to be used as a pause menu as well. It was very important for me to include a void on the right that was meant to show the current gameplay with the menu overlaid on top of it.
The menus were all designed in Figma and then implemented in Unity using UI Toolkit. One uses CSS properties the other uses USS properties which is based on CSS, that was one of the biggest strength of the system. It means we could almost copy-paste the CSS code into USS and it would work, it was very fast to port from one to the other.
Thanks to StreamRunners' Nicky Rebergue teaching me how to use Figma during my first internship there I could assemble a good and modular designin no time. I used Figma's Component and Variants systems so that I could reuse the same component design multiple times and switch between designs as needed.
UI Toolkit has a similar system so I just had to port the components from one to the other.
To go back to the main article, check the link section.
Don't forget to send feedbacks !