Cartoony UI design (Feedback please)

This is the second UI iv’e ever made. I tried making it a cartoony look, and am wondering what I could do to make it better.

7 Likes

Try giving it a shiny effect on the corners of the button, also making colors pop a bit more.

3 Likes

What software are you using to make that? Trying to improve my UI as well :stuck_out_tongue:

It looks kind of flat. I would try to add shadow under it to give it more depth. But this still looks good!

1 Like

For a cartoony UI, the concept is good, but on the top and on the edges, you should make it smoother, so it looks more professional.

2 Likes

I used ibisPaint X it’s for mobile XD

1 Like

Hey there! I have some tips for you for UI Design.

I see that you went with a cartoony look for this UI. However, it looks a bit bland. Consider adding shine effects to the top left and bottom right corners of the UI.

Maybe make the button a little wider, as it looks quite slim if you know what I mean.

Whilst I can see that you went with a cartoony style for this UI, it doesn’t really pop out. Maybe add a checkerboard pattern or something like that to the UI so it pops out.

Maybe add a gradient to the Buttonon too, I think that’d look good.

Changing the outline colour from green to white might also make it look more cartoony and bright.

Here’s an example of UI that doesn’t pop out:

That’s some UI I created a while ago. The UI showcased in the image above looks overall sloppy and doesn’t really pop out.

Here’s an example of UI that does pop out:

This is some UI I recently did for a commission. The lines on the UI make it pop out as well as the bright colours.

4 Likes


Looks good for just starting, you could add a varying background like in the picture I attached. Not the winter aesthetic but the varying colors as well as making it a little more rounder.

3 Likes

Before you start doing all of these other things I recommend you fix the un-even sides, all the sides stick out a lot and the right side barely does :stuck_out_tongue:

1 Like

What do you mean why uneven sides? Do you mean size?

here I did this yesterday. Would it be better though to make the shine more curved?

1 Like

Maybe. Try it out if you want.

1 Like

Looks awesome :smiley:

Maybe try this?
Sunbursts on UI can also sometimes look good too. Just don’t overdo them.

(UI above by @TixLumb2)

1 Like

Okay. I also tried changing it to the white outline.

for some reason it’s really uneven, so once I perfect it I’ll have to redo it so it’s even

1 Like

And here’s it with the sunburst

1 Like

Hmm, how about making it a bit more transparent?

do you mean like this?

1 Like

that’s less transparent. I would say the text needs a subtle gradient. Getting better, though!

2 Likes