Formate für Windows-Apps

Durch einen besonderen Stil fällt Ihre App auf. Mithilfe der Gestaltungsrichtlinien in diesem Abschnitt erstellen Sie ein Fluent Design mit Farben, Typografie und neuen Features wie Acrylmaterial und „Reveal Highlight“.

Wir verwenden die Windows-UI-Bibliothek (WinUI), um die neuesten Stile für unsere Benutzeroberflächenkomponenten zu liefern. Stellen Sie sicher, dass Sie die neueste WinUI-Version verwenden, um Ihre Apps mit den aktuellen Fluent-Stilen für Windows-Apps auf dem Laufenden zu halten. Weitere Informationen, wie Sie dazu vorgehen, finden Sie unter XAML-Stile.

Image depicting a color gradient.

Farbe

Farben tragen dazu bei, dass sich Benutzer intuitiv in den verschiedenen Informationsebenen einer App zurechtfinden, und spielen eine wichtige Rolle für das Interaktionsmodell.

Image depicting typography.

Typografie

Typografie muss übersichtlich sein, da sie zur visuellen Darstellung von Sprache dient. Ihr Stil darf diesem Ziel nie im Wege stehen. Die folgenden Richtlinien konzentrieren sich darauf, wie Sie Typografie nutzen können, damit Benutzer Inhalte leichter verstehen.

Image depicting icons.

Symbole

Gute Symbole harmonieren mit der Typografie und der übrigen Gestaltungssprache. Sie verwenden keine Metaphern und geben einfach und schnell nur die erforderlichen Informationen weiter.

Image depicting acrylic.

Acrylic

Erzeuge Tiefenwirkung mit Acryl, einem Pinsel, der für atemberaubende, durchscheinende Oberflächen sorgt.

Image depicting reveal focus.

Reveal Focus

Reveal Focus ist ein Lichteffekt für Benutzeroberflächen auf großen Bildschirmen (10 Foot UI), für z.B. Xbox One und Fernsehbildschirme, und animiert den Rahmen von Elementen, die den Fokus erhalten können.

Image depicting sound.

Sound

Sound vervollständigt die Benutzerumgebung einer Anwendung und trägt zur Vermittlung des Windows-Feelings auf allen Plattformen bei.

Short movie with a blinking cursor and then the words Writing style being typed out.

Schreibstil

Der Schreibstil kann eine schlechte oder eine gute Benutzererfahrung bewirken.

XAML-Pinsel

Das XAML-Framework bietet zahlreiche Anpassungsmöglichkeiten für die App-Darstellung. Sie können mit Stilen die Steuerelementeigenschaften festlegen und diese Einstellungen dann für andere Steuerelemente übernehmen, um so für ein einheitliches Erscheinungsbild zu sorgen.

XAML-Stile

Das XAML-Framework bietet zahlreiche Anpassungsmöglichkeiten für die App-Darstellung. Sie können mit Stilen die Steuerelementeigenschaften festlegen und diese Einstellungen dann für andere Steuerelemente übernehmen, um so für ein einheitliches Erscheinungsbild zu sorgen.

Abstand

Optimieren Sie Ihre Windows-App, und passen Sie die Benutzeroberfläche so an, dass die Funktions- und Interaktionsanforderungen Ihrer App optimal erfüllt werden.

Eckradius

Mit abgerundeten Ecken sollen Wärme und Vertrauen gefördert und die visuelle Verarbeitung der Benutzeroberfläche erleichtert werden.