Improving my UI

I recently started designing my first actual game, and while I feel somewhat confident in my scripting abilities, I’m a complete beginner at UI design, this is what my attempt looks like:

Personally, I think it looks fine, but I’m obviously biased and have things I can improve on. Is there anything specific that looks off, or that I should change?

2 Likes

It’s okay for starter, I like the rounded corners.

1 Like

It’s really good but the only thing I don’t like is the coins icon.
It look too darker from the rest of the GUI.

1 Like

You should try using 9-slicing. It will make all of the corners the same roundness and not stretched like how yours are. But that’s pretty good for a beginner!

It is definitely very well done, considering you are a beginner.

I think it looks really well made, good job. :+1:

[size=5]Information[/size]


I like some of the shapes that you have chosen for the UIs, I also like the way you laid out the content inside the buttons. A few of my suggestions would be…

  • Using different colors (try to avoid using neon-like colors)
  • Possibly removing the text outline
  • Resizing, a lot of text/buttons are stretched out
  • Try using a different font
  • Try to avoid having text touch the edges
3 Likes

This is pretty good for your first attempt. Let me see how much feedback I can give you:

Maybe choose a different color scheme for the GUI. Some of the colors are muddy, so I suggest playing around with warmer and cooler colors, basically experimenting with the hue, instead of making the color just darker.

The coin could have a little work. Make it look more basic and clean. The colors of the coin and coin GUI also look muddy, refer to the paragraph above this one.

Don’t make the UI’s too close to the others. Try separating them out so you can avoid collisions with any other UI’s.

Hope this helps you!

The shop + buy button is too small, and the X button to close the shop doesn’t stay true to the rounded edges pattern.

Great first design.

Generally I would suggest not using custom text within UI unless you’re representing something individualized and important - such as the title of a specific screen, or the title of your game branding/logo. This will increase the work-load and slow down the pace, as well as hinder your ability to customize down the line if you need to make refinements - such as renaming a button. Look into ‘Indexing’ for further reading.

You can achieve similar eye-drawing effects through other studio-based means such as using a duplicate TextLabel to imitate a drop shadow effect. I would suggest looking through free-model UI packs for examples of how to achieve this. This should also optimize memory usage in your game.

Otherwise, use the mindset of “Keep it simple, stupid!”, try not to overload any single area/page with too much information for the user, keep a simple and consistent color palette, and when you design your interfaces, ask yourself if someone who had never seen your UI before would understand what everything means from their first time playing.

Keep up the good work.

1 Like

Thanks everyone for the advice, it was all great, I really hope I can improve

Its a good GUI to start off with but the coin icons are really dark and it would be better to make them brighter.

Excellent GUI, for me I feel like the BUY button is streched, it might just be me looking at it quickly. I would love to see more of your work in the future.

The UI looks good for a starter Designer, but I would recommend changing the font of the Numbers
image so it looks a bit nicer & fits the theme…

This looks great. I really love how you made tge rounded corners.