Partilhar via


Tipografia

Exemplo de tipografia no HoloLens

O texto é um elemento importante para fornecer informações na sua experiência de aplicação. Tal como a tipografia nos ecrãs 2D, o objetivo é ser claro e legível. Com o aspeto tridimensional da realidade mista, há uma oportunidade de afetar o texto e a experiência geral do utilizador de uma forma ainda maior.

Quando falamos sobre o tipo em 3D, tendemos a pensar em texto 3D extrudido e volume. Exceto alguns designs de tipo de logótipo e algumas outras aplicações limitadas, o texto extrudido tende a degradar a legibilidade do texto. Apesar de estarmos a conceber experiências para o 3D, utilizamos o 2D para o tipo porque é mais legível e mais fácil de ler.

No HoloLens, o tipo é construído com hologramas com luz baseada no sistema de cores aditiva. Tal como outros hologramas, o tipo pode ser colocado no ambiente real onde pode ser protegido pelo mundo e observado de qualquer ângulo. O efeito de paralaxe entre o tipo e o ambiente também adiciona profundidade à experiência.

Tipografia na realidade mista

As regras tipográficas na realidade mista não são diferentes de qualquer outro lugar. O texto no mundo físico e no mundo virtual tem de ser legível e legível. O texto pode estar numa parede ou sobreposto num objeto físico. Pode estar a flutuar juntamente com uma interface de utilizador digital. Seja qual for o contexto, aplicamos as mesmas regras tipográficas para leitura e reconhecimento.

Criar uma hierarquia clara

Crie contraste e hierarquia ao utilizar diferentes tamanhos e pesos de tipo. Definir uma rampa de tipo e segui-la ao longo da experiência da aplicação proporcionará uma excelente experiência de utilizador com uma hierarquia de informações consistente.

Exemplos de rampa de tipo
Defina o seu tipo de rampa e siga-o ao longo da experiência da aplicação

Limitar os tipos de letra

Evite utilizar mais de duas famílias de tipos de letra diferentes num único contexto. Demasiados tipos de letra irão quebrar a harmonia e consistência da sua experiência e dificultar o consumo de informações. No HoloLens, uma vez que as informações são sobrepostas sobre o ambiente físico, a utilização de demasiados estilos de tipo de letra irá degradar a experiência. A IU do Segoe é o tipo de letra para todos os designs digitais da Microsoft. É utilizado de forma consistente na shell Windows Mixed Reality. Pode transferir o ficheiro de tipo de letra da IU do Segoe a partir da página toolkit de design do Windows.

Mais informações sobre o tipo de letra da IU do Segoe

Evitar espessuras finas do tipo de letra

Evite utilizar espessuras de tipos de letra leves ou semiluzes para tamanhos de tipo com menos de 42 pt, porque os traços verticais finos vibrarão e degradam a legibilidade. Os tipos de letra modernos com espessura de traço suficiente funcionam bem. Por exemplo, Helvetica e Arial são legíveis no HoloLens com pesos regulares ou negritos.

Cor

No HoloLens, uma vez que os hologramas são construídos com um sistema de luz aditiva, o texto branco é altamente legível. Pode encontrar exemplos de texto branco no menu Iniciar e na Barra de aplicações. Embora o texto branco funcione bem sem uma placa traseira no HoloLens, um fundo físico complexo pode dificultar a leitura do tipo. Recomendamos que utilize texto branco numa placa traseira escura ou colorida para melhorar o foco do utilizador e minimizar a distração de um fundo físico.


Recomendamos a utilização de texto branco numa placa traseira escura ou colorida.Exemplos de texto branco numa placa traseira escura ou colorida.

Para utilizar texto escuro, deve utilizar uma placa traseira brilhante para torná-la legível. Nos sistemas de cores aditivas, o preto é apresentado como transparente. Isto significa que não verá o texto preto sem uma placa traseira colorida.

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

Exemplos de texto preto nas aplicações do sistema – Loja e Definições
Exemplos de texto preto nas aplicações do sistema – Loja e Definições



Como pode esperar, os tamanhos de tipo que utilizamos num PC ou num dispositivo tablet (normalmente entre 12 a 32pt) parecem pequenos a uma distância de 2 metros. Depende das características de cada tipo de letra, mas, em geral, o ângulo de visualização mínimo recomendado e a altura do tipo de letra para legibilidade rondam os 0,35°-0,4°/12,21-13,97 mm com base nos nossos estudos de investigação de utilizadores. É 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 visualização do tipo de letra legível mínimo e a altura são 0,4°-0,5° / 3,14-3,9mm. É cerca de 9-12 pt com o fator de dimensionamento introduzido no Texto no Unity.

Intervalo de interação próximo e distanteConteúdo num intervalo de interação próximo e distante

O tamanho mínimo do tipo de letra legível

Distância Ângulo de visualização Altura do texto Tamanho do tipo de letra**
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 do tipo de letra confortavelmente legível

Distância Ângulo de visualização Altura do texto Tamanho do tipo de letra**
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 IU do Segoe (o tipo de letra predefinido para Windows) funciona bem na maioria dos casos. Evite utilizar famílias de tipos de letra leves ou semi-leves em tamanho pequeno, uma vez que os traços verticais finos vibrarão e irão degradar a legibilidade. Os tipos de letra modernos com espessura de traço suficiente funcionam bem. Por exemplo, Helvetica e Arial parecem deslumbrantes e são legíveis no HoloLens com pesos regulares ou negritos.

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

Vera distância, ângulo e altura do texto da Visualização do Ângulo



Recursos

Tipos de letra Segoe

(Ficheiro zip)

Tipo de letra HoloLens

(Ficheiro zip)

Imagem: O tipo de letra HoloLens fornece-lhe os glifos de símbolo utilizados no Windows Mixed Reality.

O tipo de letra HoloLens fornece-lhe os glifos de símbolo utilizados no Windows Mixed Reality



Ver também