My first ever attempt at making UI

So recently i have been experimenting with UI Designing so i can hopefully one day get a small part time job.I am open for suggestions and criticism as this is my first ever UI that iv’e made. Thanks for reading!!

Job 6

job 2

5 Likes

It looks really good for being your first time, Only thing I would really change is making the stroke a little less thick, but that’s just my personal preference.

2 Likes

Woah! This is an incredibly amazing UI. And this is your first time??? Keep up the good work!

Great start for your first time! Better than my first GUI

What you could do to improve your GUI is, like what @JackFr_ost said, is to lower the strokes.

You could also make the text size smaller for the text-boxes and buttons.

Change the size of “Enter Code” so it’s smaller and not touching the edges.

thank you for your feedback, i will take that into consideration!

Yeah, i forgot to change some of the sizes of the UI.

Thank you very much!. Yeah i am pretty new on UI Designing so it’s not the best lol.

Looks good!
There are rooms for improvements, for exmaple :
– Decreasing the size of the stroke
– matching the colours (Settings - made by BiscuitDev, white stroke)
– The Settings Button is a bit big

But like I said, It’s good for your first start!
Hope to see more in the future!

Really love the colour contrast. Looks catchy to the eye. I personally am a really big lover of cartoon style games and UI’s I think they really just look amazing.
I think you should try and learn paint.net to make more complex shapes for your UI’s and make them look more presentable.
Also, I think you should try using the UI gradient a go. It’s quite good for adding effects to UI’s and making them have a faded effect.

Other than that, keep up the good work! You’re doing great!

Thanks for your feedback!! I’ve been trying to use Paint.net for a few months but had no success, but I’ll give it a shot again and try to improve on the shapes.
I’ve also started to experiment for the past few days on the UIGradient patterns, and it’s really interesting but I can’t seem to find a way to make the colors faded. :frowning:

Its decent, but its really really thick borders and weird colours is making it hard to look at.

Aight I have a few tips and criticism for this

  1. Like everyone else is saying, the Ui stroke on the border is too much.
    2.For dark background ui’s I would recommend either making the text white or just a light colour.
  2. For the Enter Code instead of using TextScaled use TextSize so it doesn’t merge too much with the corner of the ui like it shows in the picture

For your 1st try this is a good start

The UIStroke thickness definitely needs to be lowered
In the second image, for the text, try changing the text color to white and changing up the fonts in different UI elements

Other than that, if this is really your first time, it looks really good.

Does TextSize evenly scale between different screens though?
Either way, he can just set the Corner Radius of the UICorner to something like 0, 5 or 0, 9

I think you have to add a ``TextSizeConstraint```

( Late reply sorry )Thank you very much for the useful information that you’ve given me. I will definitely take this into consideration.

( late reply sorry ) Yeah a lot of people have been taking to me about this. I should definitely improve it.

For some reason “UITextSizeConstraint” doesn’t seem to be working on all devices. I’ve tried it but had no success