This is a collection of UI work for a personal game I am creating. Work began by drawing low fidelity wire-frames of different layouts in Procreate. Then I translated them into Adobe Photoshop to create a high fidelity wire-frame. Then I put low fidelity art to give an idea of what it would look like in game.
Low resolution HUD prototype
![](https://cdn.myportfolio.com/13de0852-d6ac-46f1-a1a7-d08eb4252710/9c433d2a-dfb9-47f5-8cc8-51f963561423_rw_1920.jpg?h=4f6a394a9f05e50ace32fd8cf2851f33)
High resolution HUD prototype
![](https://cdn.myportfolio.com/13de0852-d6ac-46f1-a1a7-d08eb4252710/95bbfac2-a3c7-460b-8561-f853b259d3f7_rw_3840.png?h=bb99b47b71bbbd5cea9bae42e8bdde27)
![](https://cdn.myportfolio.com/13de0852-d6ac-46f1-a1a7-d08eb4252710/7e9cfde1-2422-4fea-b892-3a9b9d4fb326_rw_3840.png?h=bd1d81c7e498a8a80f7f8aaffe5ece1d)
Menu prototypes
![](https://cdn.myportfolio.com/13de0852-d6ac-46f1-a1a7-d08eb4252710/901ec77f-6110-4431-8b60-50bddc3f55c3_rw_3840.png?h=abe9e2d865a4748f6e3d84b92ba23532)