Fluent Design System: differenze tra le versioni

Versione delle 15:30, 6 mag 2022

Versione delle 21:57, 22 ott 2022

Riga 50:

==== Acrilico ====

Nuove icone con materiali acrilici sono state create per i programmi Microsoft, a partire dalle app di Office e dal Microsoft Edge basato su Chromium nel 2018 e nel 2019, rispettivamente<ref>{{Cita web|url=https://medium.com/microsoft-design/redesigning-the-office-app-icons-to-embrace-a-new-world-of-work-91d72608ee8f|titolo=Redesigning the Office App Icons to Embrace a New World of Work|data=29 novembre 2018|sito=Medium|accesso=19 aprile 2020}}</ref><ref>{{Cita news|url=https://www.theverge.com/2019/11/2/20944341/microsoft-edge-chromium-browser-logo-icon-wave-surf-new|titolo=Microsoft unveils new Edge browser logo that no longer looks like Internet Explorer|data=2 novembre 2019|opera=The Verge|accesso=19 aprile 2020}}</ref>. Versioni preliminari delle icone finali sono state individuate nel video "Meet the New icons for Office 365"<ref>{{Cita web|url=https://youtube.com/YplAU5myNP4|titolo=Meet the new icons for Office 365|data=29 novembre 2018|accesso=19 aprile 2020}}</ref>, prima che ne venissero individuate altre quando Windows 10X<ref>{{Cita web|url=https://youtube.com/dmaioTs0NH8|titolo=#MicrosoftEvent Live|data=2 ottobre 2019|accesso=19 aprile 2020}}</ref> è stato presentato, prima di essere ufficialmente rivelato il 12 dicembre 2019<ref>{{Cita web|url=https://medium.com/microsoft-design/the-ripple-effect-expanding-our-icon-design-system-74b4d916b7a4|titolo=The Icon Kaleidoscope|data=12 dicembre 2019|sito=Medium|accesso=19 aprile 2020}}</ref>. Queste icone hanno iniziato ad apparire tramite gli aggiornamenti di Microsoft Store per quelle app, a cominciare da Posta e Calendario<ref>{{Cita web|url=https://medium.com/microsoft-design/iconic-icons-designing-the-world-of-windows-5e70e25e5416|titolo=Iconic Icons: Designing the World of Windows|data=20 febbraio 2020|sito=Medium|accesso=19 aprile 2020}}</ref><ref>{{Cita news|url=https://www.theverge.com/2020/2/20/21145157/microsoft-windows-10-new-icons-modern-release-update-apps|titolo=Microsoft rolls out colorful new Windows 10 icons|data=20 febbraio 2020|opera=The Verge|accesso=19 aprile 2020}}</ref>.

[[File:Microsoft Defender 2020 Fluent Design iconWindows-defender.pngsvg|alt=Icona di Microsoft Defender 2020: un esempio di Fluent Design|miniatura|170x170px|Icona di Microsoft Defender 2020: un esempio di Fluent Design]]

Il materiale acrilico crea un effetto traslucido e sfocato con un leggero effetto di disturbo. È possibile creare una gerarchia visiva utilizzando diverse opacità. Ad esempio, in un'app, le superfici dei contenuti primari sono spesso opache (ad eccezione dei widget o delle app leggere come Calcolatrice ), un riquadro secondario può avere uno sfondo acrilico all'80% e il riquadro terziario può avere uno sfondo acrilico del 60%. L'acrilico di sfondo sfuma tutti gli elementi dietro il materiale acrilico attivo. L'acrilico in-app sfoca i contenuti all'interno dell'app<ref>{{Cita web|url=https://docs.microsoft.com/windows/uwp/design/style/acrylic|titolo=Acrylic material - UWP app developer|cognome=mijacobs|sito=docs.microsoft.com|lingua=en|accesso=22 dicembre 2017}}</ref>.