You don't have access to this class

Keep learning! Join and start boosting your career

Aprovecha el precio especial y haz tu profesión a prueba de IA

Antes: $249

Currency
$209
Suscríbete

Termina en:

1 Días
5 Hrs
20 Min
59 Seg

Análisis de UI para videojuegos

25/30
Resources

What is a user interface in mobile games?

The user interface in mobile games is essential to the user experience, as it brings together all the visual elements necessary for interaction and clarity of the message. These elements include buttons, colors, positioning and menus. The consistency and aesthetics of these components are key to creating a mental connection with the player and defining in-game usability.

What should buttons and other elements look like?

Buttons and other interface elements should have a consistent design. For example, in a game like "Año Users", the buttons have a uniform style: they are all irregular squares with a wooden color and a similar line. Although the text may change, the shape and design of the button remains the same to strengthen the user's familiarity with the game's actions.

What visual elements help the user?

The design should help the player easily identify which buttons are interactive and which are decorative elements. For example, in the case of selected buttons, a blue line may indicate that they are active, while a yellow line suggests that they are not active or inactive. In addition, other elements such as gems, although they may appear decorative, are also interactive and should be designed with functionality in mind.

What is the HUD and how does it affect the user experience?

HUD, also known as Head-Up Display, is an integral part of game design. It comprises the elements that are always visible on the screen, such as the life system or timers, which provide essential information to the player without distracting their attention from the main game.

Where should HUD elements be placed?

To optimize accessibility and user experience on mobile devices, HUD elements are placed in the corners of the screen. This prevents the player's fingers from blocking them, allowing easy and continuous access.

What elements are essential in a HUD?

Critical elements in a HUD typically include the score, time, and major controls such as the pause button. These provide the player with constant and clear information, enhancing gameplay without creating unnecessary distractions.

How are interface elements prepared and exported?

Preparing and exporting user interface elements are important steps to ensure that graphics look good and work efficiently in a game.

What are the steps for exporting elements in Photoshop?

  1. Layer selection: Use the mouse and selection tools to isolate specific components.
  2. Proper cropping: Apply cropping tools to ensure correct sizing.
  3. Saving in proper format: The recommendation is to use PNG format to preserve the necessary transparency.

What are the peculiarities of the background and menus?

Backgrounds and menus are exceptional because the space can be repeated or stretched. This reduces the file size without losing visual quality, which facilitates program efficiency when these graphics are integrated into engines such as Unity.

Why is graphics efficiency important?

Efficient graphics elements are crucial to game performance. Efficient management of the size and quantity of graphics assets ensures faster load times and a smoother user experience. By compressing and optimizing these elements, the game not only improves in performance, but also in its visual impact, allowing developers to focus on creating an attractive and functional product.

Contributions 6

Questions 0

Sort by:

Want to see more contributions, questions and answers from the community?

Este curso me hace darme cuenta que cada estudio debe tener un sin fin de diseñadores y programadores por igual.

HUD : Head-Up Display, visualización cabeza-arriba, visualización frontal, visualización head-up.
Elementos que están siempre en pantalla: sistema de vida, score o puntaje, tiempo, botón de pausa, barra de estado, monedas, objetos activos…
UI debe estar en la línea gráfica del juego pero sobre todo debe diferenciarse claramente del juego sin distraer.

Para los interesados en el tema del diseño les recomiendo el libro Non-Designer's Design Book de Robin Williams que habla de los 4 principios del diseño. :P

Un ejemplo de HUD muy bueno es el de Red Dead Redemption 2. Está todo en la misma línea gráfica que el juego y es de color blanco: resalta lo suficiente como para ser entendible y claro, pero no tanto como para afectar la experiencia de juego. Además, aparecen sólo cuando se está realizando una acción que los necesite, dejando a la vista el juego como tal, que ya de por sí tiene gráficos increíbles.

Algunos de los ejemplos me parecieron con demasiados elementos en los menús, el diseño para del menú yo lo hubiera puesto mas oscuro, siniestro, se veía muy “light”

En lugar de importar toda la imagen a Unity lo que hicimos fue hacerla más pequeña por ende pesa menos, y posteriormente en Unity lo agrandamos. Esto nos ayuda a que el juego sea más eficiente al estar trabajando con archivos menos pesados.