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 la Libreria dell'interfaccia utente di Windows (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.

Image depicting a color gradient.

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.

Image depicting typography.

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.

Image depicting icons.

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.

Image depicting acrylic.

Acrilico

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

Image depicting reveal focus.

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.

Image depicting sound.

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.

Short movie with a blinking cursor and then the words Writing style being typed out.

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.