Det nuvarande tillståndet för Microsofts flytande Design

så här skapar du en Windows 10-systembild och använder den för att återställa din dator

Windows 10 Idag är inte Windows 10 som lanserades 2015. Windows-as-a-Service-modellen som Microsoft använder för att leverera uppdateringar har ersatt mycket av den ursprungliga versionen med nya komponenter samtidigt som nya funktioner läggs till. Det har lett till betydande förändringar i hur Windows fungerar, och hur Windows ser ut.

Windows har haft ett komplicerat förhållande till design genom åren. Det svängde från de fria för alla XP-och Vista-dagarna, där även windows var valfria, till typografiens första platta design av Windows 8s moderna design. Inspirerad av metro signage (som ledde till sitt ursprungliga namn) är det en designmetod som fortfarande är kärnan i moderna fönster. Men designtrender förändras och användarupplevelser utvecklas.

introduktion flytande Design

baserat på Windows moderna designarv rullar Microsoft långsamt ut ett nytt designspråk för Windows: Fluent Design System. Avsedd att ligga till grund för all interaktion i Windows, Fluent Design antas över alla dess varianter-desktop, mixed reality, Xbox, server, IoT, och även på webben.

Fluent är ett steg bort från modern designs typografiska tillvägagångssätt och syftar till att lägga till mer naturliga användarupplevelser i Windows, vilket ger effekter som efterliknar den verkliga världen samtidigt som användarna vet att de interagerar med kod. Det är inte skeuomorfismen i iOS, där användargränssnittselement var avsedda att kopiera fysiska objekt. I skeuomorf design har bärbara datorer läderliknande bindningar och pappersliknande texturer, medan knappar använder 3D-animationer för att se ut som gamla radioapparater eller bekanta elektroniska räknare.

istället tar Fluent ett mer artificiellt tillvägagångssätt för design, blandar plastliknande genomskinlighet med 3D-effekter och med nya övergångar mellan olika applikationstillstånd. Microsoft talar om att Fluent bygger på fem komponenter: ljus, Djup, rörelse, Material och skala. Med mönster (och applikationer) avsedda att flytta från enhet till enhet finns det ett behov av en konsekvent look-and-feel som fungerar bra på alla skalor-och i blandad verklighet också. Det är avsikten bakom Fluent: designelement som är tydligt digitala, men som beter sig som verkliga objekt och som kan interagera med världen runt dem.

se: jämförelsetabell: Office suites (Tech Pro Research)

Fluent tar ett liknande tillvägagångssätt för Windows Vista Aero, med dess glaseffekter. Men det här är inte Aero reborn. Det kan finnas vissa likheter, särskilt kring användningen av genomskinlighet, men det övergripande tillvägagångssättet är en som är uppbyggd kring alla Fluents komponenter, snarare än att fokusera enbart på visuella effekter.

flytande i appar

Design är naturligtvis mer än bara de komponenter vi använder i våra appar. Det är också nyckeln till hur vi bygger vår kod och påverkar allt från kontrolllayout till applikationsnavigering. Som designspråk för universella Windows-appar (och för Win32-appar via XAML Islands) är Fluent nyckeln till hur vi behöver sätta ihop vår kod. Varje ny version av Windows 10 SDK ger nya versioner av nyckelkontroller och lägger till fler och mer flytande element. Medan Microsoft har påskyndat antagandet av nya versioner av Windows 10, måste du fortfarande överväga vilken basversion du riktar in med din UWP-kod. Det betyder att du kanske inte använder alla nuvarande Fluent-funktioner; istället använder du kontroller som fungerar över din användarbas och utnyttjar Windows egna animationer och effekter.

introduktion av akryl

en av de viktigaste delarna av Fluent är en genomskinlighet effekt Microsoft kallar akryl. Med två av de viktigaste teman från Fluent, material och djup, ger Akryl en suddighetseffekt som tar upp Windows nuvarande tema. Fönster och föremål bakom akrylskiktet är fortfarande synliga, men kan enkelt överlagras med text och andra element i användargränssnittet. Det är ett verktyg som Microsoft använder mer och mer i Windows 10, den senaste förhandsgranskningen bygger på att lägga till den i inloggningsskärmar och använda den som en del av navigeringsrutorna i Windows eget verktyg. Du kan använda akryl för att binda applikationer till skrivbordet, eller som ett lager inuti applikationer, släppa ner över din app för menyer och liknande, samtidigt som du visar din applikationskontext.

den sista punkten är kanske en av de mer intressanta aspekterna av Fluent Design, eftersom den utvecklas för att hjälpa användarna att hålla fokus på sina uppgifter. Ändringar ska inte skaka dig ur ditt flöde, och ditt övergripande applikationskontext måste alltid vara synligt. Att bygga in det i UWP-kontroller är mycket meningsfullt, eftersom det gör det möjligt för utvecklare att snabbt lägga till effekter i sin kod utan att behöva göra betydande förändringar.

långsam men stadig

kanske är den största skillnaden mellan flytten till flytande design över tidigare Windows-mönster att det inte är en big bang. Vista Aero Glass och 8: s moderna utseende kom från ingenstans, höll hemligt till sista stund och lämnade applikationsdesigners och utvecklare ur slingan. Med Fluent tar Microsoft ett mycket långsammare tillvägagångssätt, med hjälp av Windows 10s halvårliga utgivningscykel för att lägga till nya element i sina egna applikationer och till Windows UWP SDK. Dess Insiderprogram ger det också fler sätt att testa Fluent-funktioner innan en bredare offentliggörande.

SE: Windows spotlight: 30 tips och tricks för avancerade användare (Tech Pro Research)

en aspekt av Insider-programmet som tenderar att förbises är dess förmåga att användas för att testa designkoncept. Genom att leverera olika versioner till olika användare kan Microsoft köra A/B-tester som en del av varje Insider-utgåva. Telemetri och undersökningar, liksom Feedback Hub, används för att förstå hur användare svarar på skillnader i animationer och i transparensnivåer. Design kan sedan förfinas för en kommande byggnad. Det har varit intressant att se denna process i aktion: en animering eller effekt visas i en snabb Ringbyggnad; den försvinner sedan i nästa, innan en förfinad version släpps två eller tre byggnader senare.

kommer snart: nya funktioner i nästa Windows-utgåva

jämför den nuvarande Windows 10-utgåvan, 1809, med 19h1 Fast Ring preview, det finns mycket mer användning av akryl i Microsofts egna applikationer. Förutom Windows-inställningar och hanteringsverktyg är det ett viktigt inslag i de olika medföljande apparna, inklusive Mail och foton. Akryl används också för att tona ut låsskärmen vid inloggning, och med stöd för både mörka och ljusa teman kan du se hur Fluent kan användas i dina egna appar.

Microsoft gör något mycket intressant med Fluent: utveckla ett nytt designspråk offentligt. Det är inte vad användarna förväntar sig, med förändringar som kommer var sjätte månad och med ett slut ingenstans i sikte. Men det är en process som är mer utvecklarvänlig, så att appar kan anpassa sig till nya användargränssnittskomponenter och ge utvecklare tid att lära sig att använda dem. När Windows 10 fortsätter att utvecklas ser vi mer flytande element i UWP-kontroller och i Windows 10 SDK: er och så småningom i fler tredjepartsapplikationer.

Se även

• Microsoft Office ’Fluent Design’ makeover kan förenkla arbetet, öka produktiviteten (TechRepublic)
• Windows 10-användare: här är alla sätt som användargränssnittet kommer att förändras i den senaste uppdateringen (TechRepublic)
• Microsoft Office 2019 för Mac-mål som inte är Office 365-företag, lägger till funktioner (TechRepublic
• ladda ner: 12 tips för att få ut mer av Windows 10 (Techrepublic)
• Microsoft: 10-Year Support Lifecycle (ZDNet)
• Windows 10: Ett fuskblad (TechRepublic)
• Microsoft släpper verktyg för att dölja eller blockera oönskade Windows 10-uppdateringar (ZDNet)
• fem skäl att uppgradera till Windows 10 (TechRepublic