Het Fluent Design System van Microsoft zal Windows 10 prachtig evolueren

Op donderdag introduceerde Microsoft een geheel nieuwe ontwerptaal voor zijn producten. Redmond is noemen het het nieuwe Fluent Design System, en het zal worden geïmplementeerd in veel Microsoft-producten - te beginnen met Windows 10 en alle hardware waarop het besturingssysteem draait, inclusief de Xbox, HoloLens, pc en telefoons. Het Fluent Design System is gebaseerd op 5 fundamentele elementen: licht, diepte, beweging, materiaal en schaal.

In Windows 10 werken al deze elementen samen om een ​​intuïtieve gebruikerservaring te bieden. Microsoft liet een handvol concepten van het Fluent Design System zien in Windows 10, en ze zien er absoluut schitterend uit. Natuurlijk verschillen concepten en de echte deal altijd drastisch van elkaar, maar Microsoft levert al elementen van het nieuwe Fluent Design System in een aantal van de first-party apps in Windows 10 en deze apps zien er nu echt goed uit. Als u een Windows Insider bent, kunt u ze nu meteen uitproberen. Redmond heeft ook API's uitgebracht voor enkele van de belangrijkste onderdelen van het Fluent Design System, waaronder het acrylmateriaal en de nieuwe Reveal-ervaring. Windows 10-app-ontwikkelaars kunnen deze API's gebruiken om hun bestaande apps te vernieuwen met het nieuwe Fluent Design System, en ontwerpers kunnen beginnen met het ontwerpen van Fluent Design System-apps met behulp van de ontwerpsets. Met deze nieuwe API's kunnen ontwikkelaars prachtige ervaringen bouwen, mogelijk gemaakt door het Fluent Design System in Windows 10.

[shunno-quote align=”right”]De eerste golf van het Fluent Design System is al beschikbaar voor Windows Insiders[/shunno-quote]

In feite maken de meeste Windows 10-apps van Microsoft al gebruik van bepaalde delen van het Fluent Design System, waaronder apps zoals Groove Music, Microsoft Photos, Paint 3D, View 3D, Voice Recorder en zelfs de Calculator-app. Deze apps gebruiken alle componenten van de eerste golf van het Fluent Design System - inclusief zaken als het acrylmateriaal, Reveal Highlight, Connected Animations, Conscious Controls en Perspective Parallax. Microsoft dook dieper in het Fluent Design System tijdens een sessie op Build 2017, waar het bedrijf uiteenzette wat er momenteel beschikbaar is en wat de toekomst biedt voor het Fluent Design System. Paul Gusmorino en Bojana Ostojic van het bedrijf toonden enkele van de apps die binnenkort het nieuwe Fluent Design System zullen krijgen, waaronder de Outlook Mail & Calendar-apps, Microsoft Edge, Xbox, OneNote en de My People-ervaring. Het bedrijf liet zelfs zien hoe het de Reveal-ervaring van het Fluent Design System zal implementeren in het Startmenu in Windows 10. Hieronder ziet u enkele van die (aardappelkwaliteit) screenshots.

In de kern draait het Fluent Design System niet alleen om de look en feel. Functionaliteit is een substantieel onderdeel van alle ontwerptalen, en het Fluent Design System doet dat met zijn bouwstenen. Maar ik wil me concentreren op het diepte-element dat een heel groot onderdeel is van het nieuwe ontwerpsysteem. Op pc's presenteert het diepte-effect een gelaagde gebruikersinterface die u kunt zien in het bovenstaande Windows Store-concept, en het Fluent Design System biedt ook een parallax-effect dat alles samenbrengt.

[shunno-quote align=”left”]3D-diepte-effect ziet er geweldig uit in Windows Mixed Reality[/shunno-quote]

En wanneer u overstapt op een moderne computer zoals de HoloLens, komt het diepte-effect pas echt naar voren. Microsoft experimenteert momenteel met een 3D-diepte-effect (z-diepte-gelaagdheid) dat meeslepend is in Windows Mixed Reality. Het is niet duidelijk wanneer en of dit daadwerkelijk in Windows 10 wordt geleverd, maar het ziet er nog steeds fantastisch uit. Wat dit in feite betekent, is dat het Fluent Design System niet alleen is gebouwd voor het toetsenbord en de muis. Microsoft ontwerpt het Fluent Design System zodat het werkt op het brede scala aan Windows 10-apparaten en -invoeren - inclusief pen, gebaren, staren en nog veel meer.

[shunno-quote align=”right”]Consistentie zal de sleutel zijn voor het Fluent Design System[/shunno-quote]

Fluent Design is een reis voor Microsoft en Windows 10. Verwacht niet dat het ontwerp van Windows 10 radicaal zal veranderen met een enkele OS-update - het zal even duren voordat het in het hele besturingssysteem verschijnt, en dat is prima. Maar het Fluent Design System zal alleen slagen als Microsoft erin slaagt zijn ontwerpprincipes consistent te houden voor alle apps in Windows 10. Een van de grootste problemen met het huidige Windows 10-ontwerp is het feit dat het helemaal niet consistent is - er zijn er 3-4 verschillende ontwerpen voor het contextmenu, first-party apps gebruiken verschillende tinten achtergrondkleuren en uitlijning van elementen in apps is overal. Microsoft zal behoorlijk wat werk moeten verzetten om ervoor te zorgen dat zijn ontwerpers het Fluent Design System correct implementeren in alle apps van de eerste partij, maar Redmond moet een manier bedenken om ontwikkelaars van derden hetzelfde te maken.

Alle Fluent Design-concepten die ik tot nu toe heb gezien, zien er aanstekelijk mooi uit. Van het Windows Store-concept tot het nieuwe Xbox-dashboard, alle Fluent Design-concepten zijn echt prachtig. Sommige functionele elementen zien er ook heel mooi uit en voelen ook erg goed aan. Maar naarmate Microsoft de implementatie van het Fluent Design System in Windows 10 bevordert, moet het ervoor zorgen dat de uitvoering perfect is. Het bedrijf heeft slechts een klein beetje van het nieuwe Fluent Design System toegevoegd aan de apps in Windows 10, maar het bedrijf heeft nog een lange weg te gaan en het implementeren van het nieuwe ontwerpsysteem in de kern van Windows 10 (ook bekend als de shell) zal duren. tijd. Maar dat is helemaal prima, en zolang de implementatie consistent is in alle apps en componenten van Windows 10, zal het nieuwe Fluent Design System cruciaal zijn voor de toekomst van Windows 10.

Met de Windows 10 Fall Creators Update levert Microsoft de eerste golf van het Fluent Design System. Het bedrijf experimenteert momenteel met elementen die met de tweede golf zullen worden geleverd - inclusief het 3D-diepte-effect dat je in de bovenstaande video zag, samen met zaken als 360 media-weergave, bewuste headers, spraak en ruimtelijk geluid.