Microsoftin sujuvan suunnittelun nykytila

Windows 10-järjestelmäkuvan luominen ja sen käyttäminen tietokoneen palauttamiseen

Windows 10 tänään ei ole SE Windows 10, joka julkaistiin vuonna 2015. Windows-as-a-Service-malli, jota Microsoft käyttää päivitysten toimittamiseen, on korvannut suuren osan alkuperäisestä julkaisusta uusilla komponenteilla ja lisännyt samalla uusia ominaisuuksia. Se on johtanut merkittäviin muutoksiin siinä, miten Windows toimii ja miltä Windows näyttää.

Windowsilla on ollut vuosien varrella monimutkainen suhde suunnitteluun. Se on swung alkaen free-for-all XP ja Vista päivää, jossa jopa windows oli valinnainen, typografia-ensimmäinen tasainen muotoilu Windows 8: n moderni muotoilu. Innoittamana metro opasteet (joka johti sen alkuperäinen nimi), se on design lähestymistapa, joka on edelleen ytimessä modernit ikkunat. Mutta suunnittelutrendit muuttuvat,ja käyttäjäkokemukset kehittyvät.

Introducing Fluent Design

microsoft-fluent-designthumb.png
kuva: Microsoft

perustuu Windowsin moderniin muotoiluperintöön ja ottaa hiljalleen käyttöön uuden muotokielen Windowsille: sujuvan suunnittelujärjestelmän. Fluent Design on tarkoitettu kaiken vuorovaikutuksen pohjaksi Windowsissa, ja sitä käytetään kaikissa sen muunnelmissa-pöytäkoneessa, mixed Realityssä, Xboxissa, palvelimessa, IoT: ssä ja jopa verkossa.

ottamalla askeleen pois modernin muotoilun typografisesta lähestymistavasta, Fluentin tarkoituksena on lisätä Windowsiin luonnollisempia käyttäjäkokemuksia, tuoden efektejä, jotka jäljittelevät todellista maailmaa, mutta varmistaen silti, että käyttäjät tietävät olevansa vuorovaikutuksessa koodin kanssa. Kyseessä ei ole iOS: n skeuomorfismi, jossa käyttöliittymäelementtien oli tarkoitus kopioida fyysisiä esineitä. Skeuomorfisessa muotoilussa muistikirjoissa on nahkamaiset sidokset ja paperimaiset tekstuurit, kun taas painikkeissa käytetään 3D-animaatioita, jotka näyttävät vanhoilta radioilta tai tutuilta elektronisilta laskimilta.

sen sijaan Fluent ottaa muotoiluun keinotekoisemman lähestymistavan, jossa muovimaista läpikuultavuutta sekoitetaan 3D-efekteihin ja uusiin siirtymiin eri käyttötilojen välillä. Microsoft puhuu sujuvasta perustumisesta viiteen komponenttiin: valoon, syvyyteen, liikkeeseen, materiaaliin ja mittakaavaan. Kun mallit (ja sovellukset) on tarkoitettu siirtymään laitteesta toiseen, tarvitaan johdonmukaista ulkoasua, joka toimii hyvin kaikilla mittakaavoilla — ja sekatodellisuudessa samoin. Se on Fluentin tarkoitus: design-elementit, jotka ovat selvästi digitaalisia, mutta käyttäytyvät kuin reaalimaailman objektit ja jotka voivat olla vuorovaikutuksessa ympäröivän maailman kanssa.

katso: Vertailukaavio: Office suites (Tech Pro Research)

Fluent ottaa Lasitehosteineen samankaltaisen lähestymistavan kuin Windows Vistan Aero. Mutta tämä ei ole Aero reborn. Voi olla joitakin yhtäläisyyksiä, erityisesti noin käyttö läpikuultavuus, mutta yleinen lähestymistapa on yksi, joka on rakennettu kaikki Fluentin osat, eikä keskittyä puhtaasti visuaalisia tehosteita.

Fluent in apps

Design on tietenkin muutakin kuin sovelluksissamme käyttämämme komponentit. Se on myös avain siihen, miten rakennamme koodimme, vaikuttaen kaikkeen ohjauksen asettelusta sovelluksen navigointiin. Universal Windows-sovellusten (ja Win32-sovellusten XAML-saarten kautta) Suunnittelukielenä Fluent on avain siihen, miten meidän on koottava koodimme. Jokainen uusi julkaisu Windows 10 SDK tuo uusia versioita keskeisistä ohjausobjekteista, lisäämällä yhä sujuvampia elementtejä. Vaikka Microsoft on huomattavasti nopeuttanut uusien Windows 10-versioiden käyttöönottoa, sinun on silti harkittava, mihin perusversioon UWP-koodillasi tähtäät. Tämä ei tarkoita, että et voi käyttää kaikkia nykyisiä sujuvia ominaisuuksia, vaan käytät ohjaimia, jotka toimivat käyttäjäkunnassasi ja hyödyntävät Windowsin omia animaatioita ja tehosteita.

Introducing akryyli

ms-fluentacrylic-login.png

Microsoft tuo Acrylic-efektit kirjautumisnäyttöön Windowsin 19h1-julkaisussa, jolloin voit keskittyä kirjautumisikkunoihin ja häivyttää Windowsin lukitusnäytön.

Kuva: Simon Bisson/TechRepublic

yksi Fluentin keskeisistä elementeistä on läpikuultavuusefekti, jota Microsoft kutsuu akryyliksi. Ottaen kaksi keskeistä teemaa sujuva, materiaali ja syvyys, akryyli tarjoaa hämärtää vaikutus, joka poimii Windowsin nykyinen teema. Ikkunat ja akryylikerroksen takana olevat esineet ovat edelleen näkyvissä, mutta ne voidaan helposti päällystää tekstillä ja muilla käyttöliittymäelementeillä. Se on työkalu, jota Microsoft käyttää yhä enemmän Windows 10: ssä, uusin esikatselu rakentaa lisäämällä sen sisäänkirjautumisruutuihin ja käyttämällä sitä osana navigointiruutuja Windowsin omissa työkaluissa. Voit käyttää akryyli sitoa sovelluksia työpöydälle, tai kerros sisällä sovelluksia, pudottamalla alas yli sovelluksen valikot ja vastaavat, mutta silti näyttää sovelluksen yhteydessä.

tuo viimeinen kohta on ehkä yksi sujuvan suunnittelun mielenkiintoisimmista puolista, sillä sitä kehitetään auttamaan käyttäjiä pysymään keskittyneinä tehtäviinsä. Muutosten ei pitäisi ravistella sinua pois virtauksestasi, ja yleisen sovelluskontekstisi on oltava näkyvissä koko ajan. Sen rakentaminen UWP-ohjauksiksi on järkevää, sillä sen avulla kehittäjät voivat nopeasti lisätä efektejä koodiinsa ilman merkittäviä muutoksia.

hidas mutta vakaa

ehkä suurin ero sujuvaan muotoiluun siirtymiseen aiempiin Windows-malleihin on se, että kyseessä ei ole alkuräjähdys. Vistan Aero-lasi ja 8: n moderni ilme ilmestyivät tyhjästä, pidettiin salassa viime hetkeen asti ja jätettiin sovellusten suunnittelijat ja Kehittäjät pois silmukasta. Fluentin kanssa Microsoft on ottanut paljon hitaamman lähestymistavan, käyttäen Windows 10: n puolivuosittaista julkaisusykliä lisätäkseen uusia elementtejä omiin sovelluksiinsa ja Windows UWP SDK: hon. Sen sisäpiiriohjelma antaa sille myös lisää tapoja testata sujuvia ominaisuuksia ennen laajempaa julkistusta.

Katso: Windows spotlight: 30 tips and tricks for power users (Tech Pro Research)

yksi Insider-ohjelman osa, joka yleensä unohdetaan, on sen kyky testata suunnittelukonsepteja. Toimittamalla eri versioita eri käyttäjille Microsoft voi suorittaa A / B-testejä osana jokaista Sisäpiirijulkaisua. Telemetriaa ja kyselyjä sekä Palautekeskusta käytetään ymmärtämään, miten käyttäjät reagoivat animaatioiden eroihin ja läpinäkyvyystasoihin. Malleja voidaan sitten hioa tulevaa rakennusta varten. On ollut mielenkiintoista seurata tätä prosessia toiminnassa: animaatio tai efekti näkyy yhdessä nopeassa rengasrakenteessa; sitten se katoaa seuraavassa, ennen kuin hienostunut versio julkaistaan kaksi tai kolme versiota myöhemmin.

tulossa pian: uusia ominaisuuksia seuraavassa Windows-julkaisussa

ms-fluentacrylic.png

löydät jo sujuvaa muotoilua työkaluista, kuten Windows Settings-sovelluksesta, jossa se käyttää sitä navigointipalkissa.

Kuva: Simon Bisson/TechRepublic

verrattaessa nykyistä Windows 10-julkaisua, 1809, 19h1 Fast Ring preview ’ hun, akryyliä käytetään paljon enemmän Microsoftin omissa sovelluksissa. Windowsin asetusten ja hallintatyökalujen lisäksi se on keskeinen osa erilaisia niputettuja sovelluksia, kuten postia ja valokuvia. Akryyliä käytetään myös häivyttämään lukitusruutu sisäänkirjautumisessa, ja sekä tummien että valojen teemojen tuella voi nähdä, kuinka sujuvasti omia sovelluksia voi käyttää.

ms-fluentxamlcontrols.png

kehittäjät voivat kokeilla erilaisia sujuvia Suunnittelutehosteita Microsoftin XAML Controls galleriassa, joka näyttää, miten niitä käytetään, yhdessä efektien tuottamiseen käytetyn koodin kanssa.

Kuva: Simon Bisson / TechRepublic

Microsoft tekee Fluentilla jotain hyvin mielenkiintoista: kehittää uutta muotokieltä julkisuudessa. Se ei ole sitä, mitä käyttäjät odottavat, muutoksia tulee puolen vuoden välein ja loppua ei ole näkyvissä. Mutta se on prosessi, joka on kehittäjäystävällisempi, jolloin sovellukset voivat sopeutua uusiin käyttöliittymäkomponentteihin ja antaa kehittäjille aikaa oppia käyttämään niitä. Windows 10: n kehittyessä näemme sujuvampia elementtejä UWP-ohjauksissa ja Windows 10 SDK: ssa ja lopulta useammissa kolmannen osapuolen sovelluksissa.

Katso myös

  • Microsoft Office ’Fluent Design’ makeover could simplify work, boost productivity (TechRepublic)
  • Windows 10 users: Here are all the ways the UI will change in the latest update (TechRepublic)
  • Microsoft Office 2019 for Mac targets non-Office 365 businesses, adds features (TechRepublic
  • download: 12 vinkkiä, joilla saat enemmän irti Windows 10: stä (TechRepublic)
  • Microsoft: 10-vuoden tuen elinkaari (ZDNet)
  • Windows 10: Lunttilappu (TechRepublic)
  • Microsoft julkaisee työkalun, jolla voi piilottaa tai estää ei-toivotut Windows 10-päivitykset (ZDNet)
  • viisi syytä päivittää Windows 10 :een (TechRepublic