Linee guida per la costruzione delle icone di Windows 10

Le app in esecuzione nelle versioni di Windows con il supporto del riquadro animato hanno opzioni aggiuntive per la visualizzazione dell'icona dell'app all'interno del riquadro. Le app che scelgono di fornire immagini di riquadri devono fornire immagini per tutte le dimensioni dei riquadri in tutti i fattori di scala comuni.

Windows 10 October 2020 Update ha introdotto riquadri del menu Start con riconoscimento del tema, che selezionano il colore di sfondo del riquadro in base al tema dell'utente anziché usare il colore specificato nella sezione VisualElement del manifesto dell'applicazione. Le app possono comunque scegliere un colore adatto al colore di sfondo del riquadro per le versioni di Windows 10 precedenti a ottobre 2020.

Creazione di un riquadro basato su icona

Il modo più semplice per avere un aspetto ottimale nei riquadri animati consiste nel visualizzare solo l'icona dell'app su uno sfondo trasparente. Questo è il modo "standard" per creare i riquadri. Per ottenere questo aspetto, puoi creare immagini di riquadri con sfondi trasparenti o semplicemente consentire a Windows di visualizzare l'icona dell'app in un riquadro normale.

Creazione di un riquadro senza cornice

Se necessario, le app possono creare immagini di riquadri animati senza cornice per personalizzare completamente il riquadro. In genere, questa funzionalità viene usata dai giochi. Le app non di gioco in genere non devono usare riquadri senza cornice, perché il riquadro si distingue in modo poco ottimale rispetto ai riquadri basati su icone "standard". I riquadri senza cornice possono essere usati per ottenere diversi look.

Le app che usano un riquadro senza cornice possono rendere l'icona qualsiasi dimensione desiderata. A tale scopo, è sufficiente che l'icona abbia la dimensione che si desidera visualizzare quando viene visualizzato il riquadro. Le icone delle app non dovrebbero mai occupare l'intero riquadro. Assicurati di utilizzare almeno il 16% dei margini su ogni lato.

Alcune app, in genere giochi, potrebbero voler visualizzare un'immagine senza cornice anziché un'icona. In questo caso, non utilizzare i margini: l'immagine deve occupare tutto lo spazio disponibile.