Linee guida di progettazione

La sezione Linee guida illustra i blocchi predefiniti di base della progettazione di app di 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.

Usa questi concetti fondamentali come guida per tutto il processo di progettazione, indipendentemente dal fatto che tu stia eseguendo il mapping delle prime schermate, affinando i modelli di interazione o assicurandoti che l'interfaccia utente corrisponda alle convenzioni di 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.

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.

Suono
Usare segnali audio per fornire feedback, rafforzare le azioni e supportare l'accessibilità.

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.