How could i improve this UI?

Help and Feedback Art Design Support
#1

Hey there, i made this UI for my game, i want to know how can i make it better because right now, i don’t really like it.

s

4 Likes
#2

The font doesnt fit with the theme.
that’s one thing.
add a white outline to ALL the buttons

1 Like
#3

This post was flagged by the community and is temporarily hidden.

#4

you thats because when you hover over it, imthe bordersize is tweened to 5.

#5

Preference

As someone whose worked in the UI, and whose new to it, here’s what I recommend changing the font of your text, if you’re in studio I recommend using Gotham Black. Another thing is a preference but, I tend to notice that Roblox Studio doesn’t really have everything you need as a UI Designer. It’s very difficult to create directly their platform, therefore, I recommend using Adobe Photoshop, it cost around $10. If you’re not looking to spend money then, you can use GIMP, it’s the same thing as Photoshop but, it’s free.

Improvements

  1. Change the Border Color!! The border color, if you don’t know what it means, is in this case, the white background you have on the yellow. This should usually have a darker shade of the color chosen.

  2. Change the text color!! Black isn’t typically a color used in UI, personally, I use it when creating horror UI, but, the UI you’re showcasing seems like a mix of cartoony and minimalistic UI. You should be using the color white because it’s the simplest and because it gives a good complement to the colors around it.

  3. Add a text stroke!! After you add the text stroke to the white text (said in #2), add a stroke. Do anywhere from 0.5 - 0.7, make the color black. Why should you do this? It gives a 3D feel to the text which makes it look better.

  4. Center the text!! One of the biggest problems with UI design is finding the write placement for the text. In this case, since you have a medium-sized text, I’d recommend changing the position of the text to either the left or center. If you’re doing the left, you should try to find/make a icon for each text. An example is, for shop you can do a shopping cart.

Conclusion

So far, that’s all I can really think about, if this is your first UI creation, it’s very good, just needs some creativity. Hopefully you find this resourceful!

–Amazin

2 Likes