Sie sind hier: Wissen
Logo der Firma www.IT-Visions.de
MENU

Erklärung des Begriffs: Microsoft Fluent Design System (FluentUI)

Begriff Microsoft Fluent Design System
Abkürzung FluentUI
Eintrag zuletzt aktualisiert am 11.11.2024

 Zur Stichwortliste unseres Lexikons

Was ist Microsoft Fluent Design System ?

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 System

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

Website

https://developer.microsoft.com/de-de/fluentui#/

Beratung & Support

Schulungen zu diesem Thema

  Anfrage für eine individuelle Schulung zum Thema Microsoft Fluent Design System FluentUI  Gesamter Schulungsthemenkatalog