Esperienze di firma di Windows 11

Le esperienze di firma sono gli elementi di progettazione usati da Windows 11 per esprimere il linguaggio visivo, mantenendo al tempo stesso un aspetto coerente in tutte le esperienze Fluent.

Several UI elements highlighting new geometry in Windows 11

Geometria

La geometria descrive la forma, le dimensioni e la posizione degli elementi dell'interfaccia utente sullo schermo. Questi elementi di progettazione fondamentali aiutano a ottenere esperienze coerenti nell'intero sistema di progettazione. Windows 11 offre una geometria aggiornata che crea un'esperienza più coinvolgente e moderna.

A window and modal dialog in light mode on the left and dark mode on the right

Color

Il colore consente agli utenti di concentrarsi sulle proprie attività indicando una gerarchia visiva e una struttura tra gli elementi dell'interfaccia utente. Windows 11 usa il colore per fornire una base rilassante, migliorando in modo discreto le interazioni dell'utente ed enfatizzando elementi significativi solo quando necessario.

An application window with a single content area

Livelli ed elevazione

La creazione di livelli fa riferimento al concetto di sovrapposizione di una superficie con un'altra, creando due o più aree distinte visivamente all'interno della stessa superficie. Windows 11 usa i livelli e l'elevazione come base per la gerarchia delle app.

A UI surface made of acrylic

Materiali

I materiali sono effetti visivi che rendono le superfici dell'interfaccia utente simili agli artefatti reali. Windows 11 usa materiali per mantenere l'interfaccia utente connessa all'ambiente. I materiali danno vita alle superfici e aiutano a distinguere tra applicazioni con stato attivo e senza stato attivo.

A shopping cart icon

Iconografia

L'iconografia è un set di immagini e simboli visivi che consentono agli utenti di comprendere ed esplorare l'app. L'iconografia di Windows 11 si è evoluta insieme al linguaggio di progettazione. Ogni glifo nel tipo di carattere dell'icona di sistema è stato riprogettato per abbracciare una geometria più morbida e metafore più moderne.

Several words rendered in Segoe UI Variable

Tipografia

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.

An animated image that shows several examples of motion in the Windows UI.

Movimento

Il moto descrive il modo in cui l'interfaccia anima e risponde all'interazione dell'utente. Il moto in Windows è reattivo, diretto e appropriato per il contesto. Fornisce feedback all'input dell'utente e rafforza i paradigmi spaziali che supportano l'orientamento.