How can I improve my Healthbar UI Designs?

I have recently begun getting into UI designs and I wanted to start off with creating a healthbar(none of it scripted yet). Here are a couple unique ideas that I came up with:

image

image

image

What can I do to improve these designs and what else should I do to improve my UI designing skills in the future?

2 Likes

The first design stands out a lot so I like that about it. Maybe you can add shields to the game (If it suits your game) so that you can overlap the green with I guess blue which will show the shield. While your scripting, maybe add a cool animation when you lose HP so it can make the game play a bit more fun.
Best of luck.

Thank you for the advice! But what exactly do you mean by “shields”?

Maybe instead of doing text use images/icons for the -%

Like for example, if you see some games, lets take fortnite for example, they have shields placed underneath the health bar. What I am suggesting is that maybe you can overlap the shield bar onto of the health bar to give it a cool effect. So if a person loses all of their shield, they move onto losing health. It is technically like extra health.