Den aktuelle tilstand af Microsofts flydende Design

Sådan opretter du et Vinduer 10 systembillede og bruger det til at gendanne din computer

vinduer 10 i dag er ikke vinduerne 10, der blev lanceret i 2015. Microsoft bruger til at levere opdateringer har erstattet meget af den oprindelige udgivelse med nye komponenter, mens du tilføjer nye funktioner. Det har ført til betydelige ændringer i, hvordan vinduer fungerer, og hvordan vinduer ser ud.

vinduer har haft et kompliceret forhold til design gennem årene. Det er svinget fra de gratis-for-alle dage, hvor selv vinduer var valgfri, til typografi-første flade design af vinduer 8s moderne design. Inspireret af metro skiltning (som førte til sit oprindelige navn), er det en design tilgang, der stadig er kernen i moderne vinduer. Men designtendenser ændrer sig, og brugeroplevelser udvikler sig.

Introduktion til flydende Design

microsoft-fluent-designthumb.png
billede: Microsoft

med udgangspunkt i vinduer’ moderne design arv, Microsoft langsomt udrulle et nyt designsprog til vinduer: Fluent Design System. Fluent Design er beregnet til at være grundlaget for al interaktion i vinduer og vedtages på tværs af alle dets varianter-desktop, blandet virkelighed, Server, IoT og endda på nettet.

Fluent tager et skridt væk fra modern designs typografiske tilgang og er beregnet til at tilføje mere naturlige brugeroplevelser til vinduer og bringe effekter, der efterligner den virkelige verden, mens de stadig sikrer, at brugerne ved, at de interagerer med kode. Det er ikke skeuomorfismen i iOS, hvor brugergrænsefladeelementer var beregnet til at kopiere fysiske objekter. I skeuomorf design har bærbare computere læderlignende bindinger og papirlignende strukturer, mens knapper bruger 3D-animationer til at ligne gamle radioer eller velkendte elektroniske regnemaskiner.

i stedet tager Fluent en mere kunstig tilgang til design, blander plastlignende gennemskinnelighed med 3D-effekter og med nye overgange mellem forskellige applikationstilstande. Microsoft taler om, at Fluent er baseret på fem komponenter: Lys, Dybde, bevægelse, materiale og skala. Med design (og applikationer), der er beregnet til at flytte fra enhed til enhed, er der behov for et ensartet look-and-feel, der fungerer godt på alle skalaer-og også i blandet virkelighed. Det er hensigten bag Fluent: designelementer, der klart er digitale, men som opfører sig som virkelige objekter, og som kan interagere med verden omkring dem.

Se: Sammenligning chart: Office suites (Tech Pro Research)

Fluent tager en lignende tilgang til Vinduer Vista ‘ s Aero, med dens glas effekter. Men det er ikke Aero reborn. Der kan være nogle ligheder, især omkring brugen af gennemskinnelighed, men den overordnede tilgang er en, der er bygget op omkring alle Fluents komponenter, snarere end at fokusere udelukkende på visuelle effekter.

flydende apps

Design er selvfølgelig mere end blot de komponenter, vi bruger i vores apps. Det er også nøglen til, hvordan vi bygger vores kode, der påvirker alt fra kontrollayout til applikationsnavigation. Som designsprog for universelle vinduer Apps (og for 32 apps via øerne), Fluent er nøglen til, hvordan vi har brug for at sammensætte vores kode. Hver ny udgivelse af vinduerne 10 SDK bringer nye versioner af centrale kontrolelementer, tilføje flere og flere flydende elementer. Mens Microsoft har betydeligt fremskyndet vedtagelsen af nye versioner af vinduer 10, skal du stadig overveje, hvilken basisversion du målretter mod med din upp-kode. Det betyder, at du muligvis ikke bruger alle de nuværende Fluent-funktioner; i stedet bruger du Kontroller, der fungerer på tværs af din brugerbase og drager fordel af vinduernes egne animationer og effekter.

introduktion af akryl

ms-fluentacrylic-login.png

Microsoft bringer Akryleffekter til login-skærmen i 19h1-udgivelsen af vinduer, så du kan fokusere på login-dialogerne og falme ud af vinduernes låseskærm.

billede: Simon Bisson/TechRepublic

et af nøgleelementerne i Fluent er en gennemskinnelig effekt Microsoft kalder akryl. Tager to af de centrale temaer fra flydende, materiale og dybde, akryl giver en sløring effekt, der opfanger på vinduer aktuelle tema. Vinduer og genstande bag akryllaget er stadig synlige, men kan let overlejres med tekst og andre brugergrænsefladeelementer. Det er et værktøj, som Microsoft bruger mere og mere i Vinduer 10, den seneste forhåndsvisning bygger tilføje det til log-in skærme og bruge det som en del af navigationsruderne i vinduer eget værktøj. Du kan bruge akryl til at binde applikationer til skrivebordet eller som et lag inde i applikationer, slippe ned over din app til menuer og lignende, mens du stadig viser din applikationskontekst.

det sidste punkt er måske et af de mere interessante aspekter af Fluent Design, idet det udvikles for at hjælpe brugerne med at holde fokus på deres opgaver. Ændringer bør ikke ryste dig ud af din strøm, og din overordnede applikationskontekst skal altid være synlig. Det giver meget mening at opbygge det i Upp-kontroller, da det giver udviklere mulighed for hurtigt at tilføje effekter til deres kode uden at skulle foretage væsentlige ændringer.

langsom men stabil

måske er den største forskel mellem overgangen til flydende design i forhold til tidligere vinduer design, at det ikke er et big bang. Vista ‘s Aero Glass og 8’ s moderne udseende kom ud af ingenting, holdt hemmeligt indtil sidste øjeblik og forlod applikationsdesignere og udviklere ud af sløjfen. Med Fluent tager Microsoft en meget langsommere tilgang ved hjælp af vinduer 10s halvårlige udgivelsescyklus for at tilføje nye elementer til sine egne applikationer og til SDK. Dens Insider-program giver det også flere måder at teste flydende funktioner inden en bredere offentlig udgivelse.

se: vinduer spotlight: 30 tips og tricks til superbrugere (Tech Pro Research)

et aspekt af Insider-programmet, der har tendens til at blive overset, er dets evne til at blive brugt til at teste designkoncepter. Ved at levere forskellige versioner til forskellige brugere kan Microsoft køre A/B-test som en del af hver Insider-udgivelse. Telemetri og undersøgelser samt Feedback Hub bruges til at forstå, hvordan brugerne reagerer på forskelle i animationer og i gennemsigtighedsniveauer. Design kan derefter raffineres til en kommende bygning. Det har været interessant at se denne proces i aktion: en animation eller effekt vises i en hurtig Ring build; det forsvinder derefter i den næste, før en raffineret version frigives to eller tre builds senere.

kommer snart: nye funktioner i den næste vinduer udgivelse

ms-fluentacrylic.png

du finder allerede flydende Design i værktøjer som appen vinduer Indstillinger, hvor den bruger den i navigationslinjen.

billede: Simon Bisson/TechRepublic

sammenligning af de nuværende vinduer 10 release, 1809, med 19h1 hurtig ring forhåndsvisning, der er meget mere brug af akryl i Microsofts egne applikationer. Samt vinduer indstillinger og styringsværktøj, det er et centralt element i de forskellige bundtede apps, herunder Mail og fotos. Akryl bruges også til at falme låseskærmen ud ved login, og med understøttelse af både mørke og lyse temaer kan du se, hvordan Fluent kan bruges i dine egne apps.

ms-fluentxamlcontrols.png

udviklere kan prøve de forskellige flydende designeffekter i Microsofts galleri, som viser, hvordan man bruger dem sammen med koden, der bruges til at generere effekter.

billede: Simon Bisson / TechRepublic

Microsoft gør noget meget interessant med Fluent: udvikler et nyt designsprog offentligt. Det er ikke, hvad brugerne forventer, med ændringer, der kommer hvert halve år og med en ende intetsteds i syne. Men det er en proces, der er mere udviklervenlig, så apps kan tilpasse sig nye brugergrænsefladekomponenter og give udviklere tid til at lære at bruge dem. Som vinduer 10 fortsætter med at udvikle sig, vil vi se mere flydende elementer i Upp kontroller, og i vinduerne 10 SDK ‘ er, og i sidste ende i flere tredjeparts applikationer.

Se også

  • Microsoft Office ‘Fluent Design’ makeover kunne forenkle arbejdet, øge produktiviteten (TechRepublic)
  • vinduer 10 brugere: her er alle de måder UI vil ændre sig i den seneste opdatering (TechRepublic)
  • Microsoft Office 2019 til Mac mål ikke-Office 365 virksomheder, tilføjer funktioner (TechRepublic
  • Hent: 12 tips til at få mere ud af vinduer 10 (TechRepublic)
  • Microsoft: 10-year support lifecycle (Net)
  • vinduer 10: En cheat sheet (TechRepublic)
  • Microsoft frigiver værktøj til at skjule eller blokere uønskede vinduer 10 opdateringer
  • fem grunde til at opgradere til Vinduer 10 (TechRepublic