Show off your UI designs

Updated version:

EDIT: Someone also asked me to make a dark theme, so here we go:

18 Likes

Some new UI for fun.

15 Likes

Thats a lot better and I love the dark theme too. :slight_smile:

3 Likes

@Alphexus For your first GUI t’s pretty hard to know what any of those lines are for, is that a health GUI, logo, etc?

For your second, it looks much better, the text is a little small in this area:

Don’t take what I’m saying too seriously as I’ll delve into things that aren’t too important but they would make the GUI quite a lot better.

CONTRAST
There isn’t a lot of contrast on your GUI, it’s very bright and in your face (whilst I was writing this you edited the background to be black.)

COLOUR SCHEME
The colour scheme you are using isn’t the best, here are a few suggestions on what to change:

  • Change the yellow & gold bars (at the top) to be a green or a blue, I recommend the following two colours
    image
  • The grays on the main part of the GUI are a little too dark/bright for each other, try changing them up a little and see if you can make it look good with white text.

CLOSE BUTTON
Why is the close button off-the side of the GUI? It’d be much better if it was implemented like I did on one of my GUIs.
image
You can achieve this by just curving one corner of the box and lining it up with the rounded corners of the actual GUI.

5 Likes

Style Cartoony,simplicity
Everything is made by me none was is taken.
2%20shop%202%205

3 Likes

Did this for a commission.

28 Likes

Few suggestions on what to change:
SCREENSHOT 1
The green and white have too much contrast, try and change the colours a little. The “Purchase” text looks different than the rest of the text, any reason why?

SCREENSHOT 2
I’m not sure what it is about this GUI but the + sign just looks out of place. The “1999” should be moved a little closer to the $ sign though.

That looks pretty good, there isn’t much more I can add other than the “Short description” text getting a new line wayy too often. Why are the spaces between the lines so big?
image
What’s the space here for?

Other than these minor things, it looks great. How much did you get for this GUI?

HUD and main UIs (inventory, crafting & professions) for a survival game I’ve been working on.

https://gyazo.com/c2ab0be9e1ab2cce8d841486628b8604

94 Likes

The space is just there to even it out. Trust me, it looked a lot weirder if I made the space go away. The two UIs would be un-even. The line-spaces is a good point-out. To be honest, I did not even see that. Also this UI was part of a whole game User Interface Commission, so it was not a separate commission.

1 Like

Boost Pass UI

4 Likes

For BIG Paintball!

34 Likes

R$ Shop UI

6 Likes

a little late but. Was supposed to be some card holder thingy for a commission.

2 Likes

Why does the 200 cash one cost more robux per cash? I think you should fix that. The same thing goes for 500 and 1k.

1 Like

It gives players a perk for spending more.

3 Likes

Cartoon UI Design

Style; Cartoony

18 Likes

@Voile There isn’t much I can say about this, it’s excellent! I’d say the only thing that you should change is the “CRAFT” click effect, the transition doesn’t really work with the rest of the UI.

@hoosmany (Boost Pass UI) The X feels very out-of-place in the UI. I think its the font for it.

@hoosmany (Robux Shop) Align the text to the left of the box, rather than the right.
Also, with your Bundle bar you should move it somewhere else in the box, it’s covering the $ and it just looks bad in my opinion. Other than that, it’s good.

@hoosmany (Cartoon UI) I actually love this UI, there isn’t much I can say other than the “Purchase” text is 1 or 2 sizes too big, make it a little smaller.

1 Like

Are you associated with the “The Northern Frontier” community?

2 Likes