[REMADE UI!] Feedback on Loading Screen

Hey there! Im CAP7A1N, (aka Cap) and it is my passion making UI’s.

I recently (when I was bored) made this loading screen and I would love your opinion on it.
Note the upper frame can be not rounded.

Old UI

sYrGUa0pvZ
Capture

THANKS EVERYONE FOR THE FEEDBACK! I made some changes based on suggestions and here is the final version:

PhYmgHi8gw

17 Likes

I love it, the colours look good together its basically perfect. :slight_smile:

Nice choice of colors, makes the UI look clean.

Only point of improvement would be the margins, move the initializing text right a little to match the horizontal position of the big loading text, same goes for the loading circle (move that left a little).

2 Likes

Alright, thanks for the feedback.

Beautiful, I really like the loading bar it is really nice.

It looks good however the text that says “INITIALIZING _____” should be moved to be in-line with the blue box, and the “LOADING” text should be shrunk a little so it’s not so close to the edge of the box.
image

3 Likes

The loading text percentage is only begins to be visible around the 40-60% region. Changing its position or colour would probably help.

Looks great, I love it! Only recommendation is that I think the percent text should be blue then turn white after the loading bar goes across it.
Nice job!

I really love the design of it, makes it looked finished and clean I would maybe experiment with putting the Load Symbol somewhere else, I just look’s out of Place to me.

Anyways, I love the work keep it up!

You should round the inside of the loading box, you should also align the text better.

1 Like

Hello CAP7A1N,

Being as this Loading screen has the potential to be used for many circumstances, I can not specifically inquire on any changes that may need to be made, current or future.

  1. In this UI’s current state, it retains a clean and bold appearance with excellently contrasted differential between Fonts/Numbers and Miscellaneous added details.
    (It’s shape and size compares respectfully between the three)

  2. The response time between the loading animation (Circle) and the loading bar (Containing load percentage) has an effective speed compatibility.
    (It loads at the same time very effectively)

Keep up your passion with UI’s, I would love to see more!
D3V

As others have said above, the color choice is very nice! I also like the rounded frame and the rounded bar.

Things I’d suggest:
Making the Loading font a little smaller, so it’s not too close to the edge of the blue element.
Moving the “Initializing” text farther away from the border.
Making the percentage text blue when the bar has not overlapped it and back to white when it has (so players can read it throughout).

Other than that, the overall style is very good indeed! Keep up the good work :smile:.

2 Likes

That’s so good! Continue doing your amazing work on the platform. Someone would pay good money for that.

This UI is really nice, has a great colour scheme. However there are ways to improve it, such as the following:

  • Move the "Initializing - " text to the right instead of having it pushed right up against the edge of the UI.
  • The percentage can only be noticed once the blue bar reaches it, perhaps you should change the colour of it or do something that will make it more noticeable.
  • I think the “LOADING” text is slightly too big, as it’s too close to the edge of the box, should be made a bit smaller.
  • Move the loading circle to the left a little as it also looks squashed up against the edge of the UI

I don’t know the intended use for it, but it looks fantastic! Keep up the good work.

1 Like

Really nice loading screen I like that I have just one suggestion

Suggestion
You should make the inner box round just like the outer box

Overall it’s looks great I like it great work :+1:

Hope this help.

Definitely looks the best if the loading icon rotates smoother

1 Like

Everything looks good and fine only thing I don’t like is that the loading bar doesn’t say anything until it hits 40%+

image

1 Like

Hello DevOfLua,

That’s something a lot of people haven’t noticed, I am glad you have pointed that out to the Developer as Feedback.

  • The reason for this is because the FONT COLOR for the displayed percentage is Institutional White, which is mapped onto the white within that Loading Area (The stretched “Oval Shape”) and therefore only appears when the blue loading bar animation hits it, because the white will appear on the blue.

Good observation, and would undoubtedly be a good fix if it is added.
D3V

1 Like

Make the switch from initializing ____ more smoother and pleasant to the eye. And at 100% it should say something along the lines of “Game ready!” Or something like that.

Hello CAP7A1N,

Excellent work implementing user feedback into your “Remade UI”.
D3V