Feedback on my FIRST UI!

Hey! I am Spiral, A graphic designer, but I never did actual UI on ROBLOX, so I am trying it out.

Sorry it has such an excessive watermark. I worked really hard and want to assure it wont be stolen.

So, please do tell me about it, or if you don’t feel like typing out a whole comment (been there lol) then use the poll below! It would really help me out.

How nice is my UI on a scale of 1 to 10

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

0 voters

If you have any other opinions please comment it down below! Thank you for reading!

9 Likes

I’m not a professional UI designer, but I’ll state my opinion. The titles could have a background to them and the buttons could be smaller along with their text proportions.

2 Likes

Looks cool (9/10)!
The only thing that I don’t like are these too visible lines on the Frames. I would recommend you making them ?more transparent?/ less visible.

2 Likes

The UI is great!

The only thing i wanna add is the “Inventory is full” text it looks good but i think it’s too close to the edges

Everything else seems fine to me honestly that’s why it’s a 9/10 for me (personally)

EDIT: Same thing With “Sure Thing” and “No thanks”

2 Likes

Thank you. I thought it was a bit too close too, but whenever I try and make it smaller it looks kind of weird, so I just bit the bullet and kept it as it is.

1 Like

I’ve been there, i understand the pain :smile: but the Ui is really good looking from a normal persons view (im not a professional ui designer or anything) :+1: for me

1 Like

If I could rate over your scale I would. They’re so simple, but I like it. Amazing job!

1 Like

Thank you. You have no idea how appreciative I am for all this amazing feedback. :heart:

How do you make your UI? They look great!

1 Like

All self-taught methods that I learned from about a year of using Photoshop, that I use for making Roblox graphic design.

This is awesome! However, there is one small issue that i think could be resolved.
The white on green text is a bit hard to see.

Otherwise, this is better than anything I could do haha
I’m really happy to see other devs trying new things, it makes me want to learn stuff myself!

2 Likes

Wow, I am honestly impressed. Keep up the great work!

2 Likes

Wow, this is your first? Looks hot as heck. Anyways, you get a five from me because the lines in the background make it look a little less hot. Remove the lines and it will be much hotter.

You will be one of the greats soon! Don’t give up. (:

2 Likes

My Feedback:


Hey SpiralGaia, this is really nice. Did you make this in Roblox Studio or did you import these into Roblox Studio? Either way, these look pretty good! Nice job. Here is some of my feedback:

1. Use of Margin and Padding
You don’t want your UI to have too much empty space or white space, but having a condensed and cramped UI layout isn’t that great or ideal either. You have the basis of good design, however, you have no margin or padding. I’d consider it good practice to give you self even padding all around the edges of your container frame.

2. Use of Font and Font Weight
You need to distinguish different parts of your UI text wise. Different text in your UI has a different priority. It’s like this: What do you want your user to see first, then second, then third, etc. This is why most applications have things like or stuff like H1, H2, H3, H4, H5, H6, etc. These priority levels in/of headings. Let’s see this effect right here on this post.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Your eye is most likely drawn to the first heading. So in your case, maybe the title of your frame or container should have priority. For example, “Inventory Full” can/should stay the same. But maybe you want to make the description text and button text another font-weight, so it looks like you using bold font right now, but maybe set it back to regular? You can also try to mix and match fonts to see what fits and works well together. :slight_smile:

3. Use of Opacity and Color
Right now everything feels in your face. It’s really hard for me to tell what to look at. Like for example, even your background the background design of frame/container is drawing my eye. But just I mentioned in the 2nd section of this post “2. Use of Font and Font Weight”, you want to have different levels of priority for everything. You want your users to look at something first, then something second, then something 3rd, etc. Right now, I feel like looking at all of them at once, which I can’t do. So in turn, it all just becomes distracting. So maybe lower the opacity of your background design, lower it so it’s enough to the point you can see it, notice it, and admire it. But don’t go so overboard it’s not even noticeable anymore. Besides playing around with the opacity, you can also play around with the color. For example, you can make the description text color a darker color like more of a light grey, so once again, my eyes would immediately be drawn to the frame/container heading or title first, which is probably what you want.

Alright, that’s about it. Hope this helps, and I hope you have a great day! :slight_smile:

1 Like

For your first time, great job!

2 Likes

the background overall looks nice. although it looks basic and the background is unpleasant to look at. overall its good. keep up the good work!

2 Likes