Feedback On Recent UI

this is no longerrrrrrrrrrrrrrrrrrrrrr.

7 Likes

Excellent!

I love all everything about this UI, the shadows, the cartoony look, and the choice of color, except in the last screenshot.
Personally I think that the pink background is too bright (at least for me) and I recommend making it something like a pastel color.

In the first UI I think you should make the font brighter (more white). Also the blocks and triangles have a lot of contrast, so I think making a gradient for those would be better.

The second UI has a significantly big dollar sign which bothers me. I think the dollar sign (if its to see how much it sells) should be put under the description.

Overall the UI has a great cartoony look! :slight_smile:

1 Like

Thank you for the feedback, the pink background is just so I could see what I was doing!

1 Like

Thank you for the feedback, I’ll be changing some stuff later today!

Alright, here’s my take on these designs.

For the first one, I really like the look you’re going for! However, there are some things my eyes don’t enjoy as much:

  • There’s too little contrast! This is especially visible in the top right where you can barely see the menu elements.

  • Free yourself, use more text styles! This is something I found a tad annoying in the head and subhead, the subhead is nothing more than a smaller size text! Try making them feel more unique while still making sure you can see they relate. For example, try giving the head a more white color or making the subhead a different font.

As for the second picture:

  • The supposed scrollbar element looks more like a border as it’s positioned perfectly inbetween the left and right sides of the frame. I’d suggest making it slightly smaller and moving it a few pixels left.

  • A perfectionists nightmare, slightly oversized elements! Flavour text aside, the red bar is a few pixels bigger than the dollar frame, giving the top a little bump in the middle. Please, make the red bar a bit smaller so the elements line up.

  • What do those bars mean? As they’re given completely out of context it’s impossible to figure out their meaning. Perhaps you should consider marking them with icons or text?

  • The dollar text is, well, huge. If you’re using TextScaled, at least make the text not touch the edges like they do here. Don’t be afraid to add some white space! On a side note, the dollar color feels a bit less energetic than the rest of the colors. Perhaps change it something more vibrant?

It may sound as if I hate these pieces judging by all the feedback, but I really do like the designs! Most of my feedback is quite picky, and would barely make any difference if applied. Either way, these are some solid designs! Good luck! :wink:

Woo! Thank you for all this feedback! I will be using this.

1 Like

Well, Nice design, i have quite few suggestions

  • The first one the text blends in with the purple background too much,
  • The learn More blends in also with that white shape too little contrast,
  • The home and about also blends in too much,

The Second UI

  • now this one looks nice, the plus icon is not on that shape correct, it should be on the top right, it goes in to the pink background too much i cant kinda see the red for the plus sign,
  • make the shadow for the 0 different than the other ones

hope these suggestions will help you :slightly_smiling_face:

First UI looks smooth, interesting, appealing to the eyes.

Second UI, the back shadow should be pointed down and not up in my opinion. Good structure so far though.

1 Like

image
I just don’t know why but it looks really strange. Maybe changing all text’s textcolor3 to color3.fromrgb(255,255,255) will solve that.

image
Common problem occurred on most of the UI. Contrast issue.