Konfigurieren Sie ein Next Experience -Design

Fügen Sie die von Ihnen erstellten Stile Ihrem Next Experience -Design hinzu, um das Erscheinungsbild der Anwender-Experience zu ändern.

Vorbereitungen

Stellen Sie sicher, dass die folgenden Systemeigenschaften in sys_properties.list auf truefestgelegt sind:

• glide.ui.Polaris.experience
• glide.ui.polaris.dark_themes_enabled: Zur Wiederverwendung der dunklen Variante Next Experience in diesem Design.

Erforderliche Rolle: admin

Warum und wann dieser Vorgang ausgeführt wird

Das Standardthema Next Experience heißt Polaris. Sie können das Design wiederverwenden oder es als Ausgangspunkt anpassen, wenn Sie eigene Designs erstellen oder ändern.

Warum und wann dieser Vorgang ausgeführt wird

Hinweis:

Wenn Sie ein mit Themengenerator erstelltes Design anpassen und ungültigen JSON-Code eingeben, können Sie Ihren Designdatensatz nicht speichern. Während Sie im UX-Designdatensatz arbeiten, können Sie über die Schaltfläche In Themengenerator öffnen zur Seite „Editor“ navigieren. Weitere Informationen finden Sie unter Verwalten oder bearbeiten Sie ein Design mit Themengenerator.

Prozedur

1. Navigieren zu Alle > Now-Experience-Framework > Designverwaltung > Themesan.
2. Erstellen Sie einen Designdatensatz, indem Sie Neuauswählen.
3. Geben Sie einen Namen und eine Beschreibung für Ihr Design ein.
4. Wählen Sie das Symbol „ “ ) und anschließend Speichern.
5. Fügen Sie auf der Registerkarte Zusammensetzung: App- Design Zeilen hinzu, um Stile hinzuzufügen, die Ihrem Design zugeordnet sind.
   Sie weisen Werte in vier Spalten zu:

   Anwendungsbereich

   Überschreibt das Basisthema. Benutzer, die die Anwendbarkeitsbeschränkungen erfüllen, sehen diese Überschreibungen in ihrem Design und nicht im Basisstil. Beispielsweise kann ein Stil mit verschiedenen Schriftarten auf Manager angewendet werden. Benutzer, die die Manager-Anwendbarkeit erfüllen, sehen die verschiedenen Schriftarten in der Anwenderoberfläche Next Experience, wodurch die Werte des Basissystems überschrieben werden. Administratoren müssen kein ganzes Design mit Changes für die entsprechende Zielgruppe kopieren oder erstellen.

   Hinweis:

   Wenn Sie die Anwendbarkeitsbeschränkung auf leer lassen, wird der Stil auf alle Anwender angewendet.

   Bestellung

   Gibt an, wann der Stil angewendet wird. Je höher die Reihenfolge, desto höher die Priorität.

   Hinweis:

   Wenn Sie einen anwenderdefinierten Stil verwenden möchten, stellen Sie sicher, dass die Reihenfolgennummer Ihres Stils höher ist als die des Standard-Polaris-Stils.

   Stil

   Konfiguriert vier Hauptstile. Sie können die Stilnamen, die im Polaris-Design verwendet werden, nicht bearbeiten. Sie können jedoch den JSON-Code, der jedem Stil zugeordnet ist, aus diesem Design kopieren und im Formular Ihres anwenderdefinierten Stils einfügen und bearbeiten.

   • Farben: Gibt die Farbeigenschaften des Designs und aller Basisvarianten an, die Sie hinzufügen möchten. Im Basisabschnitt des Farbstils wird eine Teilmenge der Farben, die das Design verwendet, mit RGB-Werten (Rot, Grün, Blau) definiert. Das Design generiert mehr als 20 Verläufe dieser Farben in der Anwendung.
   • Form und Formular: Gibt das Erscheinungsbild der Rahmen sowie der Schaltflächen und anderer UI-Steuerelemente an.
   • Bilder: Fügt Bilder hinzu, die im Design Ihrer Anwendung verwendet werden.
   • Typografie: Gibt die Schriftarten an, die in der gesamten Anwendung verwendet werden.

   Typ

   Gibt zwei Typen an: Kern und Variante. Zu den Core-Stilen gehören Farbe, Form, Typografie und Bilder. Varianten geben eine andere Version des Designs an, z. B. die verschiedenen Farben, die Benutzer auswählen können. Die häufigste Variante ist eine dunkle Version des Designs. Das dunkle Design ist die einzige Variante, die im Lieferumfang von Next Experienceenthalten ist. Weitere Informationen finden Sie unter Themen in erkunden Next Experience.

6. Wählen Sie das Feld Stil und dann das .
7. Wählen Sie Neu.
8. Wählen Sie die Farben Primär, Sekundär und Neutral aus.
   Hinweis:

   Ein Design besteht aus mehreren Variablen, daher kann die standardmäßige Polaris-Designfarbe an verschiedenen Stellen angezeigt werden.
9. Wenn Sie die Branding-Farben Ihrer Organisation haben, navigieren Sie zum Farbgenerator unter https://theme.deoprototypes.com/color-generator-algo-v1.
10. Wählen Sie die Schaltfläche Automatisch generieren aus.

    Ein modales Element wird angezeigt, und Sie werden aufgefordert, die drei Farben Ihrer Organisation einzugeben.

11. Geben Sie Ihre Hexadezimalcodewerte für die Farben Ihrer Organisation ein.
12. Wählen Sie Generieren aus.
13. Erfassen Sie Ihre CSS-Variablen, indem Sie „JSON kopieren“auswählen.
14. Füllen Sie das Formular UX-Stil aus.

    Feld	Beschreibung
    Name	Name Ihres UX-Stils.
    Typ	Zentral Variante Weitere Informationen zu Typen finden Sie unter Unterschiede zwischen Kernstilen und Varianten.
    Stil	Werte für die Farben, Formen und Formen. Einige der Werte sind Farben, und andere, wie Rahmen, sind Pixelwerte. Wichtig: JSON-Code muss wie im folgenden Beispiel gezeigt umschlossen werden.
    Anwendung	Umfang des UX-Stils.

15. Wählen Sie Absenden.
16. Wählen Sie Aktualisieren.
    Hinweis:

    Informationen dazu, wie Sie das Standarddesign mit Ihrem neuen Design überschreiben, finden Sie unter Überschreiben Sie das Design Next Experience ..