Zum Inhalt springen

Benutzerdefinierte Symfonium-Designs

Mit benutzerdefinierten Designs kannst du die einzelnen Farben der Symfonium-Oberfläche festlegen. Du kannst sie in der App erstellen oder aus einer JSON-Datei importieren und anschließend bearbeiten, umbenennen, exportieren oder löschen.

Einstellungen für benutzerdefinierte Designs öffnen

Abschnitt betitelt „Einstellungen für benutzerdefinierte Designs öffnen“
  1. Öffne in Symfonium die Einstellungen.
  2. Öffne Oberfläche.
  3. Öffne Design, Schriftart und Farben.
  4. Wähle unter Farbquelle die Option Eigenes Design.

Im Bereich Eigenes Design kannst du ein gespeichertes Design auswählen, ein Design im JSON-Format importieren oder direkt in Symfonium ein neues Design erstellen.

Bereich Eigenes Design mit Designauswahl sowie den Aktionen Importieren und Neu
  1. Wähle im Bereich Eigenes Design die Option Neu.
  2. Wähle eine Farbrolle aus, um den Farbeditor zu öffnen.
  3. Lege die Farbe mit den RGB- oder HSL-Reglern fest.
  4. Wiederhole dies für die anderen Rollen und speichere anschließend das Design.

Der Editor zeigt die verfügbaren Farbrollen und eine Vorschau ihrer Farben. In der Dokumentation der Designfarben findest du die Zuordnung dieser Rollen zu den Elementen der Symfonium-Oberfläche.

Editor für benutzerdefinierte Symfonium-Designs mit RGB- und HSL-Farbreglern

Benutzerdefinierte Farbdesigns verwenden JSON-Dateien, die die Farbdaten des Designs enthalten.

  1. Lade eine kompatible JSON-Datei für ein Design herunter oder erstelle selbst eine.
  2. Öffne in Symfonium den Bereich Eigenes Design.
  3. Wähle Importieren und anschließend die JSON-Datei aus.

Importierte Designs werden lokal gespeichert und bleiben in der Auswahl unter Eigenes Design verfügbar. Verwende beim Import eines Designs von Symfonium Styles die heruntergeladene JSON-Datei, ohne ihren Inhalt zu bearbeiten.

Die Symfonium-Farbrollen folgen der Benennung von Material Design 3. Daher kannst du den Material Theme Builder von Google oder den Material Theme Builder für Figma als Ausgangspunkt verwenden.

  1. Erstelle die Farben in Material Theme Builder.
  2. Exportiere das Design im Format Material Theme (JSON).
  3. Importiere die exportierte JSON-Datei in Symfonium.
  4. Benenne das importierte Design um und exportiere es aus Symfonium, wenn du eine kleinere Symfonium-Designdatei zur Sicherung oder zum Teilen benötigst.

Einige Rollen haben in Symfonium besondere Verwendungszwecke, die von ihrer allgemeinen Material-Design-Rolle abweichen. Prüfe beim Anpassen dieser Farben die Zuordnung der Designfarben.

Design bearbeiten, umbenennen, exportieren oder löschen

Abschnitt betitelt „Design bearbeiten, umbenennen, exportieren oder löschen“

Wähle ein importiertes oder erstelltes Design erneut aus, um den Verwaltungsdialog zu öffnen.

  • Bearbeiten öffnet den vollständigen Designeditor, in dem du einzelne Farben ändern und das Ergebnis in der Vorschau sehen kannst.
  • Umbenennen ändert den Namen in der Auswahl unter Eigenes Design.
  • Exportieren speichert das Design als JSON-Datei zur Sicherung oder zum Teilen.
  • Löschen entfernt das Design aus der lokalen Datenbank von Symfonium.
Dialog eines benutzerdefinierten Symfonium-Designs mit den Aktionen Bearbeiten, Exportieren, Löschen und Umbenennen

Symfonium Styles ist der moderierte Katalog zum Teilen von Symfonium-Farbdesigns und anderen Stilen. Du kannst öffentliche Designs ohne Anmeldung durchsuchen und herunterladen.

So teilst du ein Farbdesign:

  1. Öffne den Verwaltungsdialog des Designs und wähle Exportieren.
  2. Melde dich bei Symfonium Styles an und lade die von Symfonium exportierte JSON-Datei hoch.
  3. Füge einen eindeutigen Namen und eine aussagekräftige Beschreibung sowie mindestens einen Screenshot des tatsächlich verwendeten Designs hinzu.

Die aktuellen Anforderungen findest du in der Anleitung zum Importieren von Farbdesigns und den Upload-Richtlinien von Symfonium Styles.