Hello, I am Rubber, and I am a UI Designer (Only designing UI, not scripting)
I made these UI and I want some feedback on them!
Please tell me which ones are good and how I can improve, thank you!
5 Likes
I think the overall look and feel of the GUI is nice! However I do have a few things that maybe could be a little better.
To start with I feel like all of the GUIs should have the same look to them. In the second and last image you have the purple part slanted, but on the first GUI it isnât. I think âWelcome!â GUI should also have the background slanted. Another thing I see is that the text on the âWelcome!â doesnât match with the others which have a drop shadow.
Another thing that might make it look a bit better is on the âInventoryâ GUi to make the drop shadow on the back arrow and âXâ black like the others as it doesnât seem like they should be white. For the buttons on the âInventoryâ I think the titles should be slightly further down. Finally I think the buttons should also have an image to better display what the button will display.
Again I think that the GUI is good, but maybe doing a few of the things I suggested could help you out!
3 Likes
i personally like the Welcome Gui and the Inventory, the best. However they are all pretty good i think adding some more margin behind some of the GUiâs text might make them a little more âconfinedâ( i personally donât love the text hanging off from the Gui, as seen in the inventory one, but thatâs just my opinion ) . While talking about the text, i feel as though itâs a little big( mainly on the Welcome Gui) and gets pretty close to the edges maybe making it a little smaller might look a little better.
i like the gradients on the Inventory , though i think adding an image or even viewport frame for the swords or shields and having it spin around( requires a little programming but still) might be really cool. Lastly maybe changing up the colors (the purple outer-margin part) might make them more less from the same and make them look more âuniqueâ.
Just Some thoughts, but Overall Great Job!
2 Likes
Thanks for feedback! The first one looks different because I thought of more ideas.
Yeah I didnât put logos cause Iâm a bad drawer and had not many useful images in my inventory but I will try to do that! Thank you!
The GUI is very nice! It looks awesome!
2 Likes
Try using flat colors and not gradients, it might look better.
1 Like
These GUIs are good maybe you should scale them to all platforms
I like your use of gradients, color contrast, and rounded corners.
I know the rotation may be novel, but it really does not work here.
I donât like your use of TextScaled - the best way to use it is to create a TextLabel inside the button, label, whatever it is; then center it with a scale size of 0.8 or 0.9 on both axes, and finally enable TextScaled on that label. This makes it so the text isnât right on the border of the element you want the text to be on.
Why is there such a large empty space (first 2 images) between the top text and the bottom buttons?
I hope this helps, and good luck!
1 Like
Not bad, but some things I suggest:
- In the GUIs, move the text away from the border a bit to make it look a bit cleaner and not as âcrampedâ.
- Work on the gradients a bit - maybe do a white outline, but the feel of the buttons seems a bit too basic/lacking detail
- Fix the text - ex. âI know how to playâ turns to âNoâ and âTutorialâ turns to âYesâ
- Keep the text consistent - The âTrade Requestâ text has a black drop shadow but the âWelcomeâ text doesnât.
- Again, the GUI gradients are pretty basic - you can add an outline, drop shadow, or make the gradient seem not as âforcedâ⌠Best word I can think of right now haha
3 Likes
An anime reference: âtoo closeâ
Apart from that, the tilted ones triggered my OCD badly.
Shouldnât the text shares the same rotation with the backgroundâs?