Leggere in inglese

Condividi tramite


Progettare per le app di Windows

Qui troverai linee guida di progettazione ed esempi per la creazione di esperienze per le app di Windows. Windows 11 incorpora il linguaggio e i principi di progettazione di Fluent per un aspetto coesivo che è in modo univoco Microsoft.

Per ottenere i blocchi predefiniti per creare esperienze di Windows, usare WinUI. Questi componenti incorporano il linguaggio di progettazione di Fluent, in modo da poter creare esperienze straordinarie all'interno dell'ecosistema Fluent.

Principi di progettazione di Windows 11

Vari elementi di progettazione di Windows 11

Windows 11 segna un'evoluzione visiva del sistema operativo. Abbiamo evoluto il nostro linguaggio di progettazione insieme a Fluent per creare un design umano, universale e veramente si sente come Windows.

I principi di progettazione seguenti hanno guidato il percorso per rendere Windows la migliore implementazione di Fluent.

Senza sforzo

Windows 11 è più veloce e intuitivo. È facile fare quello che si vuole, con attenzione e precisione.

Calma

Windows 11 è più lineare e ordinato. Sembra quasi scomparire per consentire agli utenti di rimanere calmi e concentrati. L'esperienza si sente calda, eterea e avvicinabile.

Personal

Windows 11 si adatta perfettamente al modo in cui si usa il proprio dispositivo. Si adatta con flessibilità alle esigenze e preferenze individuali in modo da consentire di esprimersi appieno.

Noto

Windows 11 trova il giusto equilibrio tra un aspetto nuovo, aggiornato e la familiarità di Windows che gli utenti conoscono già. Non c'è alcuna curva di apprendimento, è possibile iniziare subito a usarlo.

Completo e coerente

Windows 11 offre un'esperienza visivamente uniforme tra le piattaforme. È possibile lavorare in molte piattaforme e avere comunque un'esperienza coerente di Windows.

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.

Finestra e finestra di dialogo modale in modalità chiara a sinistra e in modalità scura a destra

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.

Finestra dell'applicazione con una singola area di contenuto

Elevazione e sovrapposizione

Elevazione e sovrapposizione è il concetto di sovrapposizione di una superficie con un'altra, creando due o più aree visivamente distinte all'interno della stessa superficie. Windows 11 usa l'elevazione dei privilegi e la sovrapposizione come base per la gerarchia delle app.

Icona del carrello acquisti

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.

Una superficie dell'interfaccia utente fatta di acrilico

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.

Diversi elementi dell'interfaccia utente evidenziano la nuova geometria in Windows 11

Forme e 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. Le funzionalità di Windows 11 hanno aggiornato la geometria che crea un'esperienza più avvicinabile, coinvolgente e moderna.

Diverse parole di cui è stato eseguito il rendering in Segoe UI Variable

Tipografia

Come rappresentazione visiva del linguaggio, l'attività principale della tipografia consiste nel comunicare le 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.

Immagine animata che mostra diversi esempi di movimento nell'interfaccia utente di Windows.

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.