Delen via


Ontwerprichtlijnen

In de sectie Richtlijnen worden de belangrijkste bouwstenen van het ontwerp van Windows-apps behandeld. In deze onderwerpen worden de patronen, regels en gedragingen gedefinieerd die ervoor zorgen dat uw app intuïtief, professioneel en afgestemd is op Fluent Design. Van kleur en typografie tot beweging, indeling en materialen, biedt elke basiscomponent u hulp bij het nemen van consistente beslissingen die worden opgeschaald naar pagina's, functies en vormfactoren.

Gebruik deze basisprincipes als richtlijn in uw ontwerpproces, ongeacht of u uw eerste schermen toegeeft, interactiepatronen verfijnt of ervoor zorgt dat uw gebruikersinterface overeenkomt met Windows-conventies. Als u deze basisbeginselen vroeg verkent, bespaart u ontwikkeltijd, vermindert u het werk en leidt dit tot betere ervaringen voor uw gebruikers.


Kleurpictogram
Kleur
Gebruik kleur om hiërarchie vast te stellen, betekenis te communiceren en een samenhangende visuele identiteit te maken..

Opdrachtpictogram
Commandant
Presenteer acties in duidelijke, consistente patronen die gebruikers helpen te begrijpen wat ze kunnen doen.

Verhoogd pictogram
Hoogte
Pas diepte en lagen toe om de focus te begeleiden en de structuur van uw interface te versterken.

Pictogram Geometrie
Geometrie
Gebruik vorm-, grootte- en ruimtelijke relaties om evenwichtige, voorspelbare indelingen te maken.

Iconografiepictogram
Iconografie
Communiceer snel acties en concepten met vertrouwde, doelgerichte pictogrammen.

Indelingspictogram
Indeling
Organiseer inhoud met rasters, afstand en uitlijningspatronen die de duidelijkheid en stroom verbeteren.

Materialenpictogram
Materialen
Verbeter uw gebruikersinterface met Fluent-materialen zoals Mica en Acryl om diepte en warmte toe te voegen.

Animatiepictogram
Beweging
Gebruik beweging om feedback te geven, aandacht te geven en vloeiende, responsieve interacties te creëren.

Navigatiepictogram
Navigatie
Gebruikers helpen uw app te doorlopen met voorspelbare, goed gestructureerde navigatiepatronen.

Geluidspictogram
Geluid
Gebruik audiosignalen om feedback te geven, acties te versterken en toegankelijkheid te ondersteunen.

Typografiepictogram
Typografie
Stel de toon in en verbeter de leesbaarheid met consistente typekeuzen en hiërarchie.

Bruikbaarheidspictogram
Bruikbaarheid
Zorg ervoor dat uw app eenvoudig te gebruiken is via intuïtieve interacties, duidelijke betaalbaarheid en toegankelijkheid.

Widget-pictogram
Widgets
Breid uw app uit met glimpbare, interactieve oppervlakken waarmee belangrijke informatie en acties worden weergegeven.

Schrijficoon
Schrijven
Gebruik duidelijke, beknopte en nuttige taal om inzicht te krijgen en de cognitieve belasting te verminderen.