Erstellen Sie ein Design mit Themengenerator
Erstellen Sie mithilfe der Ansicht Homepage in der Anwendung Themengenerator einen Designdatensatz für Ihre Web- oder Mobile-Experience.
Vorbereitungen
Erforderliche Rolle: Administrator
Prozedur
- Navigieren zu Alle > Now-Experience-Framework > Designs > Themengenerator.
-
Vergewissern Sie sich, dass im Menü Seite oben im Bildschirm Startseite ausgewählt ist.
Abbildung : 1. Startseite des Themengenerators -
Wählen Sie Thema erstellen aus.
Der Assistent Bevor wir beginnen erscheint und führt Sie durch Ihre Markenkonfigurationen, wie in den nächsten Schritten beschrieben. Der Designdatensatz wird während Ihrer Arbeit automatisch gespeichert.
- Beginnen Sie mit der Definition Ihres neuen Designs, indem Sie „ Fortsetzen“auswählen.
-
Geben Sie den Namen und eine Beschreibung Ihres neuen Designs ein, und wählen Sie Weiter.
Abbildung : 2. Die Primärfarbe Ihrer Marke -
Wählen Sie die Kachel Primär aus, wählen Sie die Primärfarbe Ihrer Marke aus, und überprüfen Sie die vereinfachte Vorschau, um zu sehen, wo die ausgewählte Farbe in Ihrer Instanz angezeigt wird.
- Im Dialogfeld „Farbname“ können Sie das gewünschte Farbmodell auswählen: HEX, RGB oder HSL.
- Wenn Sie Designfarben bearbeiten, können Sie das Kontrastverhältnis in der Farbauswahl anzeigen. Der Wert wird aktualisiert, wenn Sie die Farbe in der Palette oder in der Ansicht „Meine Farben“ ändern.
- Nachdem Sie die Primärfarbe Ihrer Marke identifiziert haben, wählen Sie Übernehmenund dann Weiteraus.
- Wenn Ihre Marke eine Sekundärfarbe enthält, wiederholen Sie den vorherigen Schritt auf dem Sekundärfarbbildschirm.
- Wiederholen Sie den vorherigen Schritt, um eine neutrale Markenfarbe für Trennlinien und Oberflächencontainer zu definieren.
- Wahlweise: Wählen Sie zusätzliche Farben für Ihre Marke aus, und wählen Sie Weiter.
- Laden Sie Ihr Markenlogo hoch, und überprüfen Sie die vereinfachte Vorschau, um sicherzustellen, dass es mit der von Ihnen gewählten Primärfarbe wie erwartet angezeigt wird. Wählen Sie dann Weiteraus.
-
Wählen Sie die bevorzugte Schriftart für Ihren Text aus, und wählen Sie Weiter.
Hinweis:Wenn Sie Ihre Schriftart anpassen möchten, lesen Sie Konfigurieren Sie ein Next Experience -Design. Nachdem Sie Ihre angepasste Schriftart gespeichert und die Seite aktualisiert haben, wird die neue Schriftart als Benutzerdefinierte Schriftartangezeigt. Wenn Sie die anwenderdefinierte Schriftart aus Ihrem Designdatensatz löschen, wird die Standardschriftart auf Source Sans Pro zurückgesetzt.
-
Wählen Sie die Eckform Ihrer Komponenten auf der Anwenderoberfläche aus, z. B. die Schaltflächen, modalen Elemente und Dropdown-Menüs, und wählen Sie Weiteraus.
Hinweis:Wenn Sie Ihre Form anpassen möchten, lesen Sie Konfigurieren Sie ein Next Experience -Design. Nachdem Sie Ihre anwenderdefinierte Form gespeichert und die Seite aktualisiert haben, wird die neue Form als Gemischtangezeigt. Dieser anwenderdefinierte Wert wird auch auf der Registerkarte Komponentenstile angezeigt, auf der Sie den anwenderdefinierten Wert bearbeiten können.
-
Überprüfen Sie Ihre Auswahl, und wählen Sie Design erstellen aus.
Hinweis:Sie können Zurück auswählen, um Änderungen im Assistenten vorzunehmen, bevor Sie Design erstellenauswählen.Nachdem Sie Ihr Design im Assistenten erstellt haben, werden Sie zur Editor-Ansicht des Designs weitergeleitet, wo Sie Ihr Design weiter ändern oder veröffentlichenkönnen.