Microsofts Fluent Design System vil udvikle Windows 10 smukt

Torsdag introducerede Microsoft et helt nyt designsprog til sine produkter. Redmond er kalder det det nye Fluent Design System, og det vil blive implementeret på tværs af en masse Microsoft-produkter - startende med Windows 10 og al den hardware, der kører operativsystemet, inklusive Xbox, HoloLens, pc og telefoner. Fluent Design System er bygget på 5 grundlæggende elementer: Lys, Dybde, Bevægelse, Materiale og Skala.

I Windows 10 arbejder alle disse elementer sammen for at levere en intuitiv brugeroplevelse. Microsoft viste en håndfuld koncepter af Fluent Design System i Windows 10, og de ser helt fantastiske ud. Selvfølgelig er koncepter og den virkelige vare altid drastisk forskellige fra hinanden - men Microsoft leverer allerede elementer af det nye Fluent Design System på tværs af nogle af førsteparts-apps i Windows 10, og disse apps ser rigtig gode ud nu. Hvis du er en Windows Insider, kan du prøve dem lige nu. Redmond har også udgivet API'er til nogle af de vigtigste dele af Fluent Design System, herunder akrylmaterialet og den nye Reveal-oplevelse. Windows 10-appudviklere kan bruge disse API'er til at begynde at forny deres eksisterende apps med det nye Fluent Design System, og designere kan begynde at designe Fluent Design System-apps ved hjælp af designsættene. Disse nye API'er vil lade udviklere bygge smukke oplevelser drevet af Fluent Design System i Windows 10.

[shunno-quote align=”right”]Den første bølge af Fluent Design System er allerede tilgængelig for Windows Insiders[/shunno-quote]

Faktisk bruger de fleste Windows 10-apps fra Microsoft allerede visse dele af Fluent Design System, herunder apps som Groove Music, Microsoft Photos, Paint 3D, View 3D, Voice Recorder og endda Calculator-appen. Disse apps bruger alle komponenterne i den første bølge af Fluent Design System - inklusive ting som akrylmaterialet, Reveal Highlight, Connected Animations, Conscious Controls og Perspective Parallax. Microsoft dykkede dybere ned i Fluent Design System i en session på Build 2017, hvor virksomheden detaljerede, hvad der er tilgængeligt i øjeblikket, og hvad der er det næste for Fluent Design System. Virksomhedens Paul Gusmorino og Bojana Ostojic viste nogle af de apps frem, der snart vil få det nye Fluent Design System - inklusive Outlook Mail & Calendar-apps, Microsoft Edge, Xbox, OneNote og My People-oplevelsen. Virksomheden viste endda, hvordan det vil implementere Fluent Design Systems Reveal-oplevelse i startmenuen i Windows 10. Du kan se nogle af disse (kartoffelkvalitet) skærmbilleder nedenfor.

I sin kerne handler Fluent Design System ikke kun om udseendet og følelsen. Funktionalitet er en væsentlig del af ethvert designsprog, og Fluent Design System slår fast det med dets byggeklodser. Men jeg vil fokusere på det dybdeelement, som er en rigtig stor del af det nye designsystem. På pc'er præsenterer dybdeeffekten en lagdelt brugergrænseflade, som du kan se i Windows Store-konceptet ovenfor, og Fluent Design System tilbyder også en parallakseeffekt, der bringer det hele sammen.

[shunno-quote align=”left”]3D Depth Effect vil se fantastisk ud i Windows Mixed Reality[/shunno-quote]

Og når du flytter til en moderne computer som HoloLens, skinner dybdeeffekten virkelig. Microsoft eksperimenterer i øjeblikket med en 3D-dybdeeffekt (z-depth-layering), der er fordybende i Windows Mixed Reality. Det er ikke klart, hvornår eller om dette rent faktisk sendes i Windows 10, men det ser stadig fantastisk ud. Hvad dette effektivt betyder er, at Fluent Design System ikke kun er bygget til tastaturet og musen. Microsoft designer Fluent Design System, så det fungerer på tværs af de mange forskellige Windows 10-enheder og input – inklusive pen, bevægelser, blik og meget mere.

[shunno-quote align=”right”]Konsistens vil være nøglen til Fluent Design System[/shunno-quote]

Flydende design er en rejse for Microsoft og Windows 10. Forvent ikke, at designet af Windows 10 ændres radikalt med en enkelt OS-opdatering overhovedet – det vil tage sin tid at dukke op på tværs af hele operativsystemet, og det er fint. Men det flydende designsystem vil kun lykkes, hvis Microsoft formår at holde sine designprincipper konsistente på tværs af alle apps i Windows 10. Et af de største problemer med det nuværende Windows 10-design er det faktum, at det slet ikke er konsistent - der er ca. 3-4 forskellige designs til kontekstmenuen, førsteparts-apps bruger forskellige nuancer af baggrundsfarver, og justering af elementer i apps er overalt. Microsoft bliver nødt til at gøre en del arbejde for at sikre, at dets designere implementerer Fluent Design System korrekt på tværs af alle førstepartsapps, men Redmond skal finde ud af en måde at lave tredjepartsudviklere til det samme.

Alle de Fluent Design-koncepter, jeg indtil videre har set, ser smittende smukke ud. Fra Windows Store-konceptet til det nye Xbox-dashboard er alle Fluent Design-koncepterne virkelig fantastiske. Nogle af de funktionelle elementer ser og føles også rigtig flotte ud. Men efterhånden som Microsoft fremmer implementeringen af ​​Fluent Design System i Windows 10, skal det sørge for, at udførelsen er perfekt. Virksomheden har kun tilføjet et strejf af det nye Fluent Design System til apps i Windows 10, men virksomheden har stadig lang vej igen, og implementeringen af ​​det nye designsystem i kernen af ​​Windows 10 (også kaldet skallen) vil tage tid. Men det er helt fint, og så længe implementeringen er konsistent på tværs af alle apps og komponenter i Windows 10, vil det nye Fluent Design System være afgørende for fremtiden for Windows 10.

Med Windows 10 Fall Creators Update sender Microsoft den første bølge af Fluent Design System. Virksomheden eksperimenterer i øjeblikket med elementer, der vil sendes med den anden bølge - inklusive 3D-dybdeeffekten, du så i videoen ovenfor, sammen med ting som 360-medieafspilning, bevidste overskrifter, tale og rumlig lyd.