Freigeben über

Entwurfsrichtlinien

Im Abschnitt "Richtlinien" werden die wichtigsten Bausteine des Windows-App-Designs behandelt. In diesen Themen werden die Muster, Regeln und Verhaltensweisen definiert, die sicherstellen, dass Ihre App intuitiv, poliert und an Fluent Design ausgerichtet ist. Von Farbe und Typografie bis hin zu Bewegung, Layout und Materialien hilft Ihnen jede Grundlage dabei, konsistente Entscheidungen zu treffen, die über Seiten, Features und Formfaktoren hinweg skaliert werden.

Verwenden Sie diese Grundlagen als Leitfaden während des gesamten Entwurfsprozesses – ganz gleich, ob Sie Ihre ersten Bildschirme zuordnen, Interaktionsmuster verfeinern oder sicherstellen, dass Ihre Benutzeroberfläche mit Windows-Konventionen übereinstimmt. Wenn Sie diese Grundlagen frühzeitig untersuchen, können Sie Die Entwicklungszeit sparen, Die Arbeit reduzieren und zu besseren Erfahrungen für Ihre Benutzer führen.

Farbsymbol
Farbe
Verwenden Sie Farbe, um Hierarchie zu erstellen, Bedeutung zu kommunizieren und eine zusammenhängende visuelle Identität zu erstellen.

Befehlssymbol
Befehlen
Stellen Sie Aktionen in klaren, konsistenten Mustern dar, die Benutzern helfen, zu verstehen, was sie tun können.

Symbol „Erhöhung“
Höhe
Wenden Sie Tiefe und Schichtung an, um den Fokus zu leiten und die Struktur Ihrer Schnittstelle zu stärken.

Geometriesymbol
Geometrie
Verwenden Sie Formen, Größen und räumliche Beziehungen, um ausgewogene, voraussagbare Layouts zu erstellen.

Ikonographie-Icon
Ikonographie
Kommunizieren Sie Aktionen und Konzepte schnell mit vertrauten, gezielten Symbolen.

Layout-Icon
Layout
Organisieren Sie Inhalte mit Rastern, Abständen und Ausrichtungsmustern, die Klarheit und Fluss verbessern.

Symbol
Materialien
Verbessern Sie Ihre Benutzeroberfläche mit Fluent-Materialien wie Mica und Acryl, um Tiefe und Wärme hinzuzufügen.

Bewegungssymbol
Bewegung
Verwenden Sie Bewegung, um Feedback zu geben, Aufmerksamkeit zu lenken und reibungslose, reaktionsfähige Interaktionen zu erstellen.

Navigationssymbol
Navigation
Helfen Sie Benutzern, ihre App mit vorhersagbaren, gut strukturierten Navigationsmustern zu durchlaufen.

Soundsymbol
Ton
Verwenden Sie Audiohinweise, um Feedback zu geben, Aktionen zu verstärken und Barrierefreiheit zu unterstützen.

Typografie-Symbol
Typografie
Legen Sie den Ton fest und verbessern Sie die Lesbarkeit mit konsistenten Typauswahlen und Hierarchien.

Symbol
Usability
Stellen Sie sicher, dass Ihre App benutzerfreundlich ist, durch intuitive Interaktionen, klare Bedienungsmöglichkeiten und Barrierefreiheit.

Widgets-Symbol
Widgets
Erweitern Sie Ihre App mit aufschaubaren, interaktiven Oberflächen, die wichtige Informationen und Aktionen anzeigen.

Symbol
Schreiben
Verwenden Sie klare, prägnante und hilfreiche Sprache, um das Verständnis zu verbessern und kognitive Belastung zu reduzieren.

  • Last updated on