Some Good Tips for UI

Hey there,

In this tutorial, your gonna learn something new in a easy and understandable way

However it might be a bit small, but you won’t regret it

Always keep background darker than content color

image :heavy_check_mark: image

Don’t keep too big or heavy borders

image :heavy_check_mark: image :x:

Don’t write stories, keep it simple

image :heavy_check_mark: image :x:

Don’t keep rainbow colors/random colors, keep consistent in theme

image :x:
Keep a theme :heavy_check_mark:

image
image
image

Hope you like and understood some good tips, thank you, support me

Paypal

39 Likes

Consistency certainly is key with colours for your UI. I’d recommend that you would round the title though, to keep it consistent, although Studio doesn’t offer independent corners which would be useful.

11 Likes

Yes we need to keep UI consistent in theme and design

2 Likes

Not really. The content just has to stand out from the background. Light mode users read black text on a white background.


Heavy borders are crucial sometimes. Such as, to show that the user has selected something, to make an item pop. Without a border, there isn’t a focal point.


Depends. Short answers seem less professional than long ones.

6 Likes

I’d also recommend keeping a consistent spacing between the borders.

2 Likes

Nope, no one likes to read tons of stuff, if its small then there is a greater chance it gets readable by players

3 Likes

The example you provided doesn’t sound as professional. You’re trying to enforce rules. Make it sound professional. Rules are more likely to be broken if players see that it doesn’t look intimidating.

1 Like

Good tutorial although very short and one of the tips is misleading. This is the one I’ve quoted above. It says to keep the background darker then the content, however as you’ve seen below the background is lighter than everything else. So which one is true?

3 Likes

Yeah and how it was written in the example too

1 Like

The content maybe means the title?

1 Like

I would agree with this except for the example they give that first tip the title is lighter like the tip explains, unlike the examples down below.

2 Likes

Very nice tips! Even tho i already knew and used these good tips. Great for new UI designers!

2 Likes

No like I mean the text color should be the opposite color than the background, or a darker text color so the text could be clear, here the background is dark black, and the text background is slight less darker

Thank you for your feedback on my tutorial

I have one.

Keep importance correct, like the delete button should not have bigger text than the keep button or the play might click delete when they meant to click keep.

If this is the case you might want to clarify this in the post as it’s confusing for non-UI artists.

1 Like

this might be a little complex, but here we go

What I'm trying to do

So im making a dealership UI, how do I make it so when the player jumps into the showroom model of said car. it shows the UI. and it checks if they have enough money. and if it does. it buys and spawns the car.

1 Like