Left

BLOG

Designing Practical And Pretty HUD In Video Games

December 6, 2024

When people praise games, they usually mention well-written stories, bombastic soundtracks, incredible graphics or art style. Sadly, great HUD and UI tend to be overlooked. It’s probably because players get used to it quickly and take it for granted. Meanwhile, designing a good HUD and UI can be quite a challenge, especially if you want to make it both practical and outstanding.

We will talk about the principles of game HUD, take a look at the great video game HUD design and see who can help you to design it for your own project.

What Is HUD’s Meaning In A Video Game?

HUD stands for “head-up display”. It’s an interface that is placed on the camera to display the necessary gameplay information, such as health points, resources, a map, score, time left, etc.

This information is crucial for a comfortable gaming experience. While some games experimented with an engaging approach, removing the HUD from the screen to make it both harder and more realistic, it’s not a standard. Removing HUD makes games feel slightly wrong, like removing a windshield or a rear-view mirror from your car.

What if I want to make a game both realistic and comfortable for players? 

If you’re making a game that is supposed to be immersive and put players into the shoes of a protagonist, without any health bars on the screen, a diegetic interface may help you. 

Diegetic interface removes all the information from the screen, but instead, implements it directly into the gameplay. For example, your health bar will be placed on a character’s back and the ammo count can be displayed in the form of a hologram when you aim your gun. This is exactly how it was made in horror blockbuster Dead Space.

dead space remake hud
Notice the green bar on the back? That’s your health that you see all the time and can react quickly to it if you’re about to die. No additional HUD is required (image source: Steam)

The Use of HUD in Video Games

Developers care about the convenience of a player and understand that info about the health, experience points, ammo counter and so on is crucial to have. It’s important to pay attention to clarity, but there’s always a place for some cool experiments that players will remember. Let’s take a look at some examples of HUD in video games and see what is the basis for their design!

Persona 5

persona 5 hud in games
Image source: Steam

One of the most cherished HUDs and UIs in video games was invented with the release of Persona 5. It’s capital-s Stylish, and if you have seen it once, you will never forget the beautiful blend of striking red and black. What makes it so good is that it is also perfectly functional and not just a gimmick, providing you with all the necessary info you can expect from a complex JRPG.

Metroid Prime

metroid prime helmet hud
Image soure: polygon.com

Another cult classic example is Metroid Prime. A pretty common and conventional game HUD – you see an ammo counter, a radar, a map, weapon modes and health points – with the exception that it’s technically a holographic part of your protagonist’s helmet. It works very well on many levels: it’s a part of your powerful suit that allows you to do tricks and shoot enemies and it’s a believable element of a hypothetical power armor that assists not only its wearer but also the player.

Metro series

metro exodus gameplay hud
Image source: Steam

Metro is another series that successfully implemented diegetic game HUD. Your character wears a wristwatch that shows the required information. Without additional distractions on the screen, you can focus on exploring the post-apocalyptic world full of interesting places to visit. It also works really well with the cruel world surrounding you: having a certain accessory with vital info in sight is definitely used by people doing hard work in nasty places.

Far Cry 2

far cry 2 diegetic hud gameplay
Image source: Behance

Far Cry 2 came out a very long time ago, but it still stands out as a great example of a memorable game HUD. We mentioned Dead Space as a great example of a diegetic interface, and Far Cry 2 does something similar. It’s a game that relies on providing a realistic, hardcore military experience to players and, for example, doesn’t show you the map on the screen. Instead, when you drive a car, GPS navigation can be used to track the way, and a good old-fashioned paper map shows you the places where you need to go. Pretty fun and creative approach that players still remember very well.

Cruelty Squad

cruelty squad hud demo gameplay
Image source: Steam

A very unique example: you’re probably thinking “What is this?”. This is what the game intended you to ask. Cruelty Squad is a surreal nightmare-like experience, blending tactical stealth, horror, immersive sim and some other genres. The ugly aesthetic of it is a part of the whole package: the world as seen by a depressed professional hitman. Enemies can kill you quickly and they can be hiding among big groups of innocent NPCs. After dying, you have to start from the beginning. But the most important parameters – health and ammo – can easily be seen and taken into attention even if you’re not focusing on them. Despite the intentionally uncomfortable experience, game HUD standards still remain!

HUD Game Design: How To Create A Good, Functional HUD That Players Will Adore?

Designing the game HUD can be seen as something very simple – “just draw some lines on the screen in different colors! – but there are some things requiring attention and thought. Let’s learn about them!

  1. First and foremost – make things perfectly visible: When driving a car, you have to focus on the road and use your peripheral vision to notice all the necessary things: fuel meter, speed-o-meter, mirrors, etc. The same can be applied to games: when you play a fast-paced shooter, it’s important to have a clear vision of all important elements such as health, ammo and a special ability’s status. Not just big icons and distinct saturated colors, but overall readability and clarity will raise the enjoyment of your game. It’s an essential part of any HUD that is not made for “internal use”. Paying attention to it is vital.
  2. Pay attention to what kind of information you give to players: Some info can be quite useful, but the other can make things a bit boring. Perhaps, instead of a marker indicating your “hide/not hide” status you can use enemies to speak with each other mentioning that they can’t find you. That will lead to even more engaging gameplay and will allow you to keep your game HUD clean. In some cases, maybe even removing the enemy health bar can be a great way to intensify gameplay. 
  3. Avoid cluttering: Many indicators can assist players and make the experience comfortable and convenient. But overloading players with information they don’t exactly need can be a bad idea. Our brain will simply start filtering it after being annoyed for several minutes. Some elements, such as the alert status in stealth games, game objective hints and grenade trajectories can appear only when needed – no reason to have them on screen all the time. 
  4. Be very careful with reinventing the wheel: While innovations are nothing but desirable things in the game industry that can get pretty trend-based from time to time, doing something left-field with conventional game HUD elements may be not a very good idea. Never fix what’s broken, and instead of this, you can try to collaborate with artists to make an interface more memorable. 
  5. Don’t forget about the accessibility: Some players may experience issues with the intricately designed HUD, which may seem perfectly fine to you. Keep in mind that the purpose of HUD is mainly to help players interact with your game. It’s important to make things accessible for all kinds of players. Even if you’re making a game oriented to hardcore audiences, remember that HUD doesn’t have to be very complex – instead, make mechanics tricky to master.
  6. Remember that testing and prototyping are obligatory: While working on a HUD, you can expect it to go through several different iterations and testing phases. And that’s perfectly fine: it may seem easy to design a good HUD, yet it’s pretty complex. What will work for you may not work for your audience, so be sure to playtest various HUDs and gather feedback (perhaps, there are only some small things that separate you from perfection?) 

Following these basics should result in a perfectly fine HUD for your players to experience. And yet, HUD game design is always open to more new things, but tread carefully!

But what if I want to make the game HUD functional, convenient AND pretty?

Then, a 2D artist team can help you! They work together with game and UX designers to ensure the HUD is doing everything it needs to be doing and looks unique and great. 

If you have ever played Diablo, you will never forget its game HUD. Gothic font, a frame with an eerie tombstone texture, two big spheres at the bottom indicating the remaining health and mana points – practical and remarkable, allowing you to soak in its dark atmosphere and play without being confused about the game mechanics and systems.

Creative 2D artists ensure the intuitive aspect of the interface, providing you with various artistic options to choose from. They pick up shapes, colors, textures and even animations of some elements. They also experiment with them and test them out. If it doesn’t work properly, it can always be redone. 

For instance, some elements may be enhanced by the introduction of a particle effect. It looks pretty and affects the atmosphere in a certain way. But it also can be redundant, distract players’ attention and overall turn out to be pretty, but pointless. Nothing is wrong with dynamic elements, but their implementation should work on all kinds of levels.

Instead, artists can add a 2D effect that is inanimate but works well with the game’s atmosphere. Then it starts to feel unique but doesn’t work against good intentions.

Artists help successfully blend different aspects of your game. Their input makes sure HUD correlates with the worldbuilding, the game’s overall aesthetic, and maybe even some occasional character traits. While playing the game, players will notice that the HUD accompanies their experience in a certain way, which will lead to a big interest and endorsement.

diablo 2 game hud example
Diablo II’s HUD is the one that will haunt you forever (image source: Game UI Database)

Can I outsource the game HUD? 

Outsourcing studios can definitely be contacted to work on HUDs! They have a dedicated team of professional artists with years of experience who will collaborate with you on the project, creating different kinds of interfaces for your needs, aesthetics, art style and game mechanics.

At RocketBrush Studio, we can produce all kinds of 2D art, not just the interface, but the additional art, such as concept art, environmental art, character and weapon art and so on. Our workflow and working practices have been tested and proven to be comfortable and efficient, with regular quality assurance processes, internal meetings, feedback gathering and successful releases.

game outsourcing studio 2d art icons
Some stylized icons we designed for Kingdoms At War

We have been working since 2016, collaborating with various industry leaders, such as Supercell, Paradox Interactive, Romero Games, Applovin and so on. Our testimonials can be read here.

Our expertise lies not only in 2D art, but also in 3D, animation, sound design and even full-scale game production. We have worked with different styles and genres and our portfolio can be investigated here.

Wrapping Up

Designing HUD is not as easy as it may seem, and it’s a very important part of the whole package. Be sure to focus on practicality, usefulness and impressive visual aspect to create an interface that players will discuss and adore for years after the initial release.

If you experience trouble creating it, feel free to contact RocketBrush Studio. Our experience, expertise and creative approach will allow you to focus on other aspects of your game, and provide you with a suitable final result, fully working in correlation to your game’s aspects.

We would love to help you create a distinct HUD that will be practical yet pretty, with a full health bar and a compass pointing right to the objective!

Create with us
Contact us, and we'll craft the perfect game art for your project
Get In Touch
See also:
Up