Freigeben über


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 WinUI, um die neuesten Formatvorlagen 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.

Abbildung eines Farbverlaufs.

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.

Abbildung der Typografie.

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.

Abbildung von Symbolen.

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.

Abbildung von Acryl.

Acrylic

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

Abbildung von 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.

Abbildung von Sound.

Sound

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

Kurzes Video mit einem blinkenden Cursor, während das Wort „Schreibstil“ eingetippt wird.

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.