Higher quality UIs

Hello, I am trying to design a loading screen for my game. I have been designing the following image:

in Adobe XD (8k resolution) however, in-game and on Studio it looks very compressed/blurry.

(Noticeable on the text)

Is there any way to stop this from happening? I thought about exporting each individual item and piecing them together on Studio. Could anything make a difference or does Roblox naturally decrease the quality to save space?

Thanks for your help,
Pure…

1 Like

Yes, Roblox compression is horrible.

For the background, the way I go around doing this is quartering it into 4 seperate images with paint.net, and then importing them and putting them into a grid shape.

For the text, there’s not much you can do, unless you want to export the words seperately.

EDIT: I would also recommend adding a rounded corner semi-transparent rectangle behind your text and above your background, so people have a little bit of contrast between the background and text.

4 Likes

I’m glad it is not just myself then…

Thank you for the advice on quartering the image. I’ll try that now.

I’ll also add the rounded rectangle, I can see where you’re coming from.

Cheers,
Pure.

1 Like

Yep, worked brilliantly.

Thanks again,
Pure.

1 Like

If you run into any more issues, just let me know.

1 Like

also, do a better color for that text, it is impossible to read on some places

1 Like

Yeah, not the best color I do have to say. I’ll probably change that and add a rounded box to make it easier to read.

Cheers for the tip,
Pure.

rgb(24, 24, 24) is a good color for text on a light background if you dont want it black

1 Like

Just typed that into Google. It’s kinda what I’m going for. Dark greyish would work.

yea. would love to see the final result