Zum Hauptinhalt Zur Navigation

Universal Windows Platform: Microsoft entwickelt das Fluent Design weiter

Build 2018
Microsoft zeigt auf seiner Entwicklerkonferenz Neuerungen zum Fluent Design. Die halbdurchlässige Oberfläche wird auf weitere Bedienelemente ausgeweitet und es gibt zusätzliche Animationen innerhalb von Apps . Auch eigene Farbthemen lassen sich aus XML-Dateien erstellen.
/ Oliver Nickel
115 Kommentare News folgen (öffnet im neuen Fenster)
Das Logo des Fluent Design System (Bild: Microsoft)
Das Logo des Fluent Design System Bild: Microsoft

In einer Präsentation auf der Entwicklerkonferenz Build 2018(öffnet im neuen Fenster) zeigt Microsoft die Änderungen am Fluent Designt, die im Laufe des Jahres 2018 auf Windows 10 kommen sollen. Dazu zählt ein kontextabhängiges Drop-Down-Menü, das seine Steuerelemente je nach markiertem Inhalt ändert. Außerdem werden Fenster in verschiedenen Ebenen übereinander gestapelt, die sich je nach Ansicht auch dreidimensional anzeigen lassen. Das wird über einen dynamischen Schattenwurf erreicht, der sich mit dem Betrachtungswinkel ändert.

Microsoft bringt zudem das milchig-halbdurchsichtige Acryldesign in sogenannte Transient-UI-Elemente - also Teile der Benutzeroberfläche, die sich schließen, sobald Nutzer den Fokus auf ein anderes GUI-Element setzen. Das können Drop-Down-Menüs oder Kontextmenüs bei Rechtsklick sein.

Ein weiterer Fokus soll auf Farbthemen gelegt werden. Microsoft will Entwicklern das Einfärben von UWP-Bedienelementen wie Buttons, Kalenderobjekten, Edit-Feldern und Checkboxen erleichtern. Dazu werden dem Fluent Design Vorlagen hinzugefügt, die aus einem XML-Dokument ausgelesen werden können. Jedes einzelne Element bekommt einen Identifizierer, dem wiederum Farben als Hex-Werte übergeben werden können.

Mehr Navigationselemente

Das Fluent Design wird zudem für Navigationsleisten in UWP-Applikationen übertragen. So können seitliche Auswahlisten mit der halbdurchsichtigen Textur bestückt werden. Auch eine Liste im Stile von Tabs in der Kopfleiste eines Programmes wird hinzugefügt. Microsoft nennt dies Top Navigation View. Beiden Ansichten wird der Zurück-Button hinzugefügt - repräsentiert durch das Pfeilsymbol in der linken oberen Ecke eines Fensters. Beim Einblenden von Navigationselementen führt das neue Fluent Design zusätzliche Animationen ein, etwa für das Einblenden von Text oder das Vergrößern von Fotos.

Microsoft reagiert auch auf das Nutzerfeedback, dass Navigationselemente durch den Fokus auf die Fingerbedienung gerade in produktiven Apps zu groß seien. Das angepasste Fluent Design wird daher verkleinert und einzelne Bedienungselemente wie etwa Tabellenspalten werden schmaler gemacht, sodass mehr Informationen auf ein Fenster passen. Eine neue, noch kompaktere Ansicht wird es ebenfalls geben. Dabei werden auch weitere Eingabemethoden für Nutzer vorgestellt. So können Entwickler native Spracheingabe und eine verbesserte Stifteingabe in ihre UWP-Apps einbauen.


Relevante Themen