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.

WinUI-galerij

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.

Microsoft Store Asset Guidance Kit

De Microsoft Store Asset Guidance Kit voor Figma biedt sjablonen en hulpprogramma's voor het maken van schermafbeeldingen van hoge kwaliteit, app-pictogrammen en andere assets voor publicatie in de Microsoft Store.

Deze kit ondersteunt het volledige proces voor het maken, testen en verzenden van app- en gameactiva. Het bevat richtlijnen voor het aanpassen van logo- en pictogramgrootten, samen met voorbeelden die laten zien hoe uw pictogram wordt weergegeven in de Store na verzending naar partnercentrum. Het biedt ook aanpasbare sjablonen om consistente, professionele schermafbeeldingen voor uw app of game te maken.

Voorbeelden

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