Tipografía

Ejemplo de tipografía en HoloLens

El texto es un elemento importante para entregar información en la experiencia de la aplicación. Al igual que la tipografía en las pantallas 2D, el objetivo es que sea clara y legible. Con el aspecto tridimensional de la realidad mixta, hay una oportunidad de afectar al texto y a la experiencia general del usuario de una manera aún mayor.

Cuando hablamos de tipo en 3D, tendemos a pensar en texto extruido y volumétrico en 3D. A excepción de algunos diseños de logotipo y otras aplicaciones limitadas, el texto extruido tiende a degradar la legibilidad del texto. Aunque estamos diseñando experiencias para 3D, usamos 2D para el tipo porque es más legible y fácil de leer.

En HoloLens, el tipo se construye con hologramas con luz basada en el sistema de colores aditivos. Al igual que otros hologramas, el tipo se puede colocar en el entorno real donde se puede bloquear el mundo y observarse desde cualquier ángulo. El efecto paralaje entre el tipo y el entorno también agrega profundidad a la experiencia.

Tipografía en realidad mixta

Las reglas tipográficas en la realidad mixta no son diferentes de ninguna otra parte. El texto en el mundo físico y el mundo virtual debe ser legible y legible. El texto podría estar en una pared o superpuesta en un objeto físico. Podría ser flotante junto con una interfaz de usuario digital. Sea cual sea el contexto, aplicamos las mismas reglas tipográficas para la lectura y el reconocimiento.

Creación de una jerarquía sin cifrar

Crear contraste y jerarquía mediante diferentes tamaños y pesos de tipo. Definir una rampa de tipos y seguirla a lo largo de la experiencia de la aplicación proporcionará una excelente experiencia de usuario con una jerarquía de información coherente.

Ejemplos de rampa de tipos
Definir la rampa de tipos y seguirla a lo largo de la experiencia de la aplicación

Limitar las fuentes

Evite usar más de dos familias de fuentes diferentes en un solo contexto. Demasiadas fuentes romperán la armonía y la coherencia de tu experiencia y harán que sea más difícil consumir información. En HoloLens, dado que la información se superpone sobre el entorno físico, el uso de demasiados estilos de fuente degradará la experiencia. Segoe UI es la fuente de todos los diseños digitales de Microsoft. Se usa de forma coherente en el shell de Windows Mixed Reality. Puede descargar el archivo de fuente segoe UI desde la página del kit de herramientas de diseño de Windows.

Más información sobre el tipo de letra de interfaz de usuario de Segoe

Evitar pesos de fuente finos

Evite usar pesos de fuente ligeros o semiligeros para tamaños de tipo inferiores a 42 pt porque los trazos verticales finos vibrarán y degradarán la legibilidad. Las fuentes modernas con suficiente grosor de trazo funcionan bien. Por ejemplo, Helvetica y Arial son legibles en HoloLens con pesos normales o negrita.

Color

En HoloLens, dado que los hologramas se construyen con un sistema de luz aditivo, el texto blanco es muy legible. Puede encontrar ejemplos de texto en blanco en el menú Inicio y en la barra de aplicaciones. Aunque el texto blanco funciona bien sin una placa trasera en HoloLens, un fondo físico complejo podría dificultar la lectura del tipo. Se recomienda usar texto blanco en una placa posterior oscura o coloreado para mejorar el foco del usuario y minimizar la distracción de un fondo físico.


Se recomienda usar texto blanco en una placa trasera oscura o coloreado.Ejemplos de texto blanco en una placa posterior oscura o coloreado.

Para usar texto oscuro, debe usar una placa posterior brillante para que sea legible. En los sistemas de color aditivos, el negro se muestra como transparente. Esto significa que no verá el texto negro sin una placa posterior de color.

Ejemplos de blanco en negro y negro en texto blanco
Ejemplos de blanco en negro y negro en texto blanco

Ejemplos de texto negro en las aplicaciones del sistema: Tienda y configuración
Ejemplos de texto negro en las aplicaciones del sistema: Tienda y configuración



Como puede esperar, los tamaños de tipo que usamos en un equipo o un dispositivo de tableta (normalmente entre 12 y 32pt) parecen pequeños a una distancia de 2 metros. Depende de las características de cada fuente, pero en general el ángulo de visión mínimo recomendado y el alto de fuente para legibilidad son alrededor de 0,35°-0,4°/12.21-13,97 mm en función de nuestros estudios de investigación de usuarios. Es de aproximadamente 35-40 pt con el factor de escala introducido en la página Texto en Unity .

Para la interacción cercana a 0,45 m(45 cm), el ángulo de visión de la fuente mínima legible y la altura son de 0,4°-0,5° / 3,14–3,9mm. Es aproximadamente 9-12 pt con el factor de escala introducido en Text en Unity.

Intervalo de interacción cercano y lejano: intervalo de interacción cercano y lejano

Tamaño mínimo de fuente legible

Distancia Ángulo Alto del texto Tamaño de fuente**
45 cm (distancia de manipulación directa) 0.4°-0.5° 3.14–3.9mm 8.9–11.13pt
2 m 0.35°-0.4° 12.21–13.97mm 34.63-39.58 pt

Tamaño de fuente cómodamente legible

Distancia Ángulo Alto del texto Tamaño de fuente**
45 cm (distancia de manipulación directa) 0.65°-0.8° 5.1-6.3 mm 14.47-17.8 pt
2 m 0.6°-0.75° 20.9-26.2 mm 59.4-74.2 pt

Segoe UI (la fuente predeterminada para Windows) funciona bien en la mayoría de los casos. Evite usar familias de fuentes ligeras o semilumbas en tamaño pequeño, ya que los trazos verticales finos vibrarán y degradarán la legibilidad. Las fuentes modernas con suficiente grosor de trazo funcionan bien. Por ejemplo, Helvetica y Arial se ven hermosas y son legibles en HoloLens con pesos normales o negritas.

Para obtener información más detallada sobre el cálculo del tamaño de texto en Unity, consulte Texto en Unity.

Distancia de visualización del ángulode visualización, ángulo y alto del texto



Recursos

Fuentes segoe

(Archivo ZIP)

Fuente holoLens

(Archivo ZIP)

Imagen: la fuente holoLens proporciona los glifos de símbolos usados en Windows Mixed Reality.

La fuente HoloLens proporciona los glifos de símbolos usados en Windows Mixed Reality



Consulte también