I’m currently working on my GUI! My goal is to make simple and easy. I’m not good at making GUIs so I need some feedbacks. Any feedback would be helpful. I need what I need to change to improve my UI. Thank you!
5 Likes
I think this is nice! It’s simple but it works. The layout looks good and it’s easy to understand in the second screenshot but I think the colors are a little abrasive on the eyes. I would choose less saturated versions of those so they’re not as intense. You could even use a particular palette so the colors are more harmonious and aesthetically appealing. I’d also recommend having the type for your three categories “Profile”, “Groups” and “Favorites” be the same size. You usually want information or labels that share the same hierarchy of importance to be equal in size, style etc so they feel related.
For the first frame, having /ID hanging off the bottom makes it less legible. I would consider shrinking the text size in these boxes so that more words can fit on a single line, making it easier for the player to read.
Other than that, well done! I appreciate that your padding is consistent and you’ve centered most of the elements. To really stand out, you might consider adding some image texture to your UI background shapes but this is functional and gets the job done.
3 Likes
I think adding some outlines for the GUI will make it looks less flat and stand out more.
2 Likes
Ill keep it short to reduce read time:
-
Color scheme needs to be figured out
-
Some Uistroke would make your ui better
-
Icon positioning should stay on the same Y axis
-
Icon size should be the same throughout the whole entire UI
-
Add a slight gradient to the background to seem like its fading (Example like brown to light brown)
3 Likes
It’s look cool and simple, great! I suggest add anything on background like small stars or something, it’s will look cool
1 Like
Thank you so much for your feedback! I added shadows instead of outlines because I’m not a big fan of outlines. I only added shadow of the main GUI, the TitleTextLabel, and the Back Button
.
How about this?:
Ye, that looks less flat now! The main takeaway is make the Gui less flat by adding clear indication of contrast really.
1 Like
Oh okay. Thank you so much. I will add strokes as long as it doesn’t hurt my GUI design.
And @AltheaLuxe Thank you for your response. I will try adding additional designs (like stars).
1 Like
Thank you for the response!
I positioned all Icons on the same Y axis but I believe they don’t look like they are because some icons have different sizes like you said:
I’ll resize the “Profile Icon” and add slight gradient to the background (Main GUI).