Microsoftin Fluent Design System kehittää Windows 10:tä kauniisti

Microsoft esitteli torstaina aivan uuden suunnittelukielen tuotteilleen. Redmond on kutsuen sitä uudeksi Fluent Design Systemiksi, ja se otetaan käyttöön monissa Microsoftin tuotteissa – alkaen Windows 10:stä ja kaikista käyttöjärjestelmää käyttävistä laitteistoista, mukaan lukien Xbox, HoloLens, PC ja puhelimet. Fluent Design System on rakennettu viiteen peruselementtiin: valo, syvyys, liike, materiaali ja mittakaava.

Windows 10:ssä kaikki nämä elementit toimivat yhdessä ja tarjoavat intuitiivisen käyttökokemuksen. Microsoft esitteli kourallisen Fluent Design Systemin konsepteja Windows 10:ssä, ja ne näyttävät aivan upeilta. Tietenkin käsitteet ja todellinen sopimus eroavat aina dramaattisesti toisistaan ​​– mutta Microsoft toimittaa jo uuden Fluent Design Systemin elementtejä joihinkin Windows 10:n ensimmäisen osapuolen sovelluksiin, ja nämä sovellukset näyttävät nyt todella hyviltä. Jos olet Windows Insider, voit mennä kokeilemaan niitä heti. Redmond on myös julkaissut API:t joillekin Fluent Design Systemin tärkeimmille osille, mukaan lukien akryylimateriaali ja uusi Reveal-kokemus. Windows 10 -sovelluskehittäjät voivat käyttää näitä sovellusliittymiä uudistaakseen olemassa olevia sovelluksiaan uudella Fluent Design System -järjestelmällä, ja suunnittelijat voivat alkaa suunnitella Fluent Design System -sovelluksia suunnittelusarjojen avulla. Näiden uusien sovellusliittymien avulla kehittäjät voivat rakentaa kauniita kokemuksia Windows 10:n Fluent Design Systemin avulla.

[shunno-quote align=”right”]Fluent Design Systemin ensimmäinen aalto on jo Windows Insidersin saatavilla[/shunno-quote]

Itse asiassa suurin osa Microsoftin Windows 10 -sovelluksista käyttää jo tiettyjä Fluent Design Systemin osia, mukaan lukien sovellukset, kuten Groove Music, Microsoft Photos, Paint 3D, View 3D, Voice Recorder ja jopa Laskin-sovellus. Nämä sovellukset käyttävät kaikkia Fluent Design Systemin ensimmäisen aallon komponentteja – mukaan lukien akryylimateriaali, Reveal Highlight, Connected Animations, Conscious Controls ja Perspective Parallax. Microsoft sukelsi syvemmälle Fluent Design Systemiin Build 2017 -istunnossa, jossa yritys tarkensi, mitä Fluent Design System -järjestelmälle on tällä hetkellä saatavilla ja mitä seuraavaksi. Yrityksen Paul Gusmorino ja Bojana Ostojic esittelivät joitain sovelluksia, jotka saavat pian uuden Fluent Design Systemin – mukaan lukien Outlook Mail & Calendar -sovellukset, Microsoft Edge, Xbox, OneNote ja My People -kokemuksen. Yritys jopa esitteli, kuinka se aikoo ottaa Fluent Design Systemin Reveal-kokemuksen käyttöön Windows 10:n Käynnistä-valikkoon. Voit nähdä joitain näistä (perunalaatuisista) kuvakaappauksista alla.

Fluent Design Systemin ytimessä ei ole kyse ulkonäöstä ja tuntumasta. Toiminnallisuus on olennainen osa kaikkia suunnittelukieliä, ja Fluent Design System naulaa sen rakennuspalikoillaan. Mutta haluan keskittyä syvyyselementtiin, joka on todella valtava osa uutta suunnittelujärjestelmää. PC-tietokoneissa syvyystehoste on kerroksellinen käyttöliittymä, jonka näet yllä olevasta Windows Store -konseptista, ja Fluent Design System tarjoaa myös parallaksiefektin, joka yhdistää kaiken.

[shunno-quote align=”left”]3D Depth Effect näyttää hämmästyttävältä Windows Mixed Realityssä[/shunno-quote]

Ja kun siirryt HoloLensin kaltaiseen moderniin tietokoneeseen, syvyysvaikutelma loistaa todella. Microsoft kokeilee parhaillaan 3D-syvyystehostetta (z-depth-layering), joka on mukaansatempaava Windows Mixed Realityn. Ei ole selvää, milloin tämä todella toimitetaan Windows 10:ssä, mutta se näyttää silti upealta. Tämä tarkoittaa käytännössä sitä, että Fluent Design System -järjestelmää ei ole rakennettu vain näppäimistöä ja hiirtä varten. Microsoft suunnittelee Fluent Design System -järjestelmää niin, että se toimii useissa Windows 10 -laitteissa ja -tuloissa – mukaan lukien kynä, eleet, katse ja paljon muuta.

[shunno-quote align=”right”]Johdonmukaisuus on Fluent-suunnittelujärjestelmän avainasemassa[/shunno-quote]

Fluent Design on matka Microsoftille ja Windows 10:lle. Älä odota Windows 10:n suunnittelun muuttuvan radikaalisti yhden käyttöjärjestelmän päivityksen myötä – kestää oman aikansa, ennen kuin se näkyy koko käyttöjärjestelmässä, ja se on hyvä. Mutta Fluent Design System onnistuu vain, jos Microsoft onnistuu pitämään suunnitteluperiaatteensa johdonmukaisina kaikissa Windows 10:n sovelluksissa. Yksi nykyisen Windows 10 -suunnittelun suurimmista ongelmista on se, että se ei ole ollenkaan johdonmukainen. 3-4 erilaista kontekstivalikkoa, ensimmäisen osapuolen sovellukset käyttävät eri taustavärien sävyjä ja sovellusten elementtien kohdistaminen on kaikkialla. Microsoftin on tehtävä paljon työtä varmistaakseen, että sen suunnittelijat toteuttavat Fluent Design Systemin oikein kaikissa ensimmäisen osapuolen sovelluksissa, mutta Redmondin on keksittävä tapa saada kolmannen osapuolen kehittäjät käyttämään samaa.

Kaikki tähän mennessä näkemäni Fluent Design -konseptit näyttävät tarttuvan kauniilta. Windows Store -konseptista uuteen Xbox-kojelautaan, kaikki Fluent Design -konseptit ovat todella upeita. Jotkut toiminnallisista elementeistä myös näyttävät ja tuntuvat todella mukavilta. Mutta kun Microsoft edistää Fluent Design Systemin käyttöönottoa Windows 10:ssä, sen on varmistettava, että suoritus on täydellinen. Yritys on vain lisännyt Windows 10:n sovelluksiin ripauksen uutta Fluent Design System -järjestelmää, mutta yrityksellä on vielä pitkä matka kuljettavana ja uuden suunnittelujärjestelmän käyttöönotto Windows 10:n ytimessä (eli shell) vie. aika. Mutta se on täysin kunnossa, ja niin kauan kuin toteutus on johdonmukainen kaikissa Windows 10:n sovelluksissa ja osissa, uusi Fluent Design System on ratkaiseva Windows 10:n tulevaisuuden kannalta.

Windows 10 Fall Creators -päivityksen myötä Microsoft toimittaa Fluent Design Systemin ensimmäisen aallon. Yritys kokeilee parhaillaan elementtejä, jotka toimitetaan toisen aallon mukana – mukaan lukien yllä olevassa videossa näkemäsi 3D-syvyysefekti, kuten 360-median toisto, tietoiset otsikot, puhe ja tilaääni.