So richten Sie den globalen Stil Ihrer App ein

Hallo und willkommen in Ihrem GoodBarber Back Office!

Heute sprechen wir über ein sehr starkes Werkzeug für das Design Ihrer App: das Menü Globaler Stil.

Mit dem Globalen Stil steuern Sie das allgemeine Design Ihrer App aus einem einzigen Menü.

Die hier gewählten Farben, Schriften und Effekte gelten für jede Rubrik der App.

Achtung: Jede Änderung in diesem Menü wirkt sich auf ALLE Rubriken Ihrer App aus.

Sehen wir es uns an.

Ich gehe in das Menü Meine App > Design > Allgemeines Design

Ich klicke auf Globaler Stil.

Zuerst wählen Sie ein Farbthema.

Ein Farbthema ist eine Kombination von Farben, die zusammenpassen. Der Globale Stil bringt eine Bibliothek von Farbthemen mit.

Für die Bibliothek klicke ich auf Farbthema wechseln.

Wie Sie sehen, habe ich die Wahl.

Möchte ich lieber mein aktuelles Thema ändern, klicke ich auf Bearbeiten und unten auf der Seite auf Ein neues Thema erstellen.

Ich wähle nur noch meine Farben.

Jetzt die Typografie.

Für die Anzeige von Text in der App gibt es eine Hierarchie.

8 Ebenen zeigen Titel, Untertitel und Fließtext.

Ich lege die Schriftgröße fest.

Die Schrift für jede Ebene.

Je nach Schrift kann ich auch den Schnitt wählen.

Weiter zu den Schaltflächen.

Für die Rubriken Ihrer App, die zu einer Aktion einladen, wähle ich die Form der Schaltflächen.

Mit einem Klick hier sehe ich das Ergebnis in der Vorschau.

Auch bei den Schaltflächen gibt es mehrere Ebenen. Ihr Design hängt vom Farbthema der App ab; damit alles zusammenpasst, gibt es je Thema mehrere Varianten.

Das sind die Designarten je Ebene:

- Ebene 1: farbiger Hintergrund, keine Kontur.

- Ebene 2: durchsichtiger Hintergrund, farbige Kontur und Schrift.

- Ebene 3: durchsichtiger Hintergrund, keine Kontur.

Dann die Effekte beim Überfahren von Bildern (nur in der PWA am Rechner).

Und schließlich die weiteren Elemente wie das Zurück-Symbol, das beim Navigieren im Header erscheint. Dieses Symbol können Sie auch bei der Gestaltung Ihres Headers festlegen.

Hier übernehme ich meine Änderungen.

Denken Sie daran: Diese Änderungen überschreiben das gesamte aktuelle Design, auch das Ihrer abgekoppelten Rubriken!

Ich finde meine App so perfekt! Und Sie?

Bis bald zu einem neuen Tutorial!