Das Fluent Design System von Microsoft wird Windows 10 wunderbar weiterentwickeln

Am Donnerstag stellte Microsoft eine brandneue Designsprache für seine Produkte vor. Redmond ist Nennen wir es das neue Fluent Design System, und es wird in vielen Microsoft-Produkten implementiert – beginnend mit Windows 10 und der gesamten Hardware, auf der das Betriebssystem ausgeführt wird, einschließlich Xbox, HoloLens, PC und Telefonen. Das Fluent Design System basiert auf 5 grundlegenden Elementen: Licht, Tiefe, Bewegung, Material und Skalierung.

In Windows 10 arbeiten alle diese Elemente zusammen, um ein intuitives Benutzererlebnis zu bieten. Microsoft hat eine Handvoll Konzepte des Fluent Design Systems in Windows 10 vorgestellt, und sie sehen absolut großartig aus. Natürlich unterscheiden sich Konzepte und die Realität immer drastisch voneinander – aber Microsoft liefert bereits Elemente des neuen Fluent Design Systems in einige der Erstanbieter-Apps in Windows 10 und diese Apps sehen jetzt wirklich gut aus. Wenn Sie ein Windows-Insider sind, können Sie sie gleich ausprobieren. Redmond hat außerdem APIs für einige der wichtigsten Teile des Fluent Design Systems veröffentlicht, darunter das Acrylmaterial und das neue Reveal-Erlebnis. Windows 10-App-Entwickler können diese APIs verwenden, um mit der Überarbeitung ihrer vorhandenen Apps mit dem neuen Fluent Design System zu beginnen, und Designer können mit dem Entwerfen von Fluent Design System-Apps beginnen mit den Design-Kits. Diese neuen APIs ermöglichen es Entwicklern, ansprechende Erlebnisse zu erstellen, die vom Fluent Design System in Windows 10 unterstützt werden.

[shunno-quote align=”right”]Die erste Welle des Fluent Design Systems ist bereits für Windows-Insider verfügbar[/shunno-quote]

Tatsächlich verwenden die meisten Windows 10-Apps von Microsoft bereits bestimmte Teile des Fluent Design Systems, darunter Apps wie Groove Music, Microsoft Photos, Paint 3D, View 3D, Voice Recorder und sogar die Calculator-App. Diese Apps verwenden alle Komponenten der ersten Welle des Fluent Design Systems – einschließlich Dinge wie Acrylmaterial, Reveal Highlight, Connected Animations, Conscious Controls und Perspective Parallax. Microsoft tauchte in einer Sitzung auf der Build 2017 tiefer in das Fluent Design System ein, wo das Unternehmen detailliert darlegte, was derzeit verfügbar ist und was als nächstes für das Fluent Design System kommt. Paul Gusmorino und Bojana Ostojic des Unternehmens zeigten einige der Apps, die bald das neue Fluent Design System erhalten werden – einschließlich der Outlook Mail & Calendar-Apps, Microsoft Edge, Xbox, OneNote und der My People-Erfahrung. Das Unternehmen zeigte sogar, wie es die Reveal-Erfahrung des Fluent Design Systems in das Startmenü von Windows 10 implementieren wird. Einige dieser Screenshots (in Kartoffelqualität) sind unten zu sehen.

Im Kern geht es beim Fluent Design System nicht nur um das Erscheinungsbild. Funktionalität ist ein wesentlicher Bestandteil jeder Designsprache, und das Fluent Design System bringt dies mit seinen Bausteinen auf den Punkt. Aber ich möchte mich auf das Tiefenelement konzentrieren, das ein wirklich großer Teil des neuen Designsystems ist. Auf PCs stellt der Tiefeneffekt eine mehrschichtige Benutzeroberfläche dar, die Sie oben im Windows Store-Konzept sehen können, und das Fluent Design System bietet auch einen Parallaxeneffekt, der alles zusammenbringt.

[shunno-quote align=”left”]3D-Tiefeneffekt wird in Windows Mixed Reality fantastisch aussehen[/shunno-quote]

Und wenn Sie zu einem modernen Computer wie der HoloLens wechseln, glänzt der Tiefeneffekt wirklich. Microsoft experimentiert derzeit mit einem 3D-Tiefeneffekt (Z-Tiefenschichtung), der in Windows Mixed Reality immersiv ist. Es ist nicht klar, wann oder ob dies tatsächlich in Windows 10 ausgeliefert wird, aber es sieht immer noch fantastisch aus. Dies bedeutet effektiv, dass das Fluent Design System nicht nur für Tastatur und Maus entwickelt wurde. Microsoft entwickelt das Fluent Design System so, dass es auf den unterschiedlichsten Windows 10-Geräten und -Eingaben funktioniert – einschließlich Stift, Gesten, Blick und vielem mehr.

[shunno-quote align=”right”]Konsistenz wird der Schlüssel zum Fluent Design System sein[/shunno-quote]

Fluent Design ist eine Reise für Microsoft und Windows 10. Erwarten Sie nicht, dass sich das Design von Windows 10 mit einem einzigen Betriebssystem-Update radikal ändert – es wird einige Zeit dauern, bis es im gesamten Betriebssystem angezeigt wird, und das ist in Ordnung. Aber das Fluent Design System wird nur erfolgreich sein, wenn es Microsoft gelingt, seine Designprinzipien über alle Apps in Windows 10 hinweg konsistent zu halten. Eines der größten Probleme mit dem aktuellen Windows 10-Design ist die Tatsache, dass es überhaupt nicht konsistent ist – es gibt einige 3-4 verschiedene Designs für das Kontextmenü, Erstanbieter-Apps verwenden unterschiedliche Schattierungen von Hintergrundfarben und die Ausrichtung von Elementen in Apps ist überall. Microsoft wird ziemlich viel Arbeit leisten müssen, um sicherzustellen, dass seine Designer das Fluent Design System in allen Erstanbieter-Apps korrekt implementieren, aber Redmond muss einen Weg finden, Drittanbieter-Entwickler dazu zu bringen, dasselbe zu tun.

Alle Fluent Design-Konzepte, die ich bisher gesehen habe, sehen ansteckend schön aus. Vom Windows Store-Konzept bis zum neuen Xbox-Dashboard sind alle Fluent Design-Konzepte wirklich großartig. Einige der Funktionselemente sehen auch sehr gut aus und fühlen sich auch so an. Aber da Microsoft die Implementierung des Fluent Design Systems in Windows 10 vorantreibt, muss es sicherstellen, dass die Ausführung perfekt ist. Das Unternehmen hat den Apps in Windows 10 nur einen Hauch des neuen Fluent Design Systems hinzugefügt, aber das Unternehmen hat noch einen langen Weg vor sich und die Implementierung des neuen Designsystems im Kern von Windows 10 (auch bekannt als Shell) wird dauern Zeit. Aber das ist völlig in Ordnung, und solange die Implementierung über alle Apps und Komponenten von Windows 10 hinweg konsistent ist, wird das neue Fluent Design System entscheidend für die Zukunft von Windows 10 sein.

Mit dem Windows 10 Fall Creators Update liefert Microsoft die erste Welle des Fluent Design Systems aus. Das Unternehmen experimentiert derzeit mit Elementen, die mit der zweiten Welle ausgeliefert werden – einschließlich des 3D-Tiefeneffekts, den Sie im obigen Video gesehen haben, zusammen mit Dingen wie 360-Grad-Medienwiedergabe, bewussten Überschriften, Sprache und räumlichem Klang.