Guía de diseño del iniciador de aplicaciones 3D

Cuando colocas un casco Windows Mixed Reality envolvente (VR), entras en la Windows Mixed Reality casa. La casa se visualiza como una casa en un acantilado rodeado de montañas y agua, pero puede elegir otros entornos e incluso crear sus propios). Dentro del espacio del hogar, un usuario es libre de organizar y organizar los objetos 3D y las aplicaciones que les importan de cualquier manera que quieran. Un iniciador de aplicaciones 3D es un objeto "físico" en la casa de realidad mixta del usuario que puede seleccionar para iniciar una aplicación.

Example: Floaty Bird 3D app launcher
Ejemplo del iniciador de aplicaciones floaty Bird 3D (aplicación ficticia)

Proceso de creación del iniciador de aplicaciones 3D

Hay tres pasos para crear un iniciador de aplicaciones 3D:

  1. Diseño y concepto (este artículo)
  2. Modelado y exportación
  3. Integrarlo en la aplicación:

Conceptos de diseño

Fantástico pero familiar

El Windows Mixed Reality entorno en el que vive el iniciador de aplicaciones es parte familiar, parte fantástica/sci-fi. Los mejores lanzadores siguen las reglas de este mundo. Piense en cómo puede tomar un objeto conocido y representativo de la aplicación, pero dobla algunas de las reglas de la realidad real. La magia dará como resultado.

Intuitiva

Al mirar el iniciador de aplicaciones, su propósito , para iniciar la aplicación, debe ser obvio y no debe causar confusión. Por ejemplo, asegúrate de que tu iniciador sea un representante bastante obvio de tu aplicación que no se confundirá para una pieza de decoración en cliff House. El iniciador de aplicaciones debe invitar a los usuarios a tocarlo o seleccionarlo.

Example: Fresh Note 3D app launcher
Ejemplo del iniciador de aplicaciones 3D de la nueva nota (aplicación ficticia)

Escala de inicio

Los iniciadores de aplicaciones 3D viven en Cliff House y su tamaño predeterminado debe tener sentido con los demás objetos "físicos" en el espacio. Si colocas tu lanzador al lado, por ejemplo, una planta de casa o algunos muebles, debería sentirte en casa, en cuanto al tamaño. Un buen punto de partida es ver cómo se ve 30 centímetros cúbicos, pero recuerde que los usuarios pueden escalar o reducir verticalmente si les gusta.

Capacidad propia

El iniciador de aplicaciones debe sentirse como un objeto que una persona estaría excitada de tener en su espacio. Estarán prácticamente rodeados de estas cosas, por lo que el lanzador debería sentirse como algo que el usuario pensó que era lo suficientemente deseable como para buscar y mantenerse cerca.

Example: Astro Warp 3D app launcher
Ejemplo del iniciador de aplicaciones de Astro Warp 3D (aplicación ficticia)

Reconocible

El iniciador de aplicaciones 3D debe expresar instantáneamente "la marca de la aplicación" a las personas que la ven. Si tienes un carácter de estrella o un objeto especialmente identificable en tu aplicación, te recomendamos usarlo como parte significativa del diseño. En un mundo de realidad mixta, un objeto atraerá más interés de los usuarios que solo un logotipo. Los objetos reconocibles comunican la marca de forma rápida y clara.

Volumétrico

Tu aplicación merece algo más que colocar tu logotipo en un plano plano y llamarlo un día. El iniciador debe sentirse como un objeto físico emocionante, 3D en el espacio del usuario. Un buen enfoque es imaginar que tu aplicación iba a tener un globo en el Desfile del Día de Acción de Gracias de Macy. Pregúntese, ¿qué iba a sorprender a la gente cuando salió por la calle? ¿Qué sería genial desde todos los ángulos de visión?

Logo onlySolo logotipo

More recognizable with a characterMás reconocible con un carácter

Flat approach, not surprisingly, feels flatEnfoque plano, no sorprendentemente, se siente plano

Volumetric approach better showcases your appEl enfoque volumétrico muestra mejor la aplicación

Sugerencias para buenos modelos 3D

  • Al planear dimensiones para el iniciador de aplicaciones, dispara aproximadamente un cubo de 30 cm. Por lo tanto, una relación de tamaño 1:1:1.
  • Los modelos deben tener menos de 10 000 polígonos. Más información sobre los recuentos de triángulos y los niveles de detalles (LOD)
  • Prueba en un casco envolvente.
  • Cree detalles en la geometría del modelo siempre que sea posible: no se base en texturas para obtener detalles.
  • Cree geometría cerrada "apretada al agua". No hay agujeros en los que no se modelan.
  • Utilice materiales naturales en el objeto. Imagine crearlo en el mundo real.
  • Asegúrese de que el modelo lee bien a diferentes distancias y tamaños.
  • Cuando el modelo esté listo para usarse, lea las directrices de exportación de recursos.

Model with subtle details in the texture
Modelo con detalles sutiles en la textura

Qué evitar

  • No use detalles de contraste alto ni patrones pequeños y ocupados y texturas.
  • No use geometría fina: no funciona bien a distancia y alias mal.
  • No deje que las partes del modelo se extiendan demasiado más allá de la relación de tamaño 1:1:1. Creará problemas de escalado.

Avoid high-contrast, small busy patterns
Evitar patrones de contraste alto, pequeños y ocupados

Cómo controlar el tipo

  • Se recomienda que el tipo tarde aproximadamente 1/3 en el iniciador de aplicaciones (o más). El tipo es lo principal que da a la gente una idea de que tu iniciador es, de hecho, un iniciador para que sea agradable si es sustancial.
  • Evite hacer que el tipo sea super ancho: intente mantenerlo dentro de los límites de las dimensiones principales del iniciador de aplicaciones (más o menos).
  • El tipo plano puede funcionar, pero puede ser difícil ver desde determinados ángulos y en determinados entornos. Es posible que considere la posibilidad de colocar un objeto sólido o un fondo detrás de él para ayudar con esto.
  • Agregar dimensión al tipo se siente agradable en 3D. Sombrear los lados del tipo un color diferente más oscuro puede ayudar con la legibilidad.

Flat type without a backdrop can be hard to view from certain angles and in certain environmentsTipo plano sin fondo puede ser difícil de ver desde ciertos ángulos y en determinados entornos

Type with a built-in backdrop can work wellEl tipo con un telón de fondo integrado puede funcionar bien

Extruded type can work well if you shade the sidesEl tipo extruido puede funcionar bien si sombrea los lados

Colores de tipo que funcionan

  • Blanco
  • Negro
  • Color brillante semi saturado

Type colors that work.
Colores de tipo que funcionan

Colores que se deben evitar

Los colores de tipo que causan problemas incluyen:

  • Tonos medios
  • Gris
  • Colores saturados o colores desaturados

Type colors that cause trouble.
Colores de tipo que causan problemas

Iluminación

La iluminación del iniciador de aplicaciones proviene del entorno cliff House. Asegúrate de probar tu lanzador en varios lugares de la casa para que se vea bien tanto en la luz como en las sombras. La buena noticia es que, si ha seguido las otras instrucciones de diseño de este documento, el lanzador debe estar en buena forma para la mayoría de la iluminación en cliff House.

Buenos lugares para probar cómo se ve el lanzador en las diversas luces del entorno son studio, la sala multimedia, en cualquier lugar fuera y en el patio trasero (el área de hormigón con el césped). Otra buena prueba es ponerlo en media luz y media sombra y ver lo que parece.

Make sure your launcher looks good in both light and shadows.
Asegúrese de que el lanzador se ve bien tanto en la luz como en las sombras.

Texturizado

Creación de texturas

El formato final del iniciador de aplicaciones 3D será un archivo .glb, que se realiza mediante la canalización PBR (representación basada en física). Esto puede ser un proceso complicado: ahora es un buen momento para emplear a un artista técnico si aún no lo ha hecho. Si es un valiente diy-er, tomar el tiempo para investigar y aprender terminología de PBR y lo que está sucediendo bajo la capucha antes de comenzar le ayudará a evitar errores comunes.

Example: Fresh Note app
Ejemplo del iniciador de aplicaciones 3D de la nueva nota (aplicación ficticia)

Se recomienda usar Substance Painter by Allegorithmic para crear su archivo final. Si no está familiarizado con la creación de sombreadores PBR en El pintor de sustancias, este es un tutorial.

(Como alternativa, 3D-Coat, Quixel Suite 2 o Marmoset Toolbag también funcionaría si está más familiarizado con uno de estos).

Procedimientos recomendados

  • Si el objeto iniciador de aplicaciones se creó para PBR, debería ser sencillo convertirlo para el entorno de Cliff House.
  • Nuestro sombreador espera un flujo de trabajo metal/rugosidad: el sombreador de PBR de Unreal es un facsímil cercano.
  • Al exportar las texturas, tenga en cuenta los tamaños de textura recomendados .
  • Asegúrese de crear los objetos para la iluminación en tiempo real, lo que significa lo siguiente:
    • Evitar sombras horneadas o sombras pintadas
    • Evitar la iluminación horneada en las texturas
    • Use uno de los paquetes de creación de materiales de PBR para obtener los mapas adecuados generados para nuestro sombreador.

Vea también