Den nåværende tilstanden Til Microsofts Fluent Design

slik lager Du Et Windows 10-systembilde og bruker det til å gjenopprette datamaskinen

Windows 10 i dag er ikke Windows 10 som ble lansert i 2015. Windows-Som-En-Tjeneste-modellen Som Microsoft bruker Til å levere oppdateringer, har erstattet mye av den opprinnelige versjonen med nye komponenter mens du legger til nye funksjoner. Det har ført til betydelige endringer i Hvordan Windows fungerer, Og I Hvordan Windows ser ut.

Windows har hatt et komplisert forhold til design gjennom årene. Det svinges fra DE FRIE XP-og Vista-dagene, hvor selv windows var valgfrie, til typografi – første flate design Av Windows 8s moderne design. Inspirert av metro skilting (som førte til det opprinnelige navnet), er det en designtilnærming som fortsatt er i hjertet av moderne Vinduer. Men designtrender endrer seg, og brukeropplevelser utvikler seg.

Vi Presenterer Flytende Design

Microsoft Bygger på Windows’ moderne designarv, Og Ruller sakte ut et nytt designspråk For Windows: Fluent Design System. Ment å være grunnlaget for all interaksjon I Windows, Blir Fluent Design vedtatt på tvers av alle varianter-skrivebord, blandet virkelighet, Xbox, server, IoT og til og med på nettet.

Fluent Tar et skritt bort fra moderne design typografiske tilnærming, er ment å legge til mer naturlige brukeropplevelser Til Windows, bringe i effekter som etterligner den virkelige verden samtidig sikre at brukerne vet at de er i samspill med kode. Det er ikke skeuomorphism av iOS, hvor brukergrensesnittelementer var ment å kopiere fysiske objekter. I skeuomorphic design har notatbøker lærlignende bindinger og papirlignende teksturer, mens knapper bruker 3D-animasjoner for å se ut som gamle radioer eller kjente elektroniske kalkulatorer.

I Stedet Tar Fluent en mer kunstig tilnærming til design, blander plastlignende translucens med 3D-effekter og med nye overganger mellom forskjellige applikasjonstilstander. Microsoft snakker Om Fluent som er basert på fem komponenter: Lys, Dybde, Bevegelse, Materiale og Skala. Med design (og applikasjoner) som skal flyttes fra enhet til enhet, er det behov for et konsekvent utseende som fungerer bra på alle skalaer-og i blandet virkelighet også. Det er Intensjonen Bak Fluent: designelementer som er tydelig digitale, men som oppfører seg som virkelige objekter og som kan samhandle med verden rundt dem.

Se: Sammenligningstabell: Kontorpakker (Tech Pro Research)

Fluent tar en lignende tilnærming Til Windows Vistas Aero, Med Glasseffekter. Men Dette Er Ikke Aero reborn. Det kan være noen likheter, spesielt rundt bruk av translucens, men den generelle tilnærmingen er en som er bygget rundt Alle Fluents komponenter, i stedet for å fokusere utelukkende på visuelle effekter.

Flytende i apper

Design er selvfølgelig mer enn bare komponentene vi bruker i appene våre. Det er også nøkkelen til hvordan vi bygger koden vår, og påvirker alt fra kontrolloppsett til programnavigasjon. Som designspråk For Universelle Windows-Apper (Og For Win32-apper via XAML-Øyene), Er Fluent nøkkelen til hvordan vi må sette sammen koden vår. Hver ny utgave Av WINDOWS 10 SDK bringer nye versjoner av nøkkelkontroller, og legger til Flere Og Flere Flytende elementer. Mens Microsoft har betydelig økt adopsjon av nye versjoner Av Windows 10, må Du fortsatt vurdere hvilken basisversjon du målretter MOT MED UWP-koden din. Det betyr at du kanskje ikke bruker alle De Nåværende Fluent-funksjonene; i stedet bruker du kontroller som fungerer på tvers av brukerbasen din og utnytter Windows’ egne animasjoner og effekter.

Innføring Av Akryl

En av de viktigste elementene I Fluent er en gjennomskinnelig effekt Microsoft kaller Akryl. Tar to av de viktigste temaene Fra Flytende, materiale og dybde, Gir Akryl en uskarphet effekt som plukker opp På Windows ‘ nåværende tema. Vinduer og gjenstander bak Akryllaget er fortsatt synlige, men kan enkelt legges over med tekst og andre elementer i brukergrensesnittet. Det Er et verktøy Som Microsoft bruker mer Og mer I Windows 10, den siste forhåndsvisningen bygger å legge den til påloggingsskjermer og bruke den som en del av navigasjonsrutene I Windows’ eget verktøy. Du kan bruke Akryl til å knytte applikasjoner til skrivebordet, eller som et lag inne i applikasjoner, slippe ned over appen din for menyer og lignende, mens du fortsatt viser programkonteksten din.

det siste punktet er kanskje en av De mer interessante aspektene Ved Fluent Design, ved at den blir utviklet for å hjelpe brukerne å holde fokus på oppgavene sine. Endringer bør ikke riste deg ut av flyten, og den generelle programkonteksten må være synlig til enhver tid. Å bygge den inn I UWP-kontroller gir mye mening, da det tillater utviklere å raskt legge til effekter i koden uten å måtte gjøre betydelige endringer.

Sakte, men stabil

kanskje den største forskjellen mellom flyttingen Til Flytende design over tidligere Windows-design er at det ikke er et stort slag. Vistas Aero Glass og 8s moderne utseende kom ut av ingensteds, holdt hemmelig til siste øyeblikk og forlot applikasjonsdesignere og utviklere ut av løkken. Med Fluent tar Microsoft en mye langsommere tilnærming, ved Hjelp Av Windows 10s halvårlige utgivelsessyklus for å legge til nye elementer i egne applikasjoner og Til Windows UWP SDK. Insider-programmet gir det også flere måter å teste Fluent-funksjoner på før en bredere offentlig utgivelse.

SE: Windows spotlight: 30 tips Og triks for avanserte brukere (Tech Pro Research)

et aspekt av Insider-programmet som har en tendens til å bli oversett, er evnen til å bli brukt til å teste designkonsepter. Ved å levere forskjellige versjoner til forskjellige brukere, Kan Microsoft kjøre a / B-tester som en del av Hver Insider-utgivelse. Telemetri og spørreundersøkelser, Samt Feedback Hub, brukes til å forstå hvordan brukere reagerer på forskjeller i animasjoner og gjennomsiktighetsnivåer. Design kan deretter bli raffinert for en kommende bygge. Det har vært interessant å se denne prosessen i aksjon: en animasjon eller effekt vises i En Rask Ring build; den forsvinner deretter i neste, før en raffinert versjon er utgitt to eller tre bygger senere.

Kommer snart: nye funksjoner i neste windows-utgivelse

Sammenligning av dagens windows 10-utgivelse, 1809, med 19h1 Fast Ring preview, er Det mye mer Bruk Av Akryl i Microsofts egne applikasjoner. I Tillegg Til Windows-innstillinger og styringsverktøy, er Det et nøkkelelement i de ulike medfølgende appene, inkludert Mail og Bilder. Akryl brukes også til å fade ut låseskjermen ved innlogging, og med støtte for både mørke og lyse temaer, kan Du se Hvordan Fluent kan brukes i dine egne apper.

Microsoft gjør noe veldig interessant Med Fluent: utvikler et nytt designspråk i offentligheten. Det er ikke hva brukerne forventer, med endringer som kommer hver sjette måned og med en slutt ingen steder i sikte. Men det er en prosess som er mer utviklervennlig, slik at apper kan tilpasse seg nye brukergrensesnittkomponenter og gi utviklere tid til å lære å bruke dem. Etter Hvert Som Windows 10 fortsetter å utvikle seg, ser Vi Mer Flytende elementer I UWP-kontroller, Og I Windows 10 Sdk-Ene, og til slutt i flere tredjepartsprogrammer.

Se også

• microsoft Office ‘Fluent Design’ makeover kan forenkle arbeidet, øke produktiviteten (TechRepublic)
• Windows 10-brukere: her er alle måtene BRUKERGRENSESNITTET vil endres i den nyeste oppdateringen (TechRepublic)
• Microsoft Office 2019 for Mac-mål som ikke Er Office 365-bedrifter, legger til funksjoner (TechRepublic
• last Ned: 12 tips for å få mer ut av windows 10 (techrepublic)
• microsoft: 10-Års Støttelivssyklus (Zdnet)
• Windows 10: En jukselapp (TechRepublic)
• Microsoft lanserer verktøy for å skjule eller blokkere uønskede windows 10-oppdateringer (ZDNet)
• Fem grunner til å oppgradere Til Windows 10 (TechRepublic