Tipografia

Esempio di tipografia in HoloLens

Il testo è un elemento importante per fornire informazioni nell'esperienza dell'app. Proprio come per la tipografia su schermi 2D, l'obiettivo è chiarezza e leggibilità. Con l'aspetto tridimensionale della realtà mista, è possibile influire ancora di più sul testo e sull'esperienza utente complessiva.

Quando si parla di tipo in 3D, si tende a pensare a testo 3D estruso e volumetrico. Ad eccezione di alcune progettazioni logotype e di altre applicazioni limitate, il testo estruso tende a ridurre la leggibilità del testo. Anche se si progettano esperienze per la 3D, si usa 2D per il tipo perché è più leggibile e più facile da leggere.

In HoloLens tipo viene costruito con ologrammi usando la luce basata sul sistema di colore additivo. Analogamente ad altri ologrammi, il tipo può essere inserito nell'ambiente effettivo in cui può essere bloccato e osservato da qualsiasi angolazione. Anche l'effetto parallassa tra il tipo e l'ambiente aggiunge profondità all'esperienza.

Tipografia nella realtà mista

Le regole tipografiche nella realtà mista non sono diverse da altre. Il testo sia nel mondo fisico che nel mondo virtuale deve essere leggibile e leggibile. Il testo può essere su una parete o sovrapposto a un oggetto fisico. Potrebbe essere mobile insieme a un'interfaccia utente digitale. Indipendentemente dal contesto, vengono applicate le stesse regole tipografiche per la lettura e il riconoscimento.

Creare una gerarchia chiara

Creare contrasti e gerarchie usando diverse dimensioni e pesi dei tipi. La definizione di una rampa di tipo e il suo seguito in tutta l'esperienza dell'app offriranno un'esperienza utente ottimale con una gerarchia di informazioni coerente.

Esempi di rampa di tipi
Definire la rampa di tipi e seguirla in tutta l'esperienza dell'app

Limitare i tipi di carattere

Evitare di usare più di due diverse famiglie di caratteri in un unico contesto. Troppi tipi di carattere interromperanno l'armoniosa e coerenza dell'esperienza e renderanno più difficile l'utilizzo delle informazioni. In HoloLens, poiché le informazioni vengono sovrapposte all'ambiente fisico, l'uso di troppi stili di carattere degraderà l'esperienza. Segoe UI è il tipo di carattere per tutti i progetti digitali Microsoft. Viene usato in modo coerente nella shell Windows Mixed Reality. È possibile scaricare il file Segoe UI tipo di carattere dalla pagina Windows design toolkit.

Altre informazioni sul carattere Segoe UI carattere

Evitare spessori del carattere sottili

Evitare di usare pesi del carattere chiaro o semi chiaro per le dimensioni del tipo sotto i 42 pt perché i tratti verticali sottili vibrano e degradano la leggibilità. I tipi di carattere moderni con spessore del tratto sufficiente funzionano bene. Ad esempio, Helvetica e Arial sono leggibili in HoloLens con pesi regolari o in grassetto.

Color

In HoloLens, poiché gli ologrammi sono costruiti con un sistema di luce additiva, il testo bianco è altamente leggibile. È possibile trovare esempi di testo bianco nel menu Start e nella barra dell'app. Anche se il testo bianco funziona correttamente senza un back plate HoloLens, uno sfondo fisico complesso potrebbe rendere il tipo difficile da leggere. È consigliabile usare il testo bianco su una lastra posteriore scura o colorata per migliorare lo stato attivo dell'utente e ridurre al minimo la distrazione da uno sfondo fisico.


È consigliabile usare testo bianco su una lastra posteriore scura o colorata. Esempi di testo bianco su una lastra posteriore scura o colorata.

Per usare testo scuro, è consigliabile usare una lastra posteriore brillante per renderlo leggibile. Nei sistemi a colori additivi il nero viene visualizzato come trasparente. Ciò significa che il testo nero non verrà visualizzato senza una barra posteriore colorata.

Esempi di bianco su nero e nero su testo bianco
Esempi di bianco su nero e nero su testo bianco

Esempi di testo nero nelle app di sistema - Store e Impostazioni
Esempi di testo nero nelle app di sistema - Store e Impostazioni



Come ci si può aspettare, le dimensioni dei tipi usate in un PC o in un dispositivo tablet (in genere tra 12 e 32 pt) sono piccole a una distanza di 2 metri. Dipende dalle caratteristiche di ogni tipo di carattere, ma in generale l'angolo di visualizzazione minimo consigliato e l'altezza del carattere per la leggibilità sono di circa 0,35°-0,4°/12,21-13,97 mm in base agli studi di ricerca degli utenti. Si tratta di circa 35-40 pt con il fattore di scala introdotto nella pagina Testo in Unity.

Per l'interazione vicina a 0,45 m(45 cm), l'angolo di visualizzazione minimo del tipo di carattere leggibile e l'altezza sono 0,4°-0,5° / 3,14–3,9 mm. Si tratta di circa 9-12 pt con il fattore di scala introdotto in Text in Unity.

Intervallo di interazione vicino e lontano Contenuto nell'intervallo di interazione vicino e lontano

Dimensione minima del carattere leggibile

Distanza Angolo di visualizzazione Altezza del testo Dimensioni carattere**
45 cm (distanza di manipolazione diretta) 0.4°-0.5° Da 3,14 a 3,9 mm 8.9-11.13pt
2 m 0.35°-0.4° 12.21-13.97mm 34.63-39.58 pt

Dimensioni del carattere facilmente leggibili

Distanza Angolo di visualizzazione Altezza del testo Dimensioni carattere**
45 cm (distanza di manipolazione diretta) 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 (il tipo di carattere predefinito per Windows) funziona correttamente nella maggior parte dei casi. Evitare di usare famiglie di caratteri chiaro o semi chiaro di piccole dimensioni perché i tratti verticali sottili vibrano e degradano la leggibilità. I tipi di carattere moderni con spessore del tratto sufficiente funzionano bene. Ad esempio, Helvetica e Arial hanno un aspetto straordinario e sono leggibili in HoloLens con pesi regolari o in grassetto.

Per informazioni più dettagliate sul calcolo delle dimensioni del testo in Unity, vedere Text in Unity (Testo in Unity)

Visualizzazione della distanza, dell'angolo e dell'altezza del testo di visualizzazione



Risorse

Tipi di carattere Segoe

(file ZIP)

HoloLens carattere

(file ZIP)

Immagine: il HoloLens tipo di carattere fornisce i glifi dei simboli usati Windows Mixed Reality.

Il HoloLens tipo di carattere fornisce i glifi dei simboli usati in Windows Mixed Reality



Vedi anche