Share via

Tipografia in Windows 11

  • Articolo

Several words rendered in Segoe UI Variable

In quanto rappresentazione visiva del linguaggio, lo scopo principale della tipografia è comunicare informazioni. Il sistema di caratteri di Windows 11 aiuta a creare struttura e gerarchia nel contenuto per ottimizzare la leggibilità e la facilità di lettura nell'interfaccia utente.

Segoe UI Variable è il nuovo tipo di carattere di sistema per Windows. Si tratta di una versione aggiornata del classico Segoe e usa la tecnologia dei tipi di carattere variabile per fornire dinamicamente grande leggibilità a dimensioni molto piccole e contorni migliorati a dimensioni di visualizzazione.

Metrica

The word 'Segoe' rendered in Segoe UI Variable with several aspects of the typeface highlighted

Pesi

Nome peso Valore dell'asse di peso Oggetto visivo
Chiaro 300 The word 'Segoe' rendered in Segoe UI Variable light
Semilight 350 The word 'Segoe' rendered in Segoe UI Variable semilight
Regolare 400 The word 'Segoe' rendered in Segoe UI Variable regular
Semibold 600 The word 'Segoe' rendered in Segoe UI Variable semibold
Grassetto 700 The word 'Segoe' rendered in Segoe UI Variable bold

Asse ottico

A lower case letter a rendered in Segoe UI Variable with outlines of the different shapes it can have based on the context in which it is being rendered

Segoe UI Variable supporta due assi: peso e dimensioni ottiche. L'asse del peso è incrementale, mentre l'asse delle dimensioni ottiche è automatico e attivo per impostazione predefinita. L'asse delle dimensioni ottiche controlla la forma e le dimensioni dei contatori nel tipo di carattere, per classificare in ordine di priorità la leggibilità a dimensioni ridotte e personalità alle grandi dimensioni.

Uso di Segoe Fluent Variable

Gamma di dimensioni e formati

Windows 11 usa i valori seguenti per vari tipi di testo nell'interfaccia utente.

Esempio Peso Dimensioni/altezza riga
Example of caption text Piccola 12/16 epx
Example of body text Testo 14/20 epx
Example of body strong text Testo semibold 14/20 epx
Example of body large text Testo 18/24 epx
Example of subtitle text Display semibold 20/28 epx
Example of title text Display semibold 28/36 epx
Example of title large text Display semibold 40/52 epx
Example of display text Display semibold 68/92 epx

Procedure consigliate per la tipografia in Windows 11

Windows 11 usa Segoe UI Variable con gli attributi seguenti in base al contesto in cui viene visualizzato il testo.

Attributo valore Note
Weight Regular, Semibold Usa spessore regolare per la maggior parte del testo, usa Semibold per i titoli
Allineamento A sinistra, al centro Allinea a sinistra per impostazione predefinita, allinea al centro solo in rari casi, ad esempio il testo sotto le icone
Valori minimi 14px Semibold, 12px Regular Il testo più piccolo di queste dimensioni e pesi è illeggibile in alcune lingue
Maiuscole/minuscole Maiuscole/Minuscole frasi Usa l'iniziale maiuscola per tutto il testo dell'interfaccia utente, inclusi i titoli
Troncamento Puntini di sospensione e ritaglio Usare i puntini di sospensione nella maggior parte dei casi; Il ritaglio viene usato solo in rari casi

Esempi

Suggerimento

Aprire l'app Raccolta WinUI 3 e vedere Principi di tipografia in azione.

L'app Raccolta WinUI 3 include esempi interattivi della maggior parte dei controlli e delle funzionalità di WinUI 3. Scaricare l'app da Microsoft Store od ottenere il codice sorgente su GitHub