Themes / White labeling

Tue Oct 01 2024

Theme-Einstellungen

Auf der Seite zur Konfiguration des Themes können Sie das Erscheinungsbild Ihrer Umgebung anpassen. Ändern Sie Hintergrundbilder, laden Sie Logos hoch und passen Sie Branding-Elemente wie Farben und Typografie an, um Ihren einzigartigen Stil zu unterstreichen. Gestalten Sie die Benutzeroberfläche so, dass sie die Identität Ihres Unternehmens widerspiegelt, und sorgen Sie für ein einheitliches Erlebnis für die Nutzer auf Ihrer Plattform. Die Theme-Einstellungen sind in drei Hauptbereiche unterteilt: Branding, Allgemeine Farben und Modellfarben.

  • Branding: Hier können Sie wichtige visuelle Elemente Ihrer Umgebung personalisieren, einschließlich Header-Hintergründe, Logos und Thumbnails. Dies ermöglicht es Ihnen, eine einheitliche Markenidentität auf der Plattform zu schaffen.
  • Allgemeine Farben: Passen Sie alle Anwendungsfarben für sowohl helle als auch dunkle Modi an und erhalten Sie so zwei vollständige Theme-Einstellungen für jede Umgebung.
  • Modellfarben: Hier können Sie die Farben der Modellierungsattribute anpassen. Dies ist nützlich, wenn Sie für die Modelle eine andere Farbe als für den Rest der Anwendung wünschen.

Gestalten Sie Ihre Umgebung

Hier können Sie wichtige visuelle Elemente Ihrer Umgebung personalisieren, einschließlich Header-Hintergründe, Logos und Thumbnails. Damit können Sie eine konsistente Markenidentität über die Plattform hinweg schaffen. Ob Sie Ihr Unternehmenslogo aktualisieren oder einen benutzerdefinierten Hintergrund festlegen, diese Tools helfen Ihnen, das Erscheinungsbild Ihrer Anwendung zu verfeinern.

Personalisieren Sie Ihr Theme mit eigenem Branding

info

Vorschau und Testen Ihrer Bildauswahl sind wichtig, um sicherzustellen, dass sie zu Ihrem Gesamtthema passen und eine nahtlose Benutzererfahrung bieten.

Allgemeine App-Farben

Personalisieren Sie die Anwendungsfarben für sowohl helle als auch dunkle Modi, wodurch Sie zwei vollständige Theme-Einstellungen für jede Umgebung erhalten. Testen Sie Ihre Änderungen sorgfältig, um einen guten Kontrast zwischen Text und Hintergründen für optimale Lesbarkeit und Benutzererfahrung sicherzustellen. Mit dieser Flexibilität können Sie das Erscheinungsbild Ihrer Plattform vollständig an die Identität Ihrer Marke anpassen.

Personalisieren Sie Ihr Theme

Modellfarben

Personalisieren Sie die Farben von Modellierungsobjekten und Leinwand für sowohl helle als auch dunkle Modi und erhalten Sie so zwei vollständige Theme-Einstellungen für jede Umgebung. Testen Sie Ihre Änderungen sorgfältig, um einen guten Kontrast zwischen Text und Hintergründen für optimale Lesbarkeit und Benutzererfahrung sicherzustellen. Mit dieser Flexibilität können Sie das Erscheinungsbild Ihrer Plattform vollständig an die Identität Ihrer Marke anpassen.

Personalisieren Sie Ihr Theme

Dataset-Farben

Attribute, die mit Daten verknüpft sind, übernehmen automatisch die im Modeler angegebene Datensatzfarbe. Dies hilft, Attribute mit aktiven Datenverknüpfungen visuell zu unterscheiden. Die oben genannten Farben sind Standardfarben für Attribute ohne angehängte Daten.

Visuelle Hilfen

image Wenn Sie Änderungen am Theme vorgenommen haben, zeigt der Hintergrund der Farbe an, dass Änderungen an diesem speziellen Attribut vorgenommen wurden.

image Um eine Farbe zu ändern, klicken Sie auf einen farbigen Kreis für das gewählte Theme (hell oder dunkel). Ein Farbwähler erscheint, mit dem Sie einen Farbton auswählen oder einen HEX / RGB / HSL-Wert eingeben können. Wenn Sie sich bei den Farbwerten unsicher sind, verwenden Sie das “PipetIcon”, um eine Farbe von irgendwo auf dem Bildschirm auszuwählen. Die Aktualisierungen erfolgen sofort.

Beispiel eines Themes

Entdecken Sie verschiedene Möglichkeiten, das Theme Ihrer Anwendung zu verändern. Hier wurde das ursprüngliche Theme angepasst, um blaue und grüne Variationen zu präsentieren.

Vom Original

image

Zu Blau

Änderungen, die vorgenommen wurden, waren Textfarbe, Körperfarbe, Panel-Farbe (hell), Logo-Bild, Logo-Text und Header-Hintergrund.

image

Zu Matrix-Grün

”Choice. The problem is choice” – Neo (The Matrix Reloaded)

image

Modellfarben

Passen Sie die Farben der Modellierungsattribute an, damit sie sich vom Rest der Anwendung unterscheiden. Dies sorgt für ein unverwechselbares Aussehen Ihrer Modelle.

image