Nota
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare ad accedere o modificare le directory.
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare a modificare le directory.
La sezione Linee guida illustra i blocchi predefiniti principali della progettazione di app Windows. Questi argomenti definiscono i modelli, le regole e i comportamenti che assicurano che l'app sia intuitiva, lucidata e allineata a Fluent Design. Dal colore e dalla tipografia al movimento, al layout e ai materiali, ogni base consente di prendere decisioni coerenti che si adattano a pagine, caratteristiche e fattori di forma.
Usare questi concetti fondamentali come guida per tutto il processo di progettazione, indipendentemente dal fatto che si stia eseguendo il mapping delle prime schermate, perfezionare i modelli di interazione o assicurarsi che l'interfaccia utente corrisponda alle convenzioni Windows. L'esplorazione di queste basi in anticipo può risparmiare tempo di sviluppo, ridurre le rielaborazioni e portare a esperienze migliori per gli utenti.
Colore
Usare il colore per stabilire una gerarchia, comunicare il significato e creare un'identità visiva coesa.
Comandante
Presentare azioni in modelli chiari e coerenti che consentono agli utenti di comprendere cosa possono fare.
Elevazione
Applica profondità e livelli per guidare l'attenzione e rafforzare la struttura dell'interfaccia.
Geometria
Usare le relazioni di forma, ridimensionamento e spazio per creare layout bilanciati e prevedibili.
Aptica
Aggiungere feedback tattile per confermare l'input dell'utente e creare interazioni più reattive e intuitive.
Iconografia
Comunicare rapidamente azioni e concetti con icone familiari e intenzionali.
Impaginazione
Organizzare il contenuto con griglie, spaziatura e modelli di allineamento che migliorano chiarezza e flusso.
Materiali
Migliorare l'interfaccia utente con materiali Fluent come Mica e Acrilico per aggiungere profondità e calore.
Movimento
Usare il movimento per fornire feedback, guidare l'attenzione e creare interazioni fluide e reattive.
Navigazione
Aiutare gli utenti a spostarsi attraverso l'app con modelli di spostamento prevedibili e ben strutturati.
Tipografia
Impostare il tono e migliorare la leggibilità con scelte di tipi e gerarchie coerenti.
Usabilità
Assicurati che la tua app sia facile da usare tramite interazioni intuitive, suggerimenti chiari e accessibilità.
Widget
Estendere l'app con superfici interattive e accattivanti che consentono di visualizzare informazioni e azioni chiave.
Scrittura
Usare un linguaggio chiaro, conciso e utile per migliorare la comprensione e ridurre il carico cognitivo.
Linee guida per la progettazione cronologica
Le linee guida di progettazione per le versioni precedenti di Windows sono distribuite nell'archivio versioni precedenti in Microsoft Learn, che può rendere difficile la ricerca. Le pagine seguenti raccolgono linee guida visive e di interazione che restano disponibili come riferimento. Usali per il contesto storico. Per le app che sviluppi oggi, segui le linee guida Fluent attuali indicate sopra.
Collabora con noi su GitHub
L'origine di questo contenuto è disponibile in GitHub, in cui è anche possibile creare ed esaminare i problemi e le richieste pull. Per ulteriori informazioni, vedere la guida per i collaboratori.
