I think it’s quite clear - design wise but at the same time I would reduce the sizing of basically everything, making it easy on the eyes and also following a consistent sizing pattern. I would also recommend that you add more spacing as it just feels ‘hugged’ and just ‘explode’ everything. I would also recommend that you use a better font such as Gotham.
All of the icons seem a bit blury. Not sure if that is something you intended but I thought I’d inform you
I recommend to combine some fonts and text colors. After some fix this can look good.
Updated OP with the current version of the menu.
Still looking for feedback.
That’s what happens when you use emoji’s as icons.
The use of font could be better in my eyes, you could of used the SourceSans SemiBold, without the TextStroke colour and transparency.
I don’t think you should make this transparent: 
I still think you could add some icons- but nevertheless, it does still clearly show what each of those buttons do.
But good improvements!
1 Like
The label on the Minigames button is uncomfortably close to the edges. Maybe you should make the font size a little bit smaller, or think of another label for the button.
2 Likes
I feel like something’s missing from the top of the screen…
A title?
2 Likes
I agree with jordy. A title would be cool.
1 Like
I would advise you make the following changes to your advice, as someone who has worked on UI professionally outside of Roblox:
Rounded corners are fine. I personally prefer tighter rounded corners and sometimes sharp corners, but they’re pretty foundational to many designs (think iOS or MD). I wouldn’t discredit them immediately.
The lack of contrast between the icons and the background. This is all too common and is bad practice! Make the icon sufficiently lighter or darker than the background so it’s easier to see!
SourceSansLight. Personally it used to be my favourite font but nowadays I see it overused everywhere. It’s a terrible choice for regular text since the light weight cause the text glyphs to lose contrast with the background, and makes a horrible reading experience. It works best in titles and headings, for regular body text I would just use regular Source Sans.
White icons - great idea, bad execution. Making a white icon just by cranking up the brightness is a terrible idea. Make or use a built for purpose white icon - these typically compensate for the lack of colour by including affordances in the icon shape that you would otherwise lose. Look at those Metro icons - notice how details are preserved by including them in the shape. Normal icons use colour for this instead and so you lose those details.
Don’t add filler content to the main menu just to make it look full. Just don’t. Function before form.
Metro looks nice. I’d rather you include more general advice that isn’t specific to one design language, so it can be used across styles.
Overall I would suggest reviewing best practices for UI design - you clearly have skill, but there’s just these small things which add up quickly!
3 Likes
Personally I have no issue with this part of the screen except for icons. The transparency helps keep the UI from being too plain and helps keep more of the game world visible, increasing the immersiveness by letting it gently peek through without disturbing the main UI elements.
1 Like
I would get rid of the all caps personally, and use different button colours. You can generate some neat palettes using online tools such as paletton.com!
Thanks for your feedback
OP has been updated with the current version of the menu.
Still looking for feedback!
Make a contrast between the three main buttons to the background. As you can see, the colour of the MINIGAMES box is only a slightly darker blue than the background, it just looks too mixed up. I suggest trying to put shadows or outlines around the buttons, or maybe experiment with new colour palettes as @Elttob has suggested.
Look what happens if you could add a title somewhere on top there, it might be visually good looking. Remember, if this is a menu, you want to leave a good impression to new players, so there’s a higher chance for them to come back. The background can even be replaced with something more unique and aesthetically pleasing. I would try with gradients or some images/thumbnails that reflects your game.
The following image, for example, can be used to replace your bland-looking background.
If you want to do something more advanced, consider using Tweening and animations. Other than that, the shopping/settings bar down the bottom left corner seems to obstruct the whole point of a main menu. It looks annoying to me, so perhaps you can move it somewhere else.
A question for you, how satisfied are you with your current UI layout? Is there any specific thing you’re aiming for?
Good luck designing!
I think you could at least keep the theme the colour scheme you have with two of those icons to the settings icon.
With the bottom UI, you add a shadow but you don’ do the same for the other buttons. It looks pretty left out, you should make it consistent throughout your other buttons. But personally, I think there shouldn’t be a shadow there at all.
Nevertheless, good changes.
Looks simple, and not overly complicated, but I would prefer a better background on the main menu
Closing this for now because my game is still in pre-alpha.
The UI looks a bit bland. I think you need to add characters on it to make it more lively too.
Suggestions
here
- Choose a new font
- Add a ‘hover’ effect
- Add more characters to make the UI stick out
- Change the background color from blue to gray/dark gray
- Outline around ‘Party’, ‘Minigames’ and ‘Extras’ UIs
- Why is ‘party’ singular while ‘minigames’ and ‘extras’ are plural
Other than that, I like the UI. Take suggestions from other people and take note of this
here
The UIs themselves do need some polish, but I definitely see a good start.
8/10
