Der aktuelle Stand von Microsofts Fluent Design

So erstellen Sie ein Windows 10-Systemabbild und verwenden es zum Wiederherstellen Ihres Computers

Windows 10 ist heute nicht das Windows 10, das 2015 gestartet wurde. Das Windows-as-a-Service-Modell, das Microsoft zur Bereitstellung von Updates verwendet, hat einen Großteil der ursprünglichen Version durch neue Komponenten ersetzt und gleichzeitig neue Funktionen hinzugefügt. Dies hat zu erheblichen Änderungen in der Funktionsweise von Windows und im Erscheinungsbild von Windows geführt.

Windows hatte im Laufe der Jahre eine komplizierte Beziehung zum Design. Es hat sich von den freien XP- und Vista-Tagen, in denen sogar Windows optional war, zum Typografie-ersten flachen Design des modernen Designs von Windows 8 entwickelt. Inspiriert von der U-Bahn-Beschilderung (die zu ihrem ursprünglichen Namen führte) ist es ein Designansatz, der immer noch das Herzstück moderner Fenster ist. Aber Designtrends ändern sich und Benutzererfahrungen entwickeln sich weiter.

Einführung in Fluent Design

Aufbauend auf dem modernen Design-Erbe von Windows führt Microsoft langsam eine neue Designsprache für Windows ein: das Fluent Design System. Fluent Design soll die Grundlage für alle Interaktionen in Windows sein und wird in allen Varianten übernommen – Desktop, Mixed Reality, Xbox, Server, IoT und sogar im Web.

Fluent entfernt sich vom typografischen Ansatz des modernen Designs und soll Windows eine natürlichere Benutzererfahrung verleihen, indem Effekte eingeführt werden, die die reale Welt nachahmen und gleichzeitig sicherstellen, dass Benutzer wissen, dass sie mit Code interagieren. Es ist nicht der Skeuomorphismus von iOS, bei dem Benutzeroberflächenelemente physische Objekte kopieren sollten. Im skeuomorphen Design haben Notizbücher lederähnliche Bindungen und papierähnliche Texturen, während Schaltflächen 3D-Animationen verwenden, um wie alte Radios oder vertraute elektronische Taschenrechner auszusehen.

Stattdessen verfolgt Fluent einen künstlicheren Designansatz und mischt plastische Transluzenz mit 3D-Effekten und neuen Übergängen zwischen verschiedenen Anwendungszuständen. Microsoft spricht davon, dass Fluent auf fünf Komponenten basiert: Licht, Tiefe, Bewegung, Material und Skalierung. Bei Designs (und Anwendungen), die von Gerät zu Gerät verschoben werden sollen, ist ein konsistentes Erscheinungsbild erforderlich, das auf allen Ebenen gut funktioniert – und auch in Mixed Reality. Das ist die Intention hinter Fluent: Designelemente, die eindeutig digital sind, sich aber wie reale Objekte verhalten und mit der Welt um sie herum interagieren können.

SIEHE: Vergleichstabelle: Office-Suiten (Tech Pro Research)

Fluent verfolgt mit seinen Glaseffekten einen ähnlichen Ansatz wie Windows Vista Aero. Aber das ist nicht Aero Reborn. Es mag einige Ähnlichkeiten geben, insbesondere bei der Verwendung von Transluzenz, aber der Gesamtansatz basiert auf allen Komponenten von Fluent und konzentriert sich nicht nur auf visuelle Effekte.

Fluent in apps

Design ist natürlich mehr als nur die Komponenten, die wir in unseren Apps verwenden. Es ist auch der Schlüssel dazu, wie wir unseren Code erstellen und alles vom Steuerungslayout bis zur Anwendungsnavigation beeinflussen. Als Designsprache für universelle Windows-Apps (und für Win32-Apps über XAML-Inseln) ist Fluent der Schlüssel zur Zusammenstellung unseres Codes. Jede neue Version des Windows 10 SDK bringt neue Versionen der wichtigsten Steuerelemente und fügt immer mehr fließende Elemente hinzu. Während Microsoft die Einführung neuer Versionen von Windows 10 erheblich beschleunigt hat, müssen Sie dennoch überlegen, auf welche Basisversion Sie mit Ihrem UWP-Code abzielen. Das bedeutet, dass Sie möglicherweise nicht alle aktuellen Fluent-Funktionen verwenden. Stattdessen verwenden Sie Steuerelemente, die in Ihrer Benutzerbasis funktionieren, und nutzen die Windows-eigenen Animationen und Effekte.

Einführung Acryl

Eines der Schlüsselelemente von Fluent ist ein Transluzenzeffekt, den Microsoft Acryl nennt. Acryl nimmt zwei der Schlüsselthemen aus Fluent, Material und Tiefe und bietet einen Unschärfeeffekt, der das aktuelle Thema von Windows aufgreift. Fenster und Elemente hinter der Acrylschicht sind weiterhin sichtbar, können jedoch problemlos mit Text und anderen Elementen der Benutzeroberfläche überlagert werden. Es ist ein Tool, das Microsoft immer mehr in Windows 10 verwendet, die neuesten Vorschau-Builds, die es zu Anmeldebildschirmen hinzufügen und als Teil der Navigationsbereiche in Windows-eigenen Tools verwenden. Sie können Acrylic verwenden, um Anwendungen an den Desktop zu binden, oder als Ebene innerhalb von Anwendungen, die über Ihrer App für Menüs und dergleichen abgelegt werden, während der Anwendungskontext weiterhin angezeigt wird.

Dieser letzte Punkt ist vielleicht einer der interessanteren Aspekte von Fluent Design, da er entwickelt wird, um Benutzern zu helfen, sich auf ihre Aufgaben zu konzentrieren. Änderungen sollten Sie nicht aus Ihrem Flow herausschütteln, und Ihr gesamter Anwendungskontext muss jederzeit sichtbar sein. Der Einbau in UWP-Steuerelemente ist sehr sinnvoll, da Entwickler ihrem Code schnell Effekte hinzufügen können, ohne wesentliche Änderungen vornehmen zu müssen.

Langsam aber stetig

Der vielleicht größte Unterschied zwischen dem Wechsel zu Fluent Design gegenüber früheren Windows-Designs besteht darin, dass es sich nicht um einen Urknall handelt. Vistas Aero Glass und der moderne Look von 8 kamen aus dem Nichts, wurden bis zum letzten Moment geheim gehalten und ließen Anwendungsdesigner und Entwickler aus der Schleife. Mit Fluent verfolgt Microsoft einen viel langsameren Ansatz und verwendet den halbjährlichen Veröffentlichungszyklus von Windows 10, um seinen eigenen Anwendungen und dem Windows UWP SDK neue Elemente hinzuzufügen. Das Insider-Programm bietet auch mehr Möglichkeiten, Fluent-Funktionen vor einer breiteren öffentlichen Veröffentlichung zu testen.

SIEHE: Windows Spotlight: 30 Tipps und Tricks für Power-User (Tech Pro Research)

Ein Aspekt des Insider-Programms, der tendenziell übersehen wird, ist seine Fähigkeit, Designkonzepte zu testen. Durch die Bereitstellung verschiedener Versionen für verschiedene Benutzer kann Microsoft A / B-Tests als Teil jeder Insider-Version ausführen. Telemetrie und Umfragen sowie der Feedback-Hub werden verwendet, um zu verstehen, wie Benutzer auf Unterschiede in Animationen und Transparenzniveaus reagieren. Designs können dann für einen bevorstehenden Build verfeinert werden. Es war interessant, diesen Prozess in Aktion zu sehen: eine Animation oder ein Effekt erscheint in einem Fast Ring-Build; es verschwindet dann in der nächsten, bevor eine verfeinerte Version zwei oder drei Builds später veröffentlicht wird.

Demnächst: Neue Funktionen in der nächsten Windows-Version

Vergleicht man die aktuelle Windows 10-Version 1809 mit der 19H1 Fast Ring-Vorschau, wird Acryl in Microsofts eigenen Anwendungen viel häufiger verwendet. Neben den Windows-Einstellungen und Verwaltungstools ist es ein Schlüsselelement der verschiedenen gebündelten Apps, einschließlich Mail und Fotos. Acryl wird auch verwendet, um den Sperrbildschirm beim Anmelden auszublenden, und mit Unterstützung für dunkle und helle Themen können Sie sehen, wie es in Ihren eigenen Apps verwendet werden kann.

Microsoft macht mit Fluent etwas sehr Interessantes: die Entwicklung einer neuen Designsprache in der Öffentlichkeit. Es ist nicht das, was Benutzer erwarten, mit Änderungen, die alle sechs Monate kommen und deren Ende nirgends in Sicht ist. Es ist jedoch ein entwicklerfreundlicherer Prozess, der es Apps ermöglicht, sich an neue Komponenten der Benutzeroberfläche anzupassen, und Entwicklern Zeit gibt, deren Verwendung zu erlernen. Während sich Windows 10 weiterentwickelt, werden wir fließendere Elemente in UWP-Steuerelementen und in den Windows 10-SDKs und schließlich in mehr Anwendungen von Drittanbietern sehen.

Siehe auch

• Microsoft Office ‚Fluent Design‘ Makeover könnte die Arbeit vereinfachen, die Produktivität steigern (TechRepublic)
• Windows 10-Benutzer: Hier sind alle Möglichkeiten, wie sich die Benutzeroberfläche im neuesten Update ändern wird (TechRepublic)
• Microsoft Office 2019 für Mac richtet sich an Nicht-Office 365-Unternehmen und fügt 3754>
• Download: 12 Tipps, um mehr aus Windows 10 herauszuholen (TechRepublic)
• Microsoft: 10-jähriger Support-Lebenszyklus (ZDNet)
• Windows 10: Ein Spickzettel (TechRepublic)
• Microsoft veröffentlicht Tool zum Ausblenden oder Blockieren unerwünschter Windows 10-Updates (ZDNet)
• Fünf Gründe für ein Upgrade auf Windows 10 (TechRepublic