Todo está aquí: La guía definitiva para crear interfaces UI en Unity

Miles de personas se han preinscrito y ahora por fin está aquí: Nuestro libro electrónico más grande hasta el momento, Diseño e implementación de interfaz de usuario en Unity, está disponible para descargar. Prepárese para sumergirse en más de 130 páginas de instrucciones avanzadas en diseño de UI.
La interfaz de usuario de tu juego es quizás la forma más directa en la que puedes comunicarte con tus jugadores y guiarlos: es como un mapa plegado que les entregas y que revela pistas, detalles clave y direcciones a medida que avanzan. Ya sea que uses elementos más tradicionales como barras de salud y mensajes emergentes, o elementos completamente integrados en el mundo del juego, como mostrar estadísticas en la parte posterior del traje de supervivencia de un jugador, la interfaz de usuario es fundamental para sumergir a los jugadores en la historia, el reino y el estilo artístico de tu juego.
Nos complace anunciar que nuestro último libro electrónico técnico, Diseño e implementación de interfaz de usuario en Unity, está disponible para descargar de forma gratuita. Miles de personas ya se han registrado y muchos otros han descargado su pieza complementaria, el proyecto de demostración, UI Toolkit sample – Dragon Crashers, hasta la fecha. Ahora es tu turno.

El interés por este libro electrónico es comprensible. Como dice en la introducción, “La interfaz de usuario es una parte fundamental de cualquier juego… una interfaz gráfica de usuario (GUI) sólida es una extensión de la identidad visual de un juego… [y] el público moderno anhela GUI refinadas e intuitivas que se integren perfectamente con su aplicación”.
La guía comienza cubriendo los fundamentos del diseño de UI y la creación de arte, y luego pasa a secciones instructivas detalladas sobre el desarrollo de UI en Unity. Escrito y revisado por artistas técnicos y de UI (tanto externos como profesionales de Unity ), el libro electrónico analiza Unity UI, la solución predeterminada, y el nuevo UI Toolkit.
Sin embargo, el énfasis está en este último conjunto de herramientas, ya que UI Toolkit ahora proporciona muchos beneficios para proyectos con interfaces complejas de pantalla completa. Piense en proyectos que requieran un sistema escalable y de alto rendimiento para la interfaz de usuario en tiempo de ejecución. Para ayudarle a elegir la solución adecuada para su proyecto, consulte esta sección del manual de Unity .

El libro electrónico es un tesoro de información para diseñadores de UI profesionales, artistas y otros creadores de Unity que quieran profundizar sus conocimientos sobre el desarrollo de UI. Aquí hay una instantánea de lo que hay dentro.
La primera sección tiene como objetivo inspirar con consejos fundamentales para crear una interfaz de usuario efectiva. Se analizan ejemplos de interfaces de usuario diegéticas, donde los elementos de la interfaz de usuario se pueden encontrar directamente en la historia, haciendo que partes del mundo del juego funcionen como una interfaz de usuario. Explica cómo los elementos pueden contribuir o romper la inmersión que experimenta un jugador. Incluso hemos convertido esta sección en una publicación de blog que puedes leer aquí.
Luego, la guía se centra en los roles y responsabilidades de un diseñador de UI, y qué herramientas y métodos emplean, como wireframing de UI, creación de arte a través de maquetas, fuentes y greyboxing. También hay un capítulo sobre la preparación de activos y la exportación de gráficos desde herramientas de creación de contenido digital (DCC). Las secciones anteriores de la guía son útiles sin importar qué motor de juego y solución de interfaz de usuario estés usando.
Un capítulo extenso está dedicado a Unity UI. Unity UI es nuestro sistema de larga data para crear interfaces de usuario en juegos y, actualmente, la solución ideal para posicionar la interfaz de usuario en un mundo 3D o usar sistemas Unity basados en GameObject.

Esta sección describe los fundamentos de Unity UI para la creación de prototipos y la integración de activos en el editor: Canvas, elementos de UI prediseñados, TextMesh Proy Prefabs, entre otros. Recientemente actualizamos un artículo sobre técnicas de optimización avanzadas para Unity UI, donde puedes encontrar consejos sobre temas relacionados.
UI Toolkit está diseñado para lograr el máximo rendimiento y reutilización con flujos de trabajo y herramientas de creación basados en tecnologías web estándar. Los diseñadores y artistas de UI probablemente lo encontrarán familiar, especialmente aquellos que tengan experiencia previa en el diseño de páginas web.
Tres secciones principales de la guía destacan instrucciones para desarrollar una interfaz de usuario en tiempo de ejecución con UI Toolkit. Hay una explicación detallada de las partes que componen las IU creadas con UI Toolkit, incluido el lenguaje de marcado extensible de Unity (UXML) y la hoja de estilo de Unity (USS) mediante UI Builder.
Explorarás cómo UI Toolkit posiciona elementos visuales según Yoga, un motor de diseño HTML/CSS que implementa un subconjunto de Flexbox. La arquitectura Flexbox ofrece ventajas, como una interfaz de usuario adaptable, que le permite adaptar su interfaz de usuario a diferentes resoluciones y tamaños de pantalla. A través de UXML y USS, puedes disociar los estilos aplicados a los diseños de UI (y cambiar esos estilos según sea necesario), mientras que la lógica y la funcionalidad continúan viviendo en el código. También se analizan en gran detalle los flujos de trabajo para elementos visuales, los bloques de construcción fundamentales de cada interfaz, desde la configuración de posicionamiento, tamaño y alineación hasta los márgenes y el relleno.


El capítulo sobre estilos le muestra cómo definir estilos reutilizables para elementos visuales con Selectores, anular estilos y definir atributos únicos con estilos en línea, y crear animaciones y efectos con animación USS y una Textura de renderizado de cámara. También demuestra cómo se pueden tematizar elementos de la interfaz de usuario para días festivos y otros eventos especiales.
Ahí es cuando el libro electrónico entra en el ejemplo de UI Toolkit: Dragon Crashers, con diferentes secciones que describen cómo se creó la interfaz de usuario; desde los menús y controles personalizados como contadores radiales o vistas con pestañas, hasta plantillas UXML integradas y más.

Finalmente, la guía concluye con un mini perfil de la migración de la UI del estudio Mechanistry a UI Toolkit para su nuevo juego, Timberborn. Este breve estudio muestra cómo su reducido equipo logró escalar y mantener la consistencia del juego en distintos menús y pantallas.
Con 137 páginas, el libro electrónico UI no es una lectura ligera. Al igual que con los demás libros electrónicos técnicos publicados el año pasado, úselo como referencia de forma continua.
Junto con el libro electrónico, consulte un par de recursos publicados recientemente llenos de consejos útiles para aprovechar Unity UI y UI Toolkit:
- La sesión Unite 2022, Ampliación del editor de Unity con herramientas personalizadas mediante UI Toolkit, muestra a los programadores cómo usar UI Builder para crear un inspector personalizado para la visualización de datos de depuración del modo de reproducción en tiempo real.
- El seminario web, Mejores prácticas para el diseño de UI móvil, reúne a expertos de Outfit7, Samsung y Unity para compartir estrategias para maximizar la creatividad y el flujo de sus juegos móviles.
Marque una o ambas de estas páginas como favoritas. Recopilan todos nuestros libros electrónicos técnicos y contenidos avanzados:
Esperamos que disfrute de este último libro electrónico y esperamos sus comentarios en este foro.
