Windows Dev Center

Richtlinien für Universal Windows Platform (UWP)-Apps

Dieser Richtlinienindex unterstützt Sie beim Entwerfen beeindruckender UWP-Apps. Falls Sie das Thema Was ist eine UWP-App? noch nicht gelesen haben, sollten Sie dies als Erstes nachholen.

(Suchen Sie nach einem Designleitfaden für Windows 8 und Windows 8.1? Er steht im PDF-Format zur Verfügung: PDF mit Designrichtlinien für Windows 8.1 herunterladen.)

Inhalt dieses Artikels

Animationen

Gut gestaltete Animationen machen Apps lebhaft und lassen sie realistisch und perfekt erscheinen. Verknüpfen Sie Benutzeroberflächen miteinander, und helfen Sie den Benutzern beim Verständnis von Kontextänderungen, indem Sie visuelle Übergänge verwenden.

 

Verträge

Wetter-App und Suchbereich

Verträge sind der Leim, durch den Windows Store-Apps miteinander und mit der Benutzeroberfläche des Systems verbunden werden. Zwei Apps, in denen derselbe Vertrag implementiert ist, können interagieren, um ein breites oder komplexes Szenario darzustellen.

Hier finden Sie eine vollständige Liste der App-Verträge.

 

Steuerelemente und Muster

Videoplayer-App mit Steuerelementen

Entwerfen Sie die Benutzeroberfläche Ihrer App so, dass der Inhalt effektvoll präsentiert wird. Reduzieren Sie Ablenkungen, damit die Benutzer sich ganz auf den Inhalt konzentrieren können. Daher sollten auf dem Bildschirm nur die wichtigsten Elemente zu sehen sein. Die folgenden Richtlinien helfen Ihnen dabei, eine konsistente, elegante und attraktive Benutzeroberfläche zu erstellen.

 

Dateien, Daten und Konnektivität

Eine Dateiauswahl zum Öffnen einer Datei aus einem Ordner auf dem DesktopGreifen Sie über Ihre App auf Ordner, Dateien und Daten zu. Um Benutzern über ein Konto oder in Clouddiensten wie Microsoft OneDrive den Zugriff auf Daten zu ermöglichen, können Sie eine Anmeldung bereitstellen. Beziehen Sie das Roaming von App-Daten in Ihre App ein, um geräteübergreifend eine nahtlose Benutzeroberfläche anzubieten.

 

Globalisierung und Lokalisierung

Bidirektionale UI in einer Kachel

Denken Sie beim Entwerfen Ihrer App daran, dass Windows auf der ganzen Welt verwendet wird. Trennen Sie Ressourcen wie Zeichenfolgen und Bilder von ihrem Code, um die Lokalisierung zu vereinfachen.

 

Hilfe und Anleitungen

Anleitung zum Liefern von Süßigkeiten an Om Nom in der App Cut the Rope

Stellen Sie eine Hilfe oder Problembehebungstipps für die Benutzer bereit, und zeigen Sie ihnen, wie sie effizient mit Ihrer App interagieren können.

 

Starten, Anhalten und Fortsetzen

Begrüßungsbildschirm für die Kontakte-App

Erstellen Sie ein einladendes Design für den Startbildschirm mit einem angepassten Begrüßungsbildschirm. Gestalten Sie Ihre Apps zudem so, dass sie angehalten wird, wenn der Benutzer zu einer anderen App wechselt, und fortgesetzt wird, wenn der Benutzer wieder zu Ihrer App wechselt.

 

Layout und Skalierung

Rasterlayout einer App

Entwerfen Sie das Layout Ihrer App so, dass es eine einfache Navigation begünstigt, und wählen Sie für alle UI-Elemente eine optimale Position aus. Erstellen Sie eine großartige App-Benutzeroberfläche für alle Formfaktoren und sämtliche Anzeigeoptionen Ihrer Benutzer.

 

Text und Eingabe

Segoe UI

Die richtige Verwendung von Schriftgraden, -breiten, -farben, Laufweite, Abstand und Textfeldsteuerelementen kann Ihrer Windows Store-App ein klares und übersichtliches Erscheinungsbild verleihen und dadurch ihre Verwendung erleichtern.

 

Kacheln und Benachrichtigungen

Kacheln auf der Startseite

Die Kachel ist die Haustür einer App. Sie liegt auf dem Startbildschirm und ist die Erweiterung der App. Eine Kachel kann viel mehr persönliche und überzeugende Informationen vermitteln als ein traditionelles Symbol. Investieren Sie in das Design einer guten Kachel, um das Interesse der Benutzer an Ihrer App zu wecken. Stellen Sie über Live-Kacheln und Benachrichtigungen aktualisierte Inhalte bereit, damit sich Benutzer mit Ihrer App verbunden fühlen.

 

Benutzerinteraktionen

Windows Store-App-Interaktionen per Toucheingabe

Entwerfen Sie Interaktionen, die die Benutzersteuerung aufrecht erhalten, und nutzen Sie die Ränder des Bildschirms oder Geräts, damit die Benutzer die Befehle zuverlässig finden können.

 

 

 

Anzeigen:
© 2015 Microsoft