Alright so I’m just getting back into game design after a 4-year hiatus and I have absolutely no direction in UI design. The game is a 2D sidescroller shooter and it’s coming along very well, it just looks very ugly. Any tips?
Main Menu
Choosing Customization Screen
Weapon Selection Screen
Character Editing Screen
I’m open ears to all types of ideas and criticisms. I’m here to learn 
.
I would like to start off with the background which doesn’t really go with the rest of the GUIs, I would recommend going for a somewhat clear background or a pastel background.
On the main GUI you chose the color to be white and I don’t think that white would really go with the whole layout and design.
The arrows in the image above are connected to the GUI and stretched out which makes them look slightly ‘weird’, and maybe perhaps you could remove the border on them.
In the color menu, the GUI looks kind of ‘plain’ and you could improve that By removing the border and choosing different shades of colors, for example instead of bright red you could chose rose red, pastel red or a slightly darker red, there are hundreds of options to choose from so I recommend playing with them.
As for the cash I think that you could change the color of the icon and the border around the numbers because it would look a bit more in place.
In some places like the one in the image above, the icon is not centered on the background.
As I listed above, there are a few parts where you could change the color and my main advice would be to try and avoid very bright colors because they look kind of off and don’t really blend in with the background.
In the end, all of this is just my opinion on how you could make the UI design better, overall I think that there are many things to work on and you are doing a great job so far, if you keep going then you will reach perfection!
Everything looks great! However I would say fix the stretching on the arrows and no border on the torso color and skin colors guy. Everything us was amazing, keep up the good work!
Im meant GUI (weird autocorrect)
Got home from work and took your advice. It honestly looks 20x better, yet it feels empty. I don’t know how to explain it. Here are the updated UIs.
Main Menu
Choosing Screen
Weapon Selection Screen
Character Customization
Thanks for the ideas! If you guys or anyone else have anymore I’m still open to suggestions.
Edit Ooh and almost forgot to do this but…
I removed the ugly harsh outlines on the credits
Looks pretty good
Try not just using sci-fi font. I believe SourceSans light, semibold and regular is a good choice to be applied in your UI
Took your advice on the font and it looks 100x better thank you! Like I used a mixture of the source sans semibold and light and it just turned out wonderfully. Now I need to make the UI more interesting.
Background needs to be changed ,Also I don’t like the font
Can you kindly elaborate. Your response was fairly vague and not constructive at all.
Don’t be so hard on yourself (i don’t like using that phrase but still). I don’t see any clear design mistakes ( am judging the redesigned version not the old one btw) but I’d suggest making the font a little bit bigger.
Especially the “coming soon” text thing! It needs to be made a lot bigger and more contrasted to the “Shop” button, the two textlabels blend together and create this barely readable mess.
Also id suggest changing the colour on the currency thing on the left hand corner, it doesn’t fit well to the color palette, i’d make it green or yellow to signify currency. ( also doesn’t fit well to the colour palette but atleast it symbolises it better)
Also the “Back” button’s font also needs to be made bigger and bolder, the general size of the frame needs to be made bigger vertically and smaller horizontally as what is it doing with all that horizontal space.
Also I think i’d consider having the character in the customisation thing to not hold a gun, It distracts from the torso color, I mean others would most often see the character holding a gun but still.
