Zurück

Neues Menü Globaler Stil: Design-Einstellungen leicht gemacht

on 

Globaler Stil ist eine neue Funktion. Sie ermöglicht es, das allgemeine Design der Anwendung von einem einzigen Menü aus zu übernehmen. Sie sparen Zeit und es wird einfacher, ein einheitliches Design auf allen Seiten der App zu erhalten.

Das Design ist bei GoodBarber heilig. Wir sind besessen davon, Ihnen die Möglichkeit zu geben, eine Vielzahl von Einstellungen anzupassen, damit Sie Ihre App einzigartig machen können. Kein anderer App Baukasten bietet so viele Optionen für Design-Einstellungen. Viele Optionen zu bieten, kann dazu führen, dass die Schnittstellen komplex werden. Daher war es eine unserer Herausforderungen, ein einfaches Mittel für die Anpassung der App zu finden.

Globaler Stil ist die Antwort. Dies ist das Menü, in dem Sie das allgemeine Design Ihrer App festlegen können.
Um Style Global zu entwerfen, mussten wir unsichtbare Teile von GoodBarber rekonstruieren, einschließlich derer, die die Design-Generierung verwalten.

Wenn ein Benutzer ein Projekt auf der Plattform erstellt, wird automatisch ein Design übernommen. Dieses Design wird zufällig aus der Bibliothek ausgewählt.

Jedes Thema in der Bibliothek wird von unseren Designern entworfen. Die Farbpalette, die Wahl der Schriftarten, die Verwendung von Effekten, das Design der Schaltflächen ... alles wird so gestaltet, dass es mit der Welt harmoniert, in die sich der Designer hineinversetzt hat.

Bisher war das Thema ein untrennbares Ganzes. Wenn Ihnen ein Thema im Großen und Ganzen gefiel, Sie aber ein Detail ändern wollten, das Ihnen nicht gefiel, gab es zwei Möglichkeiten.
Schnelle Lösung: Das Thema aufgeben, ein neues Thema finden, das Ihnen gefällt und es auf Ihr Projekt übernehmen.
Langwierige Lösung: Alle Seiten des Themas einzeln bearbeiten, um das unerwünschte Detail zu ändern.

Vergessen Sie die mühsame Lösung, sie ist nicht mehr zeitgemäß. Mit Globaler Stil können Sie jetzt ganze Teile eines Designs ändern und die Änderungen mit einem Klick auf alle Seiten der App übernehmen.

Farben Farbschema

Ein Farbschema ist eine Kombination von Farben, die harmonisch aufeinander abgestimmt sind. Style Global bietet eine Bibliothek mit Farbschemata.

Wenn Sie ein Farbschema auswählen, werden die Farben, aus denen es besteht, auf die verschiedenen Elemente in Ihrer App übernommen.

Jedes Farbschema bietet seine eigenen künstlerischen Möglichkeiten. Sonstiges: Einige verwenden Farbverläufe, entweder für Titel oder Hintergrundbilder, andere verwenden nur Volltonfarben.

Sobald Sie sich für ein Farbschema entschieden haben, wird es überall in der Anwendung übernommen. GoodBarber bietet Ihnen eine große Auswahl an 31 Themen.

Typografie

Es gibt eine Hierarchie für die Anzeige von Text in der Anwendung. Es gibt 8 Ebenen für die Anzeige von Titeln, Untertiteln und Text in Absätzen.

Die Größe des Textes kann mit einem Schieberegler eingestellt werden. Globaler Stil berechnet automatisch die Größe jeder Ebene, um die Hierarchie einzuhalten.

Für jede Ebene können Sie in Style Global eine Schriftart festlegen. Die Auswahl ist beeindruckend. Alle Schriftarten aus der Google Fonts Bibliothek sind verfügbar, ebenso wie die nativen Schriftarten, die standardmäßig auf den Geräten Ihrer Nutzer verfügbar sind.

Für jede Schriftart haben Sie Optionen zur Auswahl der Stärke.

Schaltflächen

Für die Seiten Ihrer App, auf denen die Nutzer aufgefordert werden, Aktionsschaltflächen auszuführen, können Sie das Design der Schaltflächen wählen.

Das Design der Schaltflächen richtet sich nach dem Farbschema der App, um die Harmonie zu wahren. Für jedes Design stehen Ihnen 8 verschiedene Varianten zur Verfügung.

Effekte beim Überflug

Denken Sie daran, dass Ihre Progressive Web App nicht nur auf dem Handy, sondern auch auf dem Computer gut aussieht.

Sie können die Effekte auswählen, die beim Überfahren mit der Maus erscheinen. Diese werden auf Bilder und Links übernommen.

Zusätzliche Elemente

Die Schönheit eines Designs liegt im Detail. Globaler Stil vereint die Auswahlmöglichkeiten für das Menü-Symbol und das Symbol für die Schaltfläche Zurück an einem Ort.
Das Menü Globaler Stil befindet sich im Baukasten. Es ist der erste Schritt des Assistenten. Viel flexibler als die Auswahl des Designs, bietet es einen schnellen und einfachen Überblick über das Globale Design der App. Experten können beruhigt sein, dass es immer noch die Möglichkeit gibt, jede Seite der App individuell zu ändern. Globaler Stil ist eine weitere Möglichkeit, ein einheitliches Design in Ihrer App zu erhalten.

UM WEITER ZU GEHEN :


  • Um eine attraktive und auffällige Startseite zu entwickeln, müssen Sie mit verschiedenen Elementen wie Farben, Ihrem Logo und dem Übergang zur nächsten Bildschirmseite arbeiten. Um Ihnen dabei zu helfen, alle Schritte zu optimieren, hat GoodBarber 3 Tipps für die Erstellung eines perfekten Splash Screens zusammengestellt. So können Sie Ihre Startseite ganz nach Ihren Wünschen gestalten!
  • Lesen Sie unsere Datei, um zu erfahren, wie Sie einen Domainnamen auf der Web App installieren können. Damit Ihre Nutzergruppen Sie online leichter finden können, können Sie Ihren Domainnamen in wenigen Schritten ändern! Je nach Ihren Bedürfnissen und Wünschen finden Sie heraus, wie Sie die Elemente Ihres Webseitennamens ändern können.
  • Je nach Ihren Wünschen und den Elementen, die Sie integrieren möchten, können Sie den Zugriff auf Ihre mobile App auf eine bestimmte Nutzergruppen beschränken. Nachdem Sie Ihre App online gestellt haben, ermöglicht Ihnen dieses System, sie nur auf den Bildschirmen einiger von Ihnen ausgewählter Nutzer zugänglich zu machen. Entdecken Sie die Methode, die aus nur wenigen Schritten besteht
  • Je nachdem, welches System Sie erstellen möchten, bietet Ihnen GoodBarber eine Vielzahl von Elementen, um Ihre Kreation zu vereinfachen und zu personalisieren! Ein Schritt ist die Wahl des Navigationsmodus, der auf den Bildschirmen Ihrer Nutzer angezeigt wird. Unser Team hat einen Artikel für Sie erstellt, in dem Sie erfahren, wie Sie die 6 neuen Navigationsmodi nutzen können.
  • Eines der Werkzeuge, das in den Bereich der GoodBarber-Elemente fällt, ist die Settings API. Mit diesem System können Sie auf verschiedene Online-Funktionen zugreifen, um die Schritte zur Erstellung Ihrer App zu vertiefen. Erfahren Sie, wie Sie die API-Option nutzen können, um Ihre App zu personalisieren. Je nach Ihren Bedürfnissen können Sie bestimmte Elemente noch weiter übernehmen, um eine noch bessere Darstellung auf dem Bildschirm Ihrer Nutzer zu erreichen!