Show off your UI designs

The entire intent was to go in deep on that mid-2000s style. I grew up with it, and I know how to give it a more modern flair while still keeping it in that era of time.

In all honesty, that design is not unique and people just turn-off instantly.
If you’re going to make another one of the simulator games - make it unique - make it something people want to play. Not just a 1 hit wonder game, you might get ~10-20k visits however if it’s just a clone of another simulator. It’ll die quickly.

Anyways, let’s talk about the GUI(s)
I think the drop-shadow effect is used wayy too much on this UI, it’s on every single button, every single box & every bit of text. The colour scheme all matches, other than the shop button that just seems very out of place, thoughts about moving the button next to the statistic (I presume) button on the left hand side and themeing it more blue.

There’s also quite a lot of white-space, you should probally fill that, or get rid of it (by restructring the GUI and having the info about the selecter weight at the top, and the inventory across the bottom of the GUI.

Other than that, pretty good.

3 Likes

It’s hard to see how this would work on a real game, but I presume there would be a transition phase between the two states? The button slowly going down and then going back up? Or something similar.

This is very cool! I am looking for a mentor in UI design, if you are interested, contact me here on the forum!

I’m not so good at “mentoring” per se, but I am able to review any designs you have - I’ll go send you a quick message now. :+1:
This is for anybody - if you want me to review your UI, just message me. I’ll reply ASAP.


For my new game coming soon!

8 Likes

Looks pretty good, but there is quite a bit of white space. Only thing I can really say that needs changed. There’s too much padding on the BloxMail.cf it should be a bit smaller on the vertical sides.

1 Like

Pretty simplistic, and would work well in a low-poly game.
The bright orange doesn’t match the theme of the body, if you’re able to change that into a different colour, it might be better.

1 Like

The UI looks nice but for future reference, placing a watermark directly over a solid color doesn’t do much as it is very easy to edit out.

1 Like

Frames look pretty similar to mines. But I like it.

https://i.gyazo.com/64c18fda85599f4170c61062e4764c64.mp4
Page UI for my game.

5 Likes

Rather than the SELECT A HOUSE part of the GUI being so bug, you could make the Selected: “APARTMENT NAME” box a bit wider, so it wasn’t so squished together. It’s too close to the top of the shape.
Also, it just says what is above in the orange box.

1 Like

Alright, I’ll try to make it a lil better.
Also, the Apartment Name box is supposed to show your selected house, that you clicked. So jeah, it only shows the house you selected.

Thanks for feedback!

2 Likes

Just made this whilst I was bored, @TechSpectrum it’d be good to have your opinion on it.

In my opinion it looks a little “washed” if you get what I mean. There’s just something off with it, I can’t put my finger on it.

Before Edit

After Edit

EDIT: It’s the header and footer, they’re too bright. Let me go and darken them a little.

1 Like

10 Likes

Nice, that looks pretty good. It’d be good to have placeholder images rather than just the white - also where would the cost show for the items that aree on the GUI?

2 Likes

Well, it would be on the bottom of the white slots, but I made this pretty quick and for fun, so I did not really have plans for that.

Here is another thing I made for some One Piece game. Everything was made by me including the vectors.

FullStatsBar(WATERMARK(

11 Likes
  • The top text is fine but see what it looks like with bold too since it’s a Header text type.
  • The color contrast change was a good idea, I like it but maybe make the red X brighter and the blue brighter.
  • The bottom text could be better, less spacing, different font maybe. Overall you need to make the 70 and Ensign stick out more. If you could figure it out I would say code them to be highlighted words, or simply change how your message is displayed.
1 Like

With the bottom font I realized the spacing was a little too big, I’ll look for a different font.