I made this concept of a new admin panel and would adore some feedback from more experienced UI designers but would also appreciate a viewpoint from fresh eyes.
How can I make the UI feel more modern?
2 Likes
not to bad my guy I recommend adding more gradients on the button as well as the dashbard.
2 Likes
Haven’t made UI before but from what I can see, it looks good. Looks fresh and as an admin panel, it looks professional.
You surely could add images or more, but as the “baseplate” to what can be there, seems good in my opinion.
1 Like
Well, Modern usually includes Dark Mode. I recommend adding icons to your Sidebar buttons.
Also make the “Username” text to…probably what looks like 14 font size, possibly 20. Whatever works for you.
Also, you need to include the name of your Application/Dashboard somewhere. Usually on the sidebar but you could put it in the Main Page at the top, then the Page Name (Dashboard, Discipline etc) under it.
If there’s any confusion I can make you a concept UI or some inspiration.
TL;DR Good UI, needs some tuning though.
1 Like
Thanks, I did try adding icons but the ones I found imported at a really low quality and it didn’t look good.
It looks nice as it is, I love how minimalistic it looks. Just add more details, definitely colors [not too much, keep the minimalistic look] and definitely try to play around with the fonts.
The fade on the left makes the buttons disappear into the background. I would suggest making sure your buttons stand out from any background. Either make the background fade darker (so that it doesn’t go to white) or make the buttons a colour other than white. Alternatively, add an outline to the button.
For accessibility, using WebAIM: Contrast Checker can make sure that your UI works for people who are colourblind or have other visual problems.
1 Like
I love it. The 3 different coloured dots at the top-left corner reminds me of a MacBook computer.
I think the gradient on the sidebar buttons is a bit too strong, seeing as the buttons are barely visible on the far left. Other than that, it looks pretty good!
1 Like
Have you tried using Feather Icons Plugin? It’s an icon plugin that imports straight into ROBLOX at high Quality.
When resizing it hold SHIFT to keep proportions ;D
2 Likes
Thanks I will try that out!
I was also wondering if there was an easy way to make a drop shadow in studio?
Color is TOO white…
Try going towards blue for a more vibrant white.
Instead of #ffffff use #e6ecf5, I do this same thing when working with blacks.
^ also font change !!! i know roblox doesnt offer the best fonts but I think there could be better