Can you guys rate my UI? I’m a beginner UI designer. Please be honest
7 Likes
pretty good for a beginner, you should add some border designs on the guis on the top of the screen
Very low contrast on the avatars button. Additionally, it feels a bit cluttered. A rule of thumb I use is that if it’s not very easily readable at a distance, it doesn’t have enough contrast. If you want to check the contrast of your colours, I use the WebAIM Contrast Checker.
Try to keep font sizes consistent. If you’re using Figma, I highly recommend using components and variables to help you keep your UI consistent.
Additionally, use the same icon set across your UI. I quite like Google’s Material Symbols, and there’s a Figma plugin for them, but there’s other icon sets out there.
It’s not too bad. Keep trying, and you’ll get better 
2 Likes
Its not the best but it looks like its getting somewhere!
What id say sticks out to me the most is the size of these buttons, try notch it down a bit, especially the UI at the top which is unnecessarily big. Once you toned down the size of the UI, it will look a little bit less cluttered.
On the topic of clutter, id say to make the UI look more organized, create a backdrop behind the top UI like you did on the left UI, hopefully this will make things look more organized, but if you don’t wanna do that, making the UI on the top have the same size and border (basically style in general) will keep consistency and do just as well as the backdrop.
And on consistency, which I see is lacking here, try and keep ALL the UI the same style or feel. Somewhere, I see buttons with really cool border styles and somewhere else I don’t see borders at all, same with the color, its very inconsistent so try and use a color pallet for it. I also see UI with beveled edges and some UI without, try keep it consistent there as well.
So in conclusion, what I’d say is to tone down the sizes, think about the layout and maintain consistency. Goodluck!
(Also, please dont use solid colors, eg. solid black or solid white, it really hurts the eyes., so try a lighter/darker red or a greyish black or a greyish white.)
1 Like
I like it, although personally I would change the font, and the “$ Donations $” button to “$ Donations”.
It looks pretty good.
1 Like
i actually really like this! the Buttons on the left are so cool!
This UI looks great! The Avatars button color is a bit too dark and blends in with the back a bit too much. Otherwise, nice job on this! How long did it take for you to create?