Since ancient times, symbols and icons have always played the role of "second understanding"; then, how to design the icons in the game UI? What are the classifications? You will know after reading this article.

You know, for newcomers who are new to the game UI, there are two things to care about - interface interaction and icon design. The latter, as the icon design that occupies half of the country, is often mentioned by the students.


Perhaps, a small partner will ask: Why is icon design important? In fact, the answer is simple, because it is the most visible and intuitive.

Imagine that when we first came into contact with a new game, we opened the game application to the login account; the first three minutes were all dealing with the interface icon. Before we officially started the game, it was this first impression that influenced us, so we couldn’t help but evaluate a game: Wow, the picture is great! what! ? Spicy chicken design... Graphics not only conveys interface information, but also affects users' emotions. A good game UI icon makes the player pleasing to the eye, and a poor icon design will give the player the urge to drop the hole (falling the keyboard) in minutes.


So, how was a good version of the icon design born? When you read this article, you will no longer be confused about what the icon design is and how to do it. You will have a feeling of distracting the fog. What are you waiting for? It’s right to look down.
First, let's be clear: What is the icon? If you have a small partner who is often on the Internet, you will definitely find this type of icon - the vector icon. These various graphic design applications are used in all aspects of our surroundings: from a company's LOGO to a public toilet at the corner of the street. Our life is inseparable from the icon, because it extracts complex information - simplify - abstraction, let us know in seconds.

In short, an icon is a graphic that conveys information.

Of course, the icon function of the game UI is not limited to the transmission of information, it also includes an aesthetic and interesting expression. Since drawing a good icon is the basic skill of a game UI designer, how can you come up with a design and easily respond to the needs of planning?


At this time, the classification of game icons is crucial. From the whole process of the game, the icons are divided into the following categories: 1. Functional icons 2. Skill icons 3. Item icons 4. Logo design

Think about how often we deal with these things when we play games? The next time I play LOL\DOTA2, I will occasionally pay attention to the icon design inside to see what new discoveries are there.

1, functional icons

As the name implies, it is the entrance to the system function. For it, recognition is first; we always hope that dear player friends can know what it is for a glance. Like characters, quests, gangs, the buttons on these menu bars are typical functional icons. It contains a very strong "metaphor" in it and looks more abstract. Therefore, there will be a lot of icons with "text annotations" added below to enhance understanding.


2, skill icon

If you are a DOTA2 player (novice or not), I think, you must know the four skill keys Q\W\E\R. By pressing these buttons on the keyboard, the skill bar in the game will begin to flash and the hero will release gorgeous skills. Different from functional avatars, such icons are generally accompanied by strong light effects. Usually, we add dynamic effects in the design process: reflect the state of the character (BUFF), express the trend before the release of energy and express a strong sense of existence. Sometimes different heroes have different attribute characteristics. For example, the skill icon of the Necromancer is green, and the skill icon of the Batrider is mainly flame red. This is related to the characteristics of the hero, and there is a hidden story behind the character, depending on how you want to express it.


3, the item icon to play the game, what is the word we often shout? That's right, it's "playing equipment, upgrading grades." Equipment and items can give us a strong sense of accomplishment. Speaking of the item icon, the most intuitive thing in the game UI is it: what it is, simply expressing the object, and not having to embody the so-called atmosphere as the original picture of the game. The more classic is the icon of Diablo 3, the uniform style and grade attributes, these are great references.
4, logo design

A good logo design will be very delicate and have a good decorative effect. Because it is a icing on the cake, so many logos are drawn by the original artist. It expresses the stories and ideas behind the game world and can effectively improve the quality of the game. I don't know if you have ever thought about it. The various service badges like LOL have the meaning behind them.


After reading so many people's designs, do you want to draw one yourself? At this time, are you already opening the PS and looking at the newly created blank canvas? In fact, the icon design also has a complete set of processes, and mastering the specific design steps can improve the design efficiency. I roughly divided it into five steps:

1. Draft

It is to draw a lot of sketches and draw a silhouette of the appearance in a short time. At this time, you can enjoy the imagination. Because the cost of the modification is low, you can draw multiple versions of the icon based on the same topic.

2, line draft

This stage is a summary of the draft, which needs to refine the pattern and outline of the icon. Some elements can be considered exaggerated and deformed during the design process.

3, flat coating

Use the PS pen tool to outline the object, determine the inherent color of the object, and distinguish the level of color.


4, detailing

Starting from this part, it is a general meaning of painting; you need to add color relationships, shape volume, detail, texture - to shape the approximate shape.

5, adjust this time, basically no longer make major changes; mainly the adjustment of the hue, so that it is integrated into the game's picture. That, it’s the last step, and it’s serious.
Design is a rearrangement of old elements, as is good icon design. When I evaluate the quality of a UI icon design, I will see if it is recognizable, uniform and artistic. Similarly, when you draw an icon, you can also use this as a self-check list. Ask yourself: Can it really be seen at a glance? Will it conflict with other icons? Is its design interesting/artistic? Ask one more question, it will be less tangled.
It is said that the game UI icon is "deducted pixels" on a small picture, which is less than the atmosphere and free and easy compared to the original picture. But any industry will have a clear division of labor, and anyone who is missing will be a lame. With the rise of mobile games, game UI has become more and more important, and the interface of some game applications is even entirely composed of UI icons. Therefore, learning the game UI and drawing good icons can also have a very good prospect.
Of course, learning UI design is not just a drawing icon... In fact, there are still many things to understand. If you like this article and want to learn more about the game UI course, you can poke the picture.

I saw this, and I’m going to leave it under the comments~



Biodegradable Shopping Bags

All 100% biodegradable shopping bag can be fully degraded, and have passed the American ASTM-D6400 and EU EN13432 compostable certification Standard test. Our biodegradablebag products are made of 100% biodegradable resin as raw materials, free of plastic, non-toxic and harmless.

Bury the used biodegradable bags in the soil, or bury them in the environment with microorganisms. The compost can degrade 100% into carbon dioxide and water in 3 months and become organic fertilizer without white pollution.

Biodegradable T Shirt Bags,Biodegradable Plastic Shopping ,Compostable Grocery Bags,Biodegradable Plastic Grocery Bags

Shaoxing Lvxing New Material Co.,Ltd , https://www.chinabiodegradable.com