De huidige staat van Microsoft ‘ s vloeiend ontwerp

het maken van een Windows 10-systeemimage en het gebruiken om uw computer

te herstellen Windows 10 Vandaag is niet de Windows 10 die in 2015 werd gelanceerd. Het Windows-as-a-Service-model dat Microsoft gebruikt om updates te leveren heeft veel van de originele release vervangen door nieuwe componenten terwijl nieuwe functies worden toegevoegd. Dat heeft geleid tot belangrijke veranderingen in hoe Windows werkt, en in hoe Windows eruit ziet.

Windows heeft in de loop der jaren een ingewikkelde relatie met design gehad. Het is swung van de free-for-all van de XP en Vista dagen, waar zelfs windows optioneel waren, om de typografie-eerste platte ontwerp van Windows 8 ‘ s modern design. Geà nspireerd door metro signage (die leidde tot de oorspronkelijke naam), het is een ontwerp aanpak die nog steeds in het hart van de moderne ramen. Maar designtrends veranderen en gebruikerservaringen evolueren.

vloeiend ontwerpen

voortbouwend op het moderne designer erfgoed van Windows, introduceert Microsoft langzaam een nieuwe ontwerptaal voor Windows: het vloeiend Designsysteem. Bedoeld om de basis te zijn voor alle interactie in Windows, vloeiend ontwerp wordt overgenomen in al zijn varianten-desktop, mixed reality, Xbox, server, IoT, en zelfs op het web.

een stap verwijderd van de typografische benadering van modern design, is Fluent bedoeld om meer natuurlijke gebruikerservaringen toe te voegen aan Windows, met effecten die de echte wereld nabootsen en er tegelijkertijd voor zorgen dat gebruikers weten dat ze met code communiceren. Het is niet het skeuomorfisme van iOS, waar gebruikersinterface-elementen bedoeld waren om fysieke objecten te kopiëren. In skeuomorphic design hebben notebooks leerachtige bindingen en papierachtige texturen, terwijl knoppen 3D-animaties gebruiken om eruit te zien als oude radio ‘ s of bekende elektronische rekenmachines.

in plaats daarvan kiest Fluent voor een meer kunstmatige benadering van het ontwerp, waarbij plastic-achtige doorschijnendheid wordt gemengd met 3D-effecten en met nieuwe overgangen tussen verschillende toepassingsstatussen. Microsoft spreekt over vloeiend zijn gebaseerd op vijf componenten: licht, diepte, beweging, materiaal en schaal. Met ontwerpen (en toepassingen) die bedoeld zijn om van apparaat naar apparaat te gaan, is er behoefte aan een consistente look-and-feel die goed werkt op alle schalen-en ook in gemengde realiteit. Dat is de bedoeling achter vloeiend: designelementen die duidelijk digitaal zijn, maar die zich gedragen als echte objecten en die kunnen interageren met de wereld om hen heen.

zie: vergelijkingsgrafiek: Office suites (Tech Pro Research)

Fluent volgt een soortgelijke benadering als Windows Vista ‘ s Aero, met zijn glaseffecten. Maar dit is niet Aero herboren. Er kunnen enkele overeenkomsten zijn, vooral rond het gebruik van doorschijnendheid, maar de algemene aanpak is er een die is gebouwd rond alle componenten van Fluent, in plaats van zich puur te richten op visuele effecten.

vloeiend in apps

ontwerp is natuurlijk meer dan alleen de componenten die we in onze apps gebruiken. Het is ook de sleutel tot hoe we onze code bouwen en alles beïnvloeden, van control lay-out tot applicatienavigatie. Als de ontwerptaal voor universele Windows-Apps (en voor Win32-apps via XAML-Eilanden), is vloeiend de sleutel tot hoe we onze code moeten samenstellen. Elke nieuwe release van de Windows 10 SDK brengt nieuwe versies van de belangrijkste controles, het toevoegen van meer en meer vloeiende elementen. Terwijl Microsoft heeft aanzienlijk versneld adoptie van nieuwe versies van Windows 10, Je zult nog steeds nodig om te overwegen welke basisversie je targeting met uw UWP-code. Dat betekent dat u misschien niet alle huidige vloeiende functies te gebruiken; in plaats daarvan zul je met behulp van besturingselementen die werken over uw user base en gebruik te maken van Windows ‘ eigen animaties en effecten.

introductie van acryl

een van de belangrijkste elementen van vloeiend is een doorschijnend effect Microsoft calls Acryl. Het nemen van twee van de belangrijkste thema’ s van vloeiend, materiaal en diepte, Acryl biedt een vervaging effect dat pikt op Windows ‘ huidige thema. Vensters en items achter de acryllaag zijn nog steeds zichtbaar, maar kunnen gemakkelijk worden bedekt met tekst en andere elementen van de gebruikersinterface. Het is een tool die Microsoft meer en meer in Windows 10, de nieuwste preview bouwt toe te voegen aan log-in schermen en het gebruik ervan als onderdeel van de navigatie panelen in Windows’ eigen tooling. U kunt acryl gebruiken om applicaties te binden aan het bureaublad, of als een laag in applicaties, naar beneden vallen over uw app voor menu ‘ s en dergelijke, terwijl nog steeds het tonen van uw applicatie context.

dit laatste punt is misschien wel een van de interessantere aspecten van vloeiend ontwerp, omdat het wordt ontwikkeld om gebruikers te helpen gefocust te blijven op hun taken. Veranderingen mogen je niet uit je stroom schudden, en je algemene toepassingscontext moet te allen tijde zichtbaar zijn. Het bouwen van het in UWP besturingselementen heeft veel zin, omdat het ontwikkelaars in staat stelt om snel effecten toe te voegen aan hun code zonder dat u belangrijke wijzigingen aan te brengen.

langzaam maar gestaag

misschien is het grootste verschil tussen de overstap naar vloeiend ontwerp ten opzichte van eerdere Windows-ontwerpen dat het geen big bang is. Vista ’s Aero Glass en 8′ s moderne look kwamen uit het niets, geheim gehouden tot het laatste moment en het verlaten van applicatie-ontwerpers en ontwikkelaars uit de lus. Met vloeiend, Microsoft is het nemen van een veel tragere aanpak, met behulp van Windows 10 halfjaarlijkse release cyclus om nieuwe elementen toe te voegen aan zijn eigen toepassingen en aan de Windows UWP SDK. Het Insider-programma geeft het ook meer manieren om vloeiende functies te testen voordat een bredere publieke release.

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

een aspect van het Insider-programma dat over het hoofd wordt gezien, is de mogelijkheid om ontwerpconcepten te testen. Door verschillende versies aan verschillende gebruikers te leveren, kan Microsoft A/B-tests uitvoeren als onderdeel van elke Insider-release. Telemetrie en enquêtes, evenals de Feedbackhub, worden gebruikt om te begrijpen hoe gebruikers reageren op verschillen in animaties en in transparantieniveaus. Ontwerpen kunnen dan worden verfijnd voor een aankomende build. Het was interessant om dit proces in actie te zien: een animatie of effect verschijnt in een snelle Ring build; het verdwijnt dan in de volgende, voordat een verfijnde versie wordt uitgebracht twee of drie bouwt later.

binnenkort: nieuwe functies in de volgende Windows-release

het vergelijken van de huidige Windows 10 release, 1809, met de 19H1 Fast Ring preview, er is veel meer gebruik van acryl in Microsoft ‘ s eigen toepassingen. Naast de Windows-instellingen en management tooling, het is een belangrijk element van de verschillende gebundelde apps, met inbegrip van Mail en foto ‘ s. Acryl wordt ook gebruikt om het vergrendelingsscherm te vervagen bij inloggen, en met ondersteuning voor zowel donkere als lichte thema ‘ s, kunt u zien hoe vloeiend kan worden gebruikt in uw eigen apps.

Microsoft doet iets heel interessants met vloeiend: het ontwikkelen van een nieuwe designtaal in het openbaar. Het is niet wat gebruikers verwachten, met veranderingen komen elke zes maanden en met een einde nergens in zicht. Maar het is een proces dat is meer Ontwikkelaar vriendelijk, waardoor apps aan te passen aan nieuwe gebruikersinterface componenten en geeft ontwikkelaars de tijd om te leren hoe ze te gebruiken. Als Windows 10 blijft evolueren, zien we meer vloeiende elementen in UWP-besturingselementen, en in de Windows 10 SDK ‘ s, en uiteindelijk in meer toepassingen van derden.

zie Ook

• Microsoft Office ‘Vloeiend Design’ makeover kon het werk vereenvoudigen, verhoging van de productiviteit (TechRepublic)
• Windows 10 gebruikers: Hier zijn alle manieren waarop de UI zal veranderen in de laatste update (TechRepublic)
• Microsoft Office 2019 voor Mac doelen niet-Office-365 bedrijven, voegt functies (TechRepublic
• Download: 12 tips om meer te halen uit Windows 10 (TechRepublic)
• Microsoft: 10 jaar support lifecycle (ZDNet)
• Windows 10: Een spiekbriefje (TechRepublic)
• Microsoft releases tool te verbergen of te blokkeren ongewenste Windows 10 updates (ZDNet)
• vijf redenen om te upgraden naar Windows 10 (TechRepublic