Tipografia

Typography example in HoloLens

O texto é um elemento importante para fornecer informações em sua experiência de aplicativo. Assim como a tipografia em telas 2D, a meta é ser claro e legível. Com o aspecto tridimensional da realidade misturada, há uma oportunidade de afetar o texto e a experiência geral do usuário de uma maneira ainda maior.

Quando falamos sobre o tipo em 3D, tendemos a pensar em texto 3D extrudado e volumetrico. Exceto por alguns designs de logotype e alguns outros aplicativos limitados, o texto extrudado tende a degradar a legibilidade do texto. Mesmo que estejamos projetando experiências para 3D, usamos 2D para o tipo porque ele é mais legível e mais fácil de ler.

Em HoloLens, o tipo é construído com hologramas usando luz com base no sistema de cores aditivo. Assim como outros hologramas, o tipo pode ser colocado no ambiente real em que ele pode ser bloqueado pelo mundo e observado de qualquer ângulo. O efeito paralaxe entre o tipo e o ambiente também adiciona profundidade à experiência.

Tipografia na realidade misturada

Regras tipográficas na realidade misturada não são diferentes de qualquer outro lugar. O texto no mundo físico e no mundo virtual precisa ser legível e legível. O texto pode estar em uma parede ou sobreposto a um objeto físico. Ele pode estar flutuando junto com uma interface do usuário digital. Seja qual for o contexto, aplicamos as mesmas regras tipográficas para leitura e reconhecimento.

Criar hierarquia clara

Crie contraste e hierarquia usando diferentes tamanhos e pesos de tipo. Definir uma rampa de tipo e segui-la durante toda a experiência do aplicativo fornecerá uma ótima experiência do usuário com hierarquia de informações consistente.

Type ramp examples
Defina a rampa de tipo e siga-a durante toda a experiência do aplicativo

Limitar suas fontes

Evite usar mais de duas famílias de fontes diferentes em um único contexto. Muitas fontes quebrarão a harmonia e a consistência de sua experiência e dificultarão o consumo de informações. Em HoloLens, como as informações são sobrepostas sobre o ambiente físico, o uso de muitos estilos de fonte prejudicará a experiência. A interface do usuário do Segoe é a fonte para todos os designs digitais da Microsoft. É usado consistentemente no shell Windows Mixed Reality. Você pode baixar o arquivo de fonte da interface do usuário do Segoe na página Windows kit de ferramentas de design.

Mais informações sobre o tipo de interface do usuário do Segoe

Evitar pesos de fonte fina

Evite usar pesos de fonte leve ou semileve para tamanhos de tipo abaixo de 42 pt porque traços verticais finos vibrarão e degradarão a legibilidade. Fontes modernas com espessura de traço suficiente funcionam bem. Por exemplo, Helvetica e Arial são legíveis em HoloLens usando pesos regulares ou em negrito.

Color

Em HoloLens, como os hologramas são construídos com um sistema de luz aditivo, o texto em branco é altamente legível. Você pode encontrar exemplos de texto em branco no menu Iniciar e na barra de aplicativos. Embora o texto em branco funcione bem sem uma placa traseira em HoloLens, um plano de fundo físico complexo pode dificultar a leitura do tipo. É recomendável usar texto em branco em uma placa traseira escura ou colorida para melhorar o foco do usuário e minimizar a distração de um plano de fundo físico.


We recommend using white text on a dark or colored back plate.Exemplos de texto branco em uma placa traseira escura ou colorida.

Para usar texto escuro, você deve usar uma placa traseira brilhante para torná-la legível. Em sistemas de cores aditivos, o preto é exibido como transparente. Isso significa que você não verá o texto preto sem uma placa traseira colorida.

Examples of white on black and black on white text
Exemplos de branco em preto e preto em texto branco

Examples of black text in the system apps - Store and Settings
Exemplos de texto preto nos aplicativos do sistema – Store e Configurações



Como você pode esperar, os tamanhos de tipo que usamos em um computador ou um dispositivo tablet (normalmente entre 12 e 32pt) parecem pequenos a uma distância de 2 metros. Depende das características de cada fonte, mas, em geral, o ângulo de exibição mínimo recomendado e a altura da fonte para legibilidade são em torno de 0,35°-0,4°/12,21-13,97 mm com base em nossos estudos de pesquisa de usuários. É cerca de 35-40 pt com o fator de dimensionamento introduzido na página Texto no Unity .

Para a interação próxima a 0,45 m(45 cm), o ângulo de exibição da fonte legível mínima e a altura são 0,4°-0,5° / 3,14–3,9mm. Trata-se de 9-12 pt com o fator de dimensionamento introduzido em Texto no Unity.

Near and far interaction rangeConteúdo em intervalo de interação próximo e distante

O tamanho mínimo da fonte legível

Distância Ângulo de exibição Altura do texto Tamanho da fonte**
45 cm (distância de manipulação direta) 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

O tamanho da fonte confortavelmente legível

Distância Ângulo de exibição Altura do texto Tamanho da fonte**
45 cm (distância de manipulação direta) 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

A interface do usuário do Segoe (a fonte padrão para Windows) funciona bem na maioria dos casos. Evite usar famílias de fontes leves ou semi-leves em tamanho pequeno, pois traços verticais finos vibrarão e isso prejudicará a legibilidade. Fontes modernas com espessura de traço suficiente funcionam bem. Por exemplo, Helvetica e Arial parecem lindas e são legíveis em HoloLens com pesos regulares ou ousados.

Para obter informações mais detalhadas sobre o cálculo do tamanho do texto no Unity, consulte Texto no Unity

Viewing AngleExibindo distância, ângulo e altura do texto



Recursos

Fontes Segoe

(Arquivo Zip)

fonte HoloLens

(Arquivo Zip)

Imagem: A fonte HoloLens fornece os glifos de símbolo usados em Windows Mixed Reality.

The HoloLens font gives you the symbol glyphs used in Windows Mixed Reality



Confira também