Feedback on UI Design?

I just started working on this UI Design, and I’d say it looks nice. However, what can I improve upon with it?

https://i.gyazo.com/9e8c8a38dd5f654d245d29013cd5c1da.mp4

Also, it scales pretty nicely, which I put a lot of time and effort into doing that.

https://i.gyazo.com/a82637536a1cd7687034a3e9856b5229.mp4

7 Likes

I like the gradient look on the buttons! I would suggest you add a tint to the buttons to make the text easier to read. I would also move the buttons more towards the edge and make them a bit smaller, so they don’t hinder the player’s view so much.

Another suggestion would be completely removing the text and maybe moving to icons. I know Google offers open-sourced icons that you can check out.

4 Likes

They look great! I like the gradient filling on each of the buttons and the text as well, but as what Crossota said, you could add a tint to the buttons to make players read the text easily and not to have troubles as well.

Overall it’s a great UI design! :happy2:

I’m not sure I like the way the hover effect works. It seems a little jarring, but it’s quite hard to ascertain why. You probably need to tweak it a little, maybe make it a bit more lively.

1 Like

I really like it too! How did you do the gradients?

I used UI Gradients for the gradients, They are a new ROBLOX feature and I decided to implement them.

1 Like

UPDATE: I’ve worked on the Shop Gui, and I’m interested in some more feedback for it.

@ickeyben123 How would I go about do doing that?

1 Like

Well, your hover animation is novel, so it may or may not work even if you tweaked it. Of course it might look good to someone else, as everyone has a different design sense.

But, you may want to make it a bit more lively (or not, there is a certain pazzas to minimal design). If so, maybe make it get a bit bigger? Of course this can be hard if you didn’t design the menu with the UI List Layout thingy (very useful if you want many different sized buttons positioned next to each other).

The way I chose to do one of my buttons was this -

https://i.gyazo.com/0a6f1cda6752f50a63f34e34a1584323.mp4

This is more contextual to what I want the button to do, but from it I’d say try changing the colour a bit. Gradients can look cool when messing with colour.

https://i.gyazo.com/e7e3019ab6e754b97cfdd3cd38e8e5b1.mp4

But overall you have a very clean classy-esche look going, like those modern websites.

1 Like

If you were giving me advice then I’m flattered :stuck_out_tongue:

@Uralic I would say to add a shadow to the gui, to make it more advanced and realistic. this video explains how to do that if you don’t already know. Also, I think you should add an effect when the player hovers their mouse over the gui. Other than that, it looks great! :+1:

1 Like

There already is a shadow actually, it’s subtle, but it’s there.