Condividi tramite


Stile per le app di Windows

Lo stile mette in risalto la tua app. Le linee guida sullo stile di questa sezione ti consentono di creare un progetto Fluent Design usando colori, elementi tipografici e nuove funzionalità come materiale acrilico e Reveal Highlight.

Usiamo WinUI per fornire gli stili più recenti nei nostri componenti dell'interfaccia utente. Assicurarsi di usare la versione WinUI più recente per mantenere le app aggiornate con gli stili Fluent dell'app Windows correnti. Per altre informazioni su come farlo, vedere stili XAML.

Immagine raffigurante una sfumatura di colore.

Color

Il colore offre indicazioni intuitive per orientarsi nei vari livelli di informazioni di un'app e rappresenta uno strumento fondamentale per rafforzare il modello di interazione.

Immagine che illustra la tipografia.

Tipografia

In quanto rappresentazione visiva della lingua, la caratteristica principale della tipografia è la chiarezza. Gli stili scelti non dovrebbero mai deviare da questo obiettivo. Le linee guida seguenti sono incentrate sull'uso di elementi tipografici per aumentare la comprensibilità del contenuto.

Immagine che illustra le icone.

Icone

Icone efficaci si armonizzano con gli elementi tipografici e con il resto del linguaggio di progettazione. Non confondono significati diversi e comunicano solo ciò che è necessario nel modo più semplice e veloce possibile.

Immagine che illustra l'acrilico.

Acrilico

Crea un senso di profondità con l'acrilico, un pennello che crea fantastiche superfici semitrasparenti.

Immagine che mostra lo stato attivo.

Reveal stato attivo

Reveal stato attivo è un effetto di illuminazione per esperienze di interazione da 3 metri, ad esempio Xbox One e schermi televisivi, e anima il bordo degli elementi che possono essere attivati.

Immagine che illustra il suono.

Suoni

I suoni sono un utile completamento dell'esperienza utente per un'applicazione e offrono, da un punto di vista audio, quel quid in più che serve per una percezione di Windows coerente su tutte le piattaforme.

Cortometraggio con un cursore lampeggiante e i caratteri delle parole

Stile di scrittura

Lo stile di scrittura può fare la differenza tra un'esperienza utente pessima e una migliore.

Pennelli XAML

È possibile personalizzare l'aspetto delle app in molti modi con il framework XAML. Con gli stili si possono impostare le proprietà dei controlli e riusarle per creare controlli dall'aspetto uniforme.

Stili XAML

È possibile personalizzare l'aspetto delle app in molti modi con il framework XAML. Con gli stili si possono impostare le proprietà dei controlli e riusarle per creare controlli dall'aspetto uniforme.

Spaziatura

Ottimizzare l'applicazione Windows e offrire un'esperienza utente più appropriata per i requisiti di funzionalità e interazione dell'app.

Raggio dell'angolo

Evocare un senso di calore e fiducia e rendere l'interfaccia utente più intuitiva dal punto di vista visivo, con angoli arrotondati.