Erstellen einer UI (HTML)
Erfahren Sie, wie Sie die richtige Benutzeroberfläche für Ihre Windows Store-App auswählen, ein Layout für Ihre App erstellen sowie Steuerelemente und Inhalt für die UI Ihrer App hinzufügen. Sie lernen auch, wie Sie Live-Kacheln erstellen – das Gesicht Ihrer App auf der Startseite. Die Serie App-Features von A bis Z bietet einen sehr guten Einstieg, da Sie hier Vorlagen, vollständige Beispiel-Apps und Lernprogramme finden, die die Grundlagen der App-Entwicklung behandeln.
Vorbereitung Laden Sie die Designressourcen herunter, und lesen Sie den allgemeinen Designleitfaden. Zu den wichtigen Themen zählen Planen von Windows Store-Apps und der Index der ausführlichen Richtlinien für die UX.
Erstellen einer tollen Benutzeroberfläche für Ihre Windows Store-App
Die Vorlagen, Beispiele und Anleitungen zu folgenden Themen ermöglichen einen schnellen Einstieg:
- Vorlage und Beispiel zur flachen Navigation
- Vorlage und Beispiel zur hierarchischen Navigation
- Beispiel zu App-UI-Grundlagen (Beispiel: Steuerung der Galerie durch interaktive UI)
Erfahren Sie anschließend genauer, wie Sie ein eigenes Beispiel erstellen oder eines der bereitgestellten Beispiele anpassen, um Ihre eigene App-UI zu entwickeln:
Verleihen Sie Ihrer UI dann Individualität und Wirkung:
- Animieren der Benutzeroberfläche
- Hinzufügen von Suchfunktionen
- Hinzufügen von App-Einstellungen
- Hinzufügen der App-Hilfe
Sorgen Sie dafür, dass der erste Eindruck großartig ist: