Ontwerpbronnen voor Windows-apps

Dit onderwerp bevat diverse ontwerp- en ui-gerelateerde resources voor het maken van visueel aantrekkelijke en gebruiksvriendelijke Windows-toepassingen.

Lettertypen

Met het Windows-typesysteem kunt u structuur en hiërarchie in uw inhoud maken om de leesbaarheid en leesbaarheid in uw gebruikersinterface te maximaliseren (zie lettertypefamilie van Segoe UI).

De volgende lettertypen worden aanbevolen:

• Segoe UI Variable (zie Typografie in Windows)
• Segoe Fluent Icons (zie lettertype Segoe Fluent Icons)
• Segoe MDL2 (zie Segoe MDL2 Assets-pictogrammen)

Windows UI Kit

De Windows Design Kit voor Figma biedt een uitgebreide toolkit waarmee ontwikkelaars en ontwerpers visueel consistente en aantrekkelijke Windows-apps kunnen maken

De Windows Design Kit is een Figma-bibliotheek met:

• UI-onderdelen: vooraf gedefinieerde elementen, zoals knoppen, wisselknoppen, schuifregelaars en meer.

• Ontwerppatronen: Sjablonen voor navigatie, dialoogvensters en indelingen.

• stijlen en tokens: vooraf gedefinieerde kleuren, typografie en afstand.

Windows UI Kit voor Figma

WinUI Gallery

De sectie Ontwerprichtlijnen van de WinUI Gallery biedt best practices en hulpprogramma's waarmee u de juiste kleuren, typografie en pictogrammen voor uw app kunt kiezen en toepassen. De sectie Toegankelijkheid bevat codefragmenten en tips om uw app inclusiever en toegankelijker te maken voor alle gebruikers.

Ontwerprichtlijnen in de WinUI-galerie

Voorbeelden

Bekijk de pagina Voorbeelden en middelen voor een volledige lijst van al onze Windows app-voorbeelden.