What do you think of my new UI design?. This UI design is my 1st ever proper UI design!.
Keep in mind this is watermarked. Feedback is needed please.
7 Likes
Not bad at all, you have corners which are great but I would suggest you have a fun background instead of the white and I would redo trade logo and make it pop more.
2 Likes
It is a very good UI i am Impressed
1 Like
Thank you! 
i agree to.
Hi, it is a good UI but the thing I dont like is how the girl isnât centered, while the boy is.
other than that its good!
1 Like
A few quick things that I noticed:
- The âtrading enabledâ, âplayer 1â, and âplayer 2â buttons are all different sizes and also donât have the same amount of space between them. Consistent size and padding would really help.
- The text size for player 1 and player 2 is going to have to scale down if you are going to accommodate longer usernames (max is 20 chars. E.g. onlytwentycharacters)
- As @veteraite mentioned, the avatar images should be even with each other and they should also have a little padding between the edge of the images and the edge of the button.
- The UI gives off a cartoony/playful type vibe with the font choice and pet character but there isnât much color so I feel a bit of color would really help bring the UI to life more
- The icon and âtradeâ text at the top feel a little large
- Last of all, and maybe most importantly, I donât actually know what Iâm supposed to do on this page. I canât tell if itâs a page for picking a player to choose from or if itâs the page where I make a trade with a player I already picked. If this is for selecting players Iâd suggest making the player list more like a scrolling list of players to pick from and have the pet icon and trade text be smaller so youâve got more room for listing players. If this is for trades then Iâd expect to see more of a grid or something similar where the pet icon is for picking the items youâd like to trade. If you wanted to combine both then Iâd suggest turning the player list into a scrolling list and when you select a player the pet icon changes to a grid for selecting what you want to trade.
I know this is probably a lot and youâve done a good job with your first UI but with a few tweaks I think itâll really take it to the next level.
3 Likes
They could use a drop shadow/3D effect maybe, but overall pretty good! 
1 Like
Its very basic.
try adding dropshadows,make the text have effects, organise it a bit more
and just make it look like a trading menu in general.
The Cat image you included does not fit, the colors you chose are also not the best choice.
1 Like
Looks good so far, however there are some very minute problems.
In the title, it would be better to make the outline of each letter darker. It takes a second or two for the eyes adjust and actually make out the word, so doing that would be super helpful.
Not sure if itâs just my bad eyesight, but the boxes donât seem to be lining up. For me, I make a seperate layer called âMeasurementsâ then set the line colour to a sharp red. I use the line tool set to one pixel and draw straight down from where I want the box to start, then line them up accordingly.
The same goes for the spacing between the boxes. Draw a line between the first and second box and how far apart you want the gap to be. Every time you make a new box, you can drag the measurement down to ensure thereâs the same space gap every time.
The box outlines also seem pretty dark compared to the rest of the UI, so I suggest making it a bit lighter. Possibly hex #444444 or #707070 would look nice.
Another tip is to not use harsh colour shading. The green dot on the little (slider thing?) is a harsh shade and it makes you not want to look at it. I also suggest adding a small outline to the white box since itâs pretty hard to see with the gray background.
Happy designing.
1 Like
It is a very good UI.keep up the great work.
1 Like