Fluent Design System: differenze tra le versioni

Versione delle 14:24, 2 feb 2024

Versione attuale delle 05:13, 23 mag 2024

(2 versioni intermedie di 2 utenti non mostrate)

Riga 4:

== Rispetto a Metro e Aero ==

I principi chiave di Fluent, o "blocchi" (Luce, Profondità, Movimento, Materiale e Scala), si allontanano dal concetto piatto definito da [[Modern UI|Metro]] e, pur preservando l'aspetto pulito introdotto da Metro, Fluent rinnova la grafica di [[Windows Aero|Aero]], un approccio di design che è stato introdotto in [[Windows Vista]] e [[Windows 7]], inclusi traslucenza sfocata, motivi animati parallasse, ombreggiatura, effetti di evidenziazione che seguono il puntatore del mouse o movimenti di gesti di input e [[Modern UI|Metro]] "finto" una volta scaricato<ref>{{Cita web|url=https://answers.microsoft.com/en-us/windows/forum/windows_10-start-win_general/no-fluent-design-reveal-highlight-in-start-menu/106f29b6-2653-4f40-9514-1497e3474459|titolo=No Fluent Design Reveal Highlight in Start Menu - Fall Creator's Update|sito=answers.microsoft.com|lingua=en|accesso=26 dicembre 2017}}</ref>.

== Applicazioni di Fluent ==

Riga 53:

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>.

L'acrilico è disabilitato in una finestra specifica quando l'app non è più selezionata. Entrambi i tipi di acrilico sono disabilitati a livello di sistema quando la trasparenza è disabilitata, quando la modalità Risparmio batteria è abilitata o su hardware di fascia bassa. Lo sfondo acrilico è disabilitato quando una finestra è deselezionata o in modalità [[Windows 10 Mobile ]], HoloLens o tablet.

Le app scalano su diversi fattori di forma, dimensioni di visualizzazione e da 0D a 3D. Gli elementi si adattano alle dimensioni dello schermo e sono disponibili su più dimensioni<ref>{{Cita web|url=https://fluent.microsoft.com/|titolo=Fluent Design System|sito=fluent.microsoft.com|lingua=en|accesso=18 febbraio 2018|urlarchivio=https://web.archive.org/web/20180301050334/https://fluent.microsoft.com/|dataarchivio=1º marzo 2018|urlmorto=s}}</ref><ref>{{Cita news|url=https://fossbytes.com/fluent-design-system-microsoft-windows-10/|titolo=What Is Fluent Design System? How Is Microsoft Building The Most Beautiful Operating System?|cognome=Verma|nome=Adarsh|data=12 maggio 2017|opera=Fossbytes|accesso=18 febbraio 2018|lingua=en}}</ref>. I controlli coscienti sono anche classificati in Scala (ad esempio barre di scorrimento e input che si adattano a diversi metodi di invocazione)<ref>{{Cita web|url=https://docs.microsoft.com/windows/uwp/design/controls-and-patterns/scroll-controls|titolo=Scroll viewer controls - UWP app developer|cognome=muhsinking|sito=docs.microsoft.com|lingua=en|accesso=22 dicembre 2017}}</ref><ref>{{Cita news|url=https://www.windowscentral.com/whats-new-microsoft-fluent-design-system-wave-one-windows-10|titolo=What's new with Microsoft Fluent Design System 'wave one' for Windows 10|data=29 giugno 2017|opera=Windows Central|accesso=22 dicembre 2017}}</ref>.