Video-Tutorial: Wie Sie die Icons des Menü Ihrer App verändern

Erik Rossen

16. Dez. 2014 2 Min. Lesezeit

Beim Gestalten Ihrer App haben Sie die Wahl aus unterschiedlichen Navigationsmodi.
Einige dieser Modi nutzen Icons (Symbole) für jeden einzelnen Bereich.

In diesem Video-Tutorial zeigen wir Ihnen, wie Sie:

- Beispielbereiche hinzufügen können
- Die Icons wählen, nachdem Sie den Navigationsmodus gewählt haben
- Ihre eigenen, persönlichen Icons hochladen

Sie können die Icons vom Design-Menü Ihres Backend wählen.

Auf der rechten Seite sehen Sie den fünf-Schritte-Prozess der Sie bei der persönlichen Gestaltung Ihrer App hilft.
Die Icons des Menüs werden im ersten Schritt, Menü, konfiguriert.

Sie werden nun eine Liste aller Navigationsmodi sehen. Allerdings nutzen nicht alle auch Icons! Nur die Vorlagen TabBar, Little Swipe, Grid und Classic TabBar nutzen auch Icons.

Wenn Sie Ihre zum ersten Mal gestalten, empfehlen wir, dass Sie dies erst dann tun, nachdem Sie die Bereich Ihres Menü gewählt haben.

Fügen Sie Beispielbereiche hinzu, um der App eine Struktur zu geben

Um eine einfache Vorschau davon zu erhalten, wie Ihr Menü aussehen wird, könne Sie einfach Beispielbereich vom entsprechenden Menü hinzufügen. Klicken Sie einfach auf "Beispiel hinzufügen", und wählen Sie eine der verschiedenen Beispielbereiche, die Sie hinzufügen können, wie Artikel, Bilder, Videos, usw.

Beispielbereiche helfen Ihnen bei der Gestaltung der App, indem sie Ihre Aufmerksamkeit ausschließlich auf das Design lenken.
Wenn Sie allerdings zunächst genau wissen möchten, wie viele und welche Art von Bereich Ihre App haben wird, sollten Sie mit diesem Schritt bis zum Ende warten.

Wählen Sie die Icons Ihrer App, nachdem Sie den Navigationsmodus gewählt haben

Indem Sie nun ins Menü für die Navigationsmodi zurück kehren und einen Modus wählen, der Icons nutzt, werden Sie diese in den Einstellungen des Navigationsmodus konfigurieren können. Dort werden Sie ebenfalls die Icons wählen und modifizieren können.

Indem Sie auf ein Icon klicken, wird die Bibliothek geöffnet, und Sie können durch Klicken ein Icon auswählen.

Jedes Mal, dass Sie ein Icon wählen, können Sie das Ergebnis sofort in der Vorschau sehen.

Ihre eigenen Icons hochladen

Wenn Sie nicht die Standard-Icons nutzen möchten, haben Sie ebenfalls die Möglichkeit, Ihre eigenen hochzuladen. Hierzu müssen Sie die Icon-Bibliothek wieder öffnen, auf "Persönliche Symbole" klicken, und Ihre Dateien hochladen. Achten Sie dabei auf die Anforderungen! Es muss sich um ein weißes Bild auf einem transparenten Hintergrund handeln, im .png Format, und genau 206 * 260 Pixel groß sein.

Wenn Sie die Icons verändern möchten, nachdem Sie den Navigationsmodus schon gewählt haben, klicken Sie auf die Schaltfläche "Bearbeiten" unterhalb des gewählten Modus.

Um die neuen Icons in der App zu aktivieren, müssen Sie zunächst zur Registerkarte "Veröffentlichen", anschließend "Änderungsprotokoll", und schließlich "Jetzt aktualisieren".

Hiernach werden die Veränderungen auch für Ihre Nutzer aktiv sein.