Tipografia

Exemplo de tipografia em 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 volumoso e extrudido. Com exceção de alguns designs de tipo de logotipo e alguns outros aplicativos limitados, o texto extrudido tende a degradar a capacidade de leitura do texto. Embora estamos projetando experiências para 3D, usamos 2D para o tipo porque é mais legível e mais fácil de ler.

No 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 e observado de qualquer ângulo. O efeito paralax entre o tipo e o ambiente também adiciona profundidade à experiência.

Tipografia na realidade misturada

As 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 em um objeto físico. Ele pode estar flutuante 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 tamanhos e pesos de tipos diferentes. Definir uma rampa de tipos e segui-la durante toda a experiência do aplicativo fornecerá uma ótima experiência do usuário com hierarquia de informações consistente.

Exemplos de rampa de tipo
Defina sua rampa de tipos 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 consistência e a consistência de sua experiência e dificultarão o consumo de informações. No HoloLens, como as informações são sobreposição sobre o ambiente físico, o uso de muitos estilos de fonte prejudicará a experiência. Segoe UI é a fonte para todos os designs digitais da Microsoft. Ele é usado consistentemente no shell Windows Mixed Reality dados. Você pode baixar o arquivo Segoe UI fonte da página Windows kit de ferramentas de design do.

Mais informações sobre a Segoe UI tipo

Evitar pesos finos de fonte

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

Color

No 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 na menu Iniciar e na barra aplicativo. Embora o texto em branco funcione bem sem uma placa 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.


É recomendável usar texto em branco em uma placa traseira escura ou colorida. Exemplos de texto em branco em uma placa traseira escura ou colorida.

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

Exemplos de branco em preto e preto em texto em branco
Exemplos de branco em preto e preto em texto em branco

Exemplos de texto preto nos aplicativos do sistema – Store e Configurações
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 em um dispositivo de 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 cerca de 0,35°-0,4°/12,21-13,97 mm com base em nossos estudos de pesquisa de usuário. É cerca de 35 a 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 mínimo da fonte legível e a altura são 0,4°-0,5° / 3,14 a 3,9mm. É cerca de 9 a 12 pt com o fator de dimensionamento introduzido em Texto no Unity.

Intervalo de interação próximo e distante Conteúdo no 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 legível com 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

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

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

Exibindo a distância de exibição de ângulo, ângulo e altura do texto



Recursos

Fontes Segoe

(Arquivo Zip)

HoloLens fonte

(Arquivo Zip)

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

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



Confira também