Dela via


Utforma resurser för Windows-appar

Det här avsnittet innehåller en mängd olika design- och användargränssnittsrelaterade resurser för att skapa visuellt tilltalande och användarvänliga Windows-program.

Teckensnitt

Windows-typsystemet hjälper dig att skapa struktur och hierarki i ditt innehåll för att maximera läsbarheten och läsbarheten i användargränssnittet (mer information finns i teckensnittsfamiljen Segoe UI).

Följande teckensnitt rekommenderas:

Windows UI Kit

En omslagsbild av Windows UI Kit Figma-biblioteket

Windows Design Kit for Figma innehåller en omfattande verktygslåda som hjälper utvecklare och designers att skapa visuellt konsekventa och engagerande Windows-appar

Windows Design Kit är ett Figma-bibliotek som innehåller:

  • UI-komponenter: Fördefinierade element som knappar, reglage, skjutreglage med mera.

  • Designmönster: Mallar för navigering, dialogrutor och layouter.

  • Format och token: Fördefinierade färger, typografi och avstånd.

Avsnittet Designvägledning i WinUI-galleriet innehåller metodtips och verktyg som hjälper dig att välja och använda rätt färger, typografi och ikoner för din app. Avsnittet Hjälpmedel innehåller kodfragment och tips för att göra appen mer inkluderande och tillgänglig för alla användare.

En skärmbild av avsnittet Designvägledning i WinUI 3-galleriet

Prover

Kolla in sidan Exempel och resurser för en fullständig lista över alla våra Windows-appexempel.