Creating a good interface for a game: basic principles
Nowadays, really good games that can satisfy users do not rely only on graphics, because if the user encounters an unfriendly and uncomfortable interface, no picturesque scenery created with the help of the most modern technologies will make him continue playing.
In this article, we'll break down the basic principles of creating a good and appealing interface for a game.
And if you need content to fill the game world of your project, you can easily download it from our site. We have collected a huge library of various assets that will be useful for any occasion of life. For example, we have sets of 2D backgrounds for games of any genre, and you can also choose other 2D assets: sprites, tilesets, game objects and entire thematic 2D collections. In addition, we are constantly updating our catalog of low-poly 3d models for games and the category of PBR textures (link). Don't forget to check out the collection of fonts, icons and PSD text effects that will give a unique style to your game!
Now, we will give you some valuable tips you can use.
Remove the unnecessary things
Go through the elements on the design version of the interface and eliminate those that are inappropriate in terms of functionality or style. How do you know what fits and what doesn't? In fact, everything is simple: remove duplicate information, translate textual data into graphical content, with the goal of maximum comprehensibility. For example, a player is much more likely to pay attention to an exclamation point than to a square or a circle.
Beauty is more important than convenience (well, not really)
Very often you can see interfaces with a lot of interesting design solutions, various shiny things around the inscriptions, decorations, etc. Of course, if the game itself is colorful, you want the interface to match it. But often, in the pursuit of beauty, developers forget about ergonomics, and all this clutter not only blurs the player's idea of the purpose of the interface, but also steals space from really functional and important elements. Besides, every decorative element adds bytes to the overall weight of the game.
Better to make the text bigger than smaller
Don't make the text too small. Even with excellent eyesight, if you have to stare at the text, it will not be very pleasant to play. Also, small text is perceived poorly on a subconscious level, and people often just skip over it. Try to find the perfect balance, but in most cases it's better to make the text larger than smaller.
Use bright colors to highlight things
Bright colors are noticed by humans much faster than muted or even dark colors. Red is particularly noticeable: it is a color that attracts attention very quickly, making it a good choice for displaying damage or other important messages in the HUD. In addition, different colors are perceived differently by the eye under different lighting conditions. For example, a red object will appear almost black in the dark.
In general, it is very important to know the theory of colors and which combinations of hues are harmonious and which one's cause discomfort.
Shape is easier for the brain to read and understand than shades or details, so icons in the interface should have different shapes. It also makes sense to arrange interface elements to form recognizable simple shapes. For example, lines or squares.
Place the most important data in the middle or on the sides
The most important information should be closer to the center or on the sides at the bottom. Many FPS games (DOOM, Quake, many parts of the CoD franchise, etc.) are a good example of why you should do this. The point is that the player's attention is focused either on the edges of the object or on its center. As we hope you realize, the chances of someone looking up in search of the HP bar are negligible. Placing any data at the top would be a serious oversight.
Noticed a misTakeHighlight text and press Ctrl+Enter
A career as a game developer - what specialty to choose?
How animations are created in modern games
Making a comfortable and responsive UI
How 3D models are created for AAA games: full workflow
Top tips for introducing monetization into games
What programming language should I choose for a career as a game developer?