Microsofts Fluent Design System kommer att utveckla Windows 10 vackert

På torsdagen introducerade Microsoft ett helt nytt designspråk för sina produkter. Redmond är kallar det det nya Fluent Design System, och det kommer att implementeras i många Microsoft-produkter — från och med Windows 10 och all hårdvara som kör operativsystemet, inklusive Xbox, HoloLens, PC och telefoner. Fluent Design System är byggt på 5 grundläggande element: ljus, djup, rörelse, material och skala.

I Windows 10 samverkar alla dessa element för att ge en intuitiv användarupplevelse. Microsoft visade upp en handfull koncept av Fluent Design System i Windows 10, och de ser helt underbara ut. Naturligtvis skiljer sig koncept och den verkliga affären alltid drastiskt från varandra – men Microsoft levererar redan delar av det nya Fluent Design System över några av förstapartsapparna i Windows 10 och dessa appar ser riktigt bra ut nu. Om du är en Windows Insider kan du prova dem just nu. Redmond har också släppt API:er för några av nyckeldelarna i Fluent Design System, inklusive akrylmaterialet och den nya Reveal-upplevelsen. Windows 10-apputvecklare kan använda dessa API:er för att börja förnya sina befintliga appar med det nya Fluent Design System, och designers kan börja designa Fluent Design System-appar med hjälp av designsatserna. Dessa nya API:er låter utvecklare bygga vackra upplevelser som drivs av Fluent Design System i Windows 10.

[shunno-quote align=”right”]Den första vågen av Fluent Design System är redan tillgänglig för Windows Insiders[/shunno-quote]

Faktum är att de flesta Windows 10-appar från Microsoft redan använder vissa delar av Fluent Design System, inklusive appar som Groove Music, Microsoft Photos, Paint 3D, View 3D, Voice Recorder och till och med Calculator-appen. Dessa appar använder alla komponenterna i den första vågen av Fluent Design System – inklusive saker som akrylmaterialet, Reveal Highlight, Connected Animations, Conscious Controls och Perspective Parallax. Microsoft dök djupare in i Fluent Design System i en session på Build 2017, där företaget detaljerade vad som är tillgängligt för närvarande och vad som är nästa för Fluent Design System. Företagets Paul Gusmorino och Bojana Ostojic visade upp några av apparna som snart kommer att få det nya Fluent Design System - inklusive Outlook Mail & Calendar-apparna, Microsoft Edge, Xbox, OneNote och My People-upplevelsen. Företaget visade till och med hur det kommer att implementera Fluent Design Systems Reveal-upplevelse i Start-menyn i Windows 10. Du kan se några av dessa (potatiskvalitet) skärmdumpar nedan.

I grunden handlar Fluent Design System inte bara om utseende och känsla. Funktionalitet är en väsentlig del av alla designspråk, och Fluent Design System förankrar det med dess byggstenar. Men jag vill fokusera på djupelementet som är en riktigt stor del av det nya designsystemet. På datorer presenterar djupeffekten ett lager användargränssnitt som du kan se i Windows Store-konceptet ovan, och Fluent Design System erbjuder också en parallaxeffekt som sammanför allt.

[shunno-quote align=”left”]3D Depth Effect kommer att se fantastiskt ut i Windows Mixed Reality[/shunno-quote]

Och när du flyttar till en modern dator som HoloLens, lyser djupeffekten verkligen. Microsoft experimenterar för närvarande med en 3D-djupeffekt (z-djupskikt) som är uppslukande i Windows Mixed Reality. Det är inte klart när eller om detta faktiskt kommer att skickas i Windows 10, men det ser fortfarande fantastiskt ut. Vad detta i praktiken betyder är att Fluent Design System inte bara är byggt för tangentbordet och musen. Microsoft designar Fluent Design System så att det fungerar över alla de olika Windows 10-enheter och ingångar – inklusive penna, gester, blickar och mycket mer.

[shunno-quote align=”right”]Konsistens kommer att vara nyckeln för Fluent Design System[/shunno-quote]

Fluent Design är en resa för Microsoft och Windows 10. Förvänta dig inte att designen av Windows 10 förändras radikalt med en enda OS-uppdatering alls – det kommer att ta sin tid att dyka upp i hela operativsystemet, och det är bra. Men Fluent Design System kommer bara att lyckas om Microsoft lyckas hålla sina designprinciper konsekventa i alla appar i Windows 10. Ett av de största problemen med den nuvarande Windows 10-designen är det faktum att den inte alls är konsekvent — det finns runt 3-4 olika design för snabbmenyn, förstapartsappar använder olika nyanser av bakgrundsfärger, och justering av element i appar är överallt. Microsoft kommer att behöva göra en hel del arbete för att se till att dess designers implementerar Fluent Design System korrekt i alla förstapartsappar, men Redmond måste komma på ett sätt att göra tredjepartsutvecklare till detsamma.

Alla Fluent Design-koncept jag sett hittills ser smittsamt vackra ut. Från Windows Store-konceptet till den nya Xbox-instrumentbrädan, alla Fluent Design-koncept är verkligen underbara. Vissa av de funktionella elementen ser och känns också riktigt snygga. Men när Microsoft utvecklar implementeringen av Fluent Design System i Windows 10, måste det se till att utförandet är perfekt. Företaget har bara lagt till en touch av det nya Fluent Design System till apparna i Windows 10, men företaget har fortfarande en lång väg kvar att gå och implementeringen av det nya designsystemet i kärnan av Windows 10 (aka skalet) kommer att ta tid. Men det är helt okej, och så länge som implementeringen är konsekvent över alla appar och komponenter i Windows 10 kommer det nya Fluent Design System att vara avgörande för framtiden för Windows 10.

Med Windows 10 Fall Creators Update levererar Microsoft den första vågen av Fluent Design System. Företaget experimenterar för närvarande med element som kommer att levereras med den andra vågen – inklusive 3D-djupeffekten som du såg i videon ovan, tillsammans med saker som 360-mediauppspelning, medvetna rubriker, tal och rumsligt ljud.