Ontwerpen voor Windows-apps

Hier vindt u ontwerprichtlijnen en voorbeelden voor het maken van Windows-app-ervaringen. Windows 11 bevat de ontwerptaal en principes van Fluent voor een samenhangende uitstraling die uniek is voor Microsoft.

Gebruik WinUI om de bouwstenen voor het maken van Windows-ervaringen op te halen. Deze onderdelen bevatten de ontwerptaal van Fluent, zodat u zeker weet dat u geweldige ervaringen in het Fluent-ecosysteem bouwt.

Ontwerpprincipes voor Windows 11

Windows 11 markeert een visuele evolutie van het besturingssysteem. We hebben onze ontwerptaal ontwikkeld naast Fluent om een ontwerp te creëren dat menselijk, universeel is en echt als Windows voelt.

De onderstaande ontwerpprincipes hebben ons door het traject geleid om Windows de beste implementatie van Fluent te maken.

Moeiteloos

Windows 11 is sneller en intuïtiever. Het is gemakkelijk om te doen wat ik wil, met focus en precisie.

Kalm

Windows 11 is zachter en opgeruimd; het vervaagt naar de achtergrond om me te helpen kalm en gefocust te zijn. De ervaring voelt warm, ethereaal en benaderbaar.

Persoonlijk

Windows 11 past zich naadloos aan de manier waarop ik mijn apparaat gebruik. Het buigt en flext naar mijn individuele behoeften en voorkeuren, zodat ik mezelf echt kan uitdrukken.

Vertrouwd

Windows 11 brengt een nieuw, vernieuwd uiterlijk in balans met de vertrouwdheid van Windows die ik al ken. Er is geen leercurve; ik kan er meteen mee aan de slag.

Volledig + Samenhangend

Windows 11 biedt een visueel naadloze ervaring op verschillende platforms. Ik kan op veel platforms werken en nog steeds een consistente Windows-ervaring hebben.

Ervaringen met Windows 11-handtekeningen

Kenmerkende ervaringen zijn de ontwerpelementen die Windows 11 gebruikt om de visuele taal uit te drukken, terwijl een coherente uitstraling en gevoel in alle Fluent-ervaringen behouden blijven.

Kleur

Color helpt gebruikers zich op hun taken te concentreren door een visuele hiërarchie en structuur tussen elementen van de gebruikersinterface aan te geven. Windows 11 gebruikt kleur om een kalmerende basis te bieden en subtiel gebruikersinteracties te verbeteren, waarbij het alleen de nadruk legt op belangrijke items wanneer dat nodig is.

Hoogte en lagen

Verheffing en lagen is het concept van het ene oppervlak overlappen met een ander, waardoor twee of meer visueel onderscheiden gebieden binnen hetzelfde oppervlak ontstaan. Windows 11 maakt gebruik van uitbreiding en lagen als basis voor app-hiërarchie.

Iconografie

Iconography is een set visuele afbeeldingen en symbolen waarmee gebruikers uw app kunnen begrijpen en navigeren. Windows 11 iconografie is ontwikkeld in combinatie met onze ontwerptaal. Elk symbool in ons systeempictogramlettertype is opnieuw ontworpen om een zachtere geometrie en modernere metaforen te omarmen.

Materialen

Materialen zijn visuele effecten waardoor UI-oppervlakken op echte artefacten lijken. Windows 11 gebruikt materialen om de gebruikersinterface verbonden te houden met de omgeving. Materialen brengen oppervlakken tot leven en helpen ons om onderscheid te maken tussen gerichte en ongerichte toepassingen.

vormen en geometrie

Geometrie beschrijft de vorm, grootte en positie van UI-elementen op het scherm. Deze fundamentele ontwerpelementen helpen ervaringen coherent te voelen in het hele ontwerpsysteem. Windows 11 bevat bijgewerkte geometrie die een meer benaderbare, aantrekkelijke en moderne ervaring creëert.

typografie

Als visuele weergave van taal is de belangrijkste taak van typografie informatie te communiceren. Het Windows 11-typesysteem helpt u bij het maken van structuur en hiërarchie in uw inhoud om de leesbaarheid en leesbaarheid in uw gebruikersinterface te maximaliseren.

Motion

Motion beschrijft de manier waarop de interface animeert en reageert op gebruikersinteractie. Beweging in Windows is reactief, direct en context passend. Het biedt feedback aan gebruikersinvoer en versterkt ruimtelijke paradigma's die way-finding ondersteunen.