Starea actuală a designului fluent al Microsoft

cum să creați o imagine de sistem Windows 10 și să o utilizați pentru a restabili computerul

Windows 10 astăzi nu este Windows 10 lansat în 2015. Modelul Windows-as-a-Service pe care Microsoft îl folosește pentru a furniza actualizări a înlocuit o mare parte din versiunea originală cu componente noi, adăugând în același timp funcții noi. Acest lucru a dus la schimbări semnificative în modul în care funcționează Windows și în modul în care arată Windows.

Windows a avut o relație complicată cu designul de-a lungul anilor. Se învârte de la zilele gratuite pentru toate XP și Vista, unde chiar și ferestrele erau opționale, până la designul plat tipografic al designului modern al Windows 8. Inspirat de metro signage (care a dus la numele său original), este o abordare de design care se află încă în centrul ferestrelor moderne. Dar tendințele de design se schimbă, iar experiențele utilizatorilor evoluează.

introducerea Fluent Design

microsoft-fluent-designthumb.png
imagine: Microsoft

bazându-se pe moștenirea modernă a designului Windows, Microsoft lansează încet un nou limbaj de design pentru Windows: Sistemul Fluent Design. Destinat să fie baza pentru toate interacțiunile din Windows, Fluent Design este adoptat în toate variantele sale-desktop, realitate mixtă, Xbox, server, IoT și chiar pe web.

la un pas de abordarea tipografică a designului modern, Fluent este destinat să adauge mai multe experiențe naturale ale utilizatorilor la Windows, aducând efecte care imită lumea reală, asigurându-se în același timp că utilizatorii știu că interacționează cu codul. Nu este skeuomorfismul iOS, unde elementele interfeței cu utilizatorul au fost destinate copierii obiectelor fizice. În designul skeuomorf, notebook-urile au legături asemănătoare pielii și texturi asemănătoare hârtiei, în timp ce butoanele folosesc animații 3D pentru a arăta ca radiouri vechi sau calculatoare electronice familiare.

în schimb, Fluent adoptă o abordare mai artificială a designului, amestecând transluciditatea asemănătoare plasticului cu efectele 3D și cu noi tranziții între diferite stări de aplicație. Microsoft vorbește despre Fluent bazându-se pe cinci componente: lumină, adâncime, mișcare, Material și scară. Cu modele (și aplicații) destinate să se deplaseze de la dispozitiv la dispozitiv, este nevoie de un aspect consistent care să funcționeze bine la toate scările-și în realitate mixtă. Aceasta este intenția din spatele Fluent: elemente de design care sunt clar digitale, dar care se comportă ca obiecte din lumea reală și care pot interacționa cu lumea din jurul lor.

vezi: diagrama comparativă: suitele Office (Tech Pro Research)

Fluent adoptă o abordare similară cu Aero-ul Windows Vista, cu efectele sale de sticlă. Dar acest lucru nu este Aero renăscut. Pot exista unele asemănări, în special în ceea ce privește utilizarea translucenței, dar abordarea generală este una care este construită în jurul tuturor componentelor Fluent, mai degrabă decât să se concentreze doar pe efectele vizuale.

Fluent în aplicații

designul este, desigur, mai mult decât componentele pe care le folosim în aplicațiile noastre. Este, de asemenea, cheia modului în care ne construim codul, influențând totul, de la aspectul de control la navigarea aplicației. Ca limbaj de design pentru aplicațiile Windows universale (și pentru aplicațiile Win32 prin insulele XAML), Fluent este cheia modului în care trebuie să ne reunim codul. Fiecare nouă versiune a SDK-ului Windows 10 aduce noi versiuni ale comenzilor cheie, adăugând elemente din ce în ce mai fluente. În timp ce Microsoft a accelerat considerabil adoptarea de noi versiuni de Windows 10, va trebui totuși să luați în considerare ce versiune de bază vizați cu codul UWP. Asta înseamnă că este posibil să nu utilizați toate caracteristicile fluente actuale; în schimb, veți utiliza controale care funcționează în baza dvs. de utilizatori și veți profita de animațiile și efectele proprii ale Windows.

introducerea acrilic

ms-fluentacrylic-login.png

Microsoft aduce efecte acrilice pe ecranul de conectare în versiunea 19h1 a Windows, permițându-vă să vă concentrați asupra dialogurilor de conectare și să eliminați ecranul de blocare Windows.

imagine: Simon Bisson / TechRepublic

unul dintre elementele cheie ale Fluent este un efect transluciditate Microsoft solicită acrilic. Luând două dintre temele cheie din Fluent, material și adâncime, acrilul oferă un efect de estompare care preia tema curentă a Windows. Ferestrele și elementele din spatele stratului acrilic sunt încă vizibile, dar pot fi ușor suprapuse cu text și alte elemente de interfață cu utilizatorul. Este un instrument pe care Microsoft îl folosește din ce în ce mai mult în Windows 10, cea mai recentă previzualizare se construiește adăugându-l la ecranele de conectare și folosindu-l ca parte a panourilor de navigare din instrumentele proprii Windows. Puteți utiliza acrilic pentru a lega aplicațiile de desktop sau ca strat în interiorul aplicațiilor, scăzând peste aplicația dvs. pentru meniuri și altele asemenea, în timp ce afișați în continuare contextul aplicației.

acest ultim punct este probabil unul dintre cele mai interesante aspecte ale designului Fluent, prin faptul că este dezvoltat pentru a ajuta utilizatorii să rămână concentrați asupra sarcinilor lor. Modificările nu ar trebui să vă scuture din fluxul dvs., iar contextul general al aplicației trebuie să fie vizibil în orice moment. Construirea acestuia în controale UWP are mult sens, deoarece permite dezvoltatorilor să adauge rapid efecte codului lor fără a fi nevoie să facă modificări semnificative.

lent, dar constant

poate că cea mai mare diferență între trecerea la designul Fluent față de modelele Windows anterioare este că nu este un big bang. Vista Aero Glass și aspectul modern al lui 8 au ieșit de nicăieri, păstrate secrete până în ultimul moment și lăsând designerii și dezvoltatorii de aplicații în afara buclei. Cu Fluent, Microsoft adoptă o abordare mult mai lentă, folosind ciclul de lansare semi-anual al Windows 10 pentru a adăuga elemente noi la propriile aplicații și la SDK-ul Windows UWP. Programul său Insider îi oferă, de asemenea, mai multe modalități de a testa caracteristicile Fluent înainte de o lansare publică mai largă.

vezi: Windows spotlight: 30 sfaturi și trucuri pentru utilizatorii de putere (Tech Pro Research)

un aspect al Programului Insider care tinde să fie trecut cu vederea este capacitatea sa de a fi folosit pentru a testa concepte de design. Prin livrarea de versiuni diferite către utilizatori diferiți, Microsoft poate rula teste A / B ca parte a fiecărei versiuni Insider. Telemetria și sondajele, precum și hub-ul de Feedback, sunt utilizate pentru a înțelege modul în care utilizatorii răspund la diferențele dintre animații și nivelurile de transparență. Proiectele pot fi apoi rafinate pentru o construcție viitoare. A fost interesant să urmăriți acest proces în acțiune: o animație sau un efect apare într-o construcție rapidă a inelului; apoi dispare în următoarea, înainte ca o versiune rafinată să fie lansată două sau trei versiuni mai târziu.

în curând: caracteristici noi în următoarea versiune Windows

ms-fluentacrylic.png

veți găsi deja un design Fluent în instrumente precum aplicația Setări Windows, unde o folosește în bara de navigare.

Image: Simon Bisson / TechRepublic

comparând versiunea curentă Windows 10, 1809, cu previzualizarea inelului rapid 19H1, există o utilizare mult mai mare a acrilicului în aplicațiile proprii Microsoft. Pe lângă setările Windows și instrumentele de gestionare, este un element cheie al diferitelor aplicații incluse, inclusiv Mail și fotografii. Acrilul este, de asemenea, utilizat pentru a estompa ecranul de blocare la conectare și, cu suport atât pentru temele întunecate, cât și pentru cele luminoase, puteți vedea cât de Fluent poate fi utilizat în propriile aplicații.

ms-fluentxamlcontrols.png

dezvoltatorii pot încerca diferitele efecte de design Fluent în galeria Microsoft XAML Controls, care arată cum să le folosească, împreună cu codul utilizat pentru a genera efecte.

imagine: Simon Bisson / TechRepublic

Microsoft face ceva foarte interesant cu Fluent: evoluția unui nou limbaj de design în public. Nu este ceea ce așteaptă utilizatorii, cu schimbări care vin la fiecare șase luni și cu un sfârșit nicăieri la vedere. Dar este un proces care este mai prietenos pentru dezvoltatori, permițând aplicațiilor să se adapteze la noile componente ale interfeței cu utilizatorul și oferind dezvoltatorilor timp să învețe cum să le folosească. Pe măsură ce Windows 10 continuă să evolueze, vom vedea elemente mai fluente în controalele UWP și în SDK-urile Windows 10 și, în cele din urmă, în mai multe aplicații terțe.

de asemenea, a se vedea

  • Microsoft Office ‘Fluent Design’ makeover ar putea simplifica munca, creșterea productivității (TechRepublic)
  • Windows 10 utilizatori: aici sunt toate modurile UI se va schimba în cea mai recentă actualizare (TechRepublic)
  • Microsoft Office 2019 Pentru Mac obiective non-Office 365 întreprinderi, adaugă caracteristici (TechRepublic
  • descărcați: 12 sfaturi pentru a obține mai mult din Windows 10 (TechRepublic)
  • Microsoft: ciclul de viață al asistenței de 10 ani (ZDNet)
  • Windows 10: O foaie de înșelăciune (TechRepublic)
  • Microsoft lansează un instrument pentru a ascunde sau bloca actualizările nedorite Windows 10 (ZDNet)
  • cinci motive pentru a face upgrade la Windows 10 (TechRepublic