Microsoft Fluent Design System (FluentUI)
Eintrag zuletzt aktualisiert am: 11.11.2024
Fluent Design /
Fluent UI ist ein
Design-System von Microsoft
Microsoft Fluent Design System
Alias: FluentUI
Codename:
Neon
Alternativen:
"
Fluent UI web represents a collection of utilities,
React components, and web components for building web applications."
https://github.com/microsoft/fluentui
Details zum Microsoft Fluent Design SystemDas Fluent Design System ist eine Designphilosophie und -sprache, die von Microsoft entwickelt wurde und in Windows 10 ab Herbst 2017 offiziell eingeführt wurde. Es soll eine moderne, flexible und ästhetisch ansprechende Benutzeroberfläche für Windows und andere Microsoft-Dienste bieten. Ziel ist es, ein flüssiges und intuitives Benutzererlebnis zu schaffen, das sich an verschiedene Geräte und Bildschirmgrößen anpasst.
Fluent Design basiert auf fünf Hauptprinzipien:
1. Light (Licht): Licht und Schatten werden verwendet, um Tiefe und Fokus zu schaffen. Dies hilft den Nutzern, sich in der Benutzeroberfläche zu orientieren und Interaktionselemente hervorzuheben.
2. Depth (Tiefe): Durch Schichten und 3D-Effekte wird eine wahrnehmbare räumliche Tiefe erzeugt, die die Inhalte und Interaktionen lebendiger wirken lässt.
3. Motion (Bewegung): Animierte Übergänge und Bewegungen helfen, den Nutzerfluss zu verbessern und den Übergang zwischen verschiedenen Zuständen in der Benutzeroberfläche zu verdeutlichen.
4. Material (Material): Verschiedene Materialeffekte, wie die Nutzung transparenter Flächen oder Acryl-Effekte, lassen die Benutzeroberfläche edel und ansprechend wirken. Diese Effekte passen sich oft dynamisch an den Hintergrund an und sorgen für eine gewisse Flexibilität.
5. Scale (Skalierung): Fluent Design ist so gestaltet, dass es sich nahtlos auf verschiedenen Gerätetypen – von Smartphones bis hin zu großen Bildschirmen – anwenden lässt. Das Design bleibt dabei konsistent und benutzerfreundlich.
Fluent Design wird oft als Nachfolger des Metro-Designs betrachtet, das Microsoft früher in Windows 8 und Windows Phone verwendet hat. Es wird kontinuierlich weiterentwickelt und in Windows 10 und 11 sowie anderen Microsoft-Produkten wie Office und Xbox integriert.