Skip to main content

Design

Design-Anpassungen

Der Bereich Design in Vision ermöglicht es Ihnen, die Benutzeroberfläche an Ihre Corporate Identity anzupassen. Sie können hier Ihr eigenes Firmenlogo für den hellen und dunklen Modus hochladen sowie die Akzentfarbe der gesamten Benutzeroberfläche individuell festlegen.

1. Design-Bereich Öffnen

Navigieren Sie im Bereich Organisation zum Menüpunkt Design. Es öffnet sich die Design-Ansicht mit zwei Hauptbereichen: Grundeinstellungen für die Akzentfarbe und Logo für die Logo-Verwaltung. Standardmäßig ist das baind AG Logo in der Akzentfarbe Lila (#8A46B5) eingestellt.

Design-Bereich Öffnen

2. Logo-Upload-Bereiche

Im Bereich Logo sehen Sie zwei separate Upload-Bereiche: Logo für den hellen Modus und Logo für den dunklen Modus. Klicken Sie auf den gewünschten Upload-Bereich, um eine Logo-Datei hochzuladen. Sie können für beide Modi dasselbe Logo oder unterschiedliche Varianten verwenden. Unterstützt werden PNG-, JPG- und GIF-Dateien bis zu einer Größe von 5 MB.

Logo-Upload-Bereiche

3. Logos Hochgeladen

Nach dem erfolgreichen Upload werden die hochgeladenen Logos in den entsprechenden Bereichen angezeigt. Das Logo links oben in der Anwendung zeigt nun Ihr individuelles Logo anstelle des Standard baind-Logos an.

Logos Hochgeladen

4. Benutzerprofil Öffnen

Um zwischen hellem und dunklem Modus zu wechseln und die verschiedenen Logo-Varianten zu sehen, klicken Sie auf das Benutzerprofil-Symbol unten links in der Seitenleiste. Dies öffnet die Benutzerkonfiguration.

Benutzerprofil Öffnen

5. Benutzerkonfiguration

Es öffnet sich das Fenster Benutzer konfigurieren mit den persönlichen Einstellungen des aktuellen Benutzers. Hier können Sie verschiedene Optionen anpassen, darunter die Design-Einstellung für den hellen oder dunklen Modus.

Benutzerkonfiguration

6. Design-Modus Umschalten

Im Bereich Optionen finden Sie den Toggle Helleres Design. Mit diesem Schalter können Sie zwischen dem hellen und dem dunklen Modus wechseln. Aktivieren Sie den Toggle für den hellen Modus oder deaktivieren Sie ihn für den dunklen Modus.

Design-Modus Umschalten

7. Änderungen Speichern

Klicken Sie auf die Schaltfläche Speichern unten im Konfigurationsfenster, um die Änderung des Design-Modus zu übernehmen.

Änderungen Speichern

8. Dunkler Modus Aktiv

Nach dem Speichern wechselt die Benutzeroberfläche in den dunklen Modus. Beachten Sie, dass das Logo oben links nun automatisch auf das für den dunklen Modus hochgeladene Logo wechselt.

Dunkler Modus Aktiv

9. Akzentfarbe Anpassen

Kehren Sie zum Design-Bereich zurück. Im Bereich Grundeinstellungen können Sie die Akzentfarbe der gesamten Benutzeroberfläche anpassen. Die Akzentfarbe wird angezeigt mit der Feldbezeichnung Akzentfarbe und dem aktuellen Farbcode (z. B. #8A46B5). Klicken Sie auf das Feld um den Farbwähler zu öffnen.

Akzentfarbe Anpassen

10. Farbwähler Verwenden

Es öffnet sich ein umfassender Farbwähler mit verschiedenen Auswahlmöglichkeiten: einem Farbverlauf oben, einer Farbpalette mit vordefinierten Farben, RGB-Eingabefeldern und weiteren Optionen. Sie können die gewünschte Farbe durch Klicken im Farbverlauf, Auswahl aus der Palette oder manuelle RGB-Eingabe festlegen. Durch Klicken auf die Pfeile in dem RGB-Feld können sie zu HSL oder HEX wechseln.

Farbwähler Verwenden

11. Neue Akzentfarbe Wirksam

Nach der Auswahl einer neuen Akzentfarbe (hier Orange #F59E0B) wird diese sofort in der gesamten Benutzeroberfläche übernommen.

Neue Akzentfarbe Wirksam

12. Zur Standardfarbe Zurückkehren

Um zur Standard-Akzentfarbe zurückzukehren, öffnen Sie erneut den Farbwähler und klicken Sie auf das markierte Zurücksetzen-Symbol (kreisförmiger Pfeil). Dadurch wird die Standard-Akzentfarbe von Vision wiederhergestellt.

Zur Standardfarbe Zurückkehren

13. Logo Löschen

Wenn Sie ein hochgeladenes Logo ändern oder entfernen möchten, klicken Sie auf das Papierkorb-Symbol rechts neben dem entsprechenden Logo. Dies ist sowohl für das Logo des hellen als auch des dunklen Modus separat möglich.

Logo Löschen

14. Löschung Bestätigen

Es erscheint ein Bestätigungsdialog mit der Frage "Wollen Sie den Eintrag wirklich löschen?" und dem Hinweis, dass dieser Vorgang nicht umkehrbar ist. Klicken Sie auf die rote Schaltfläche Eintrag löschen, um das Logo endgültig zu entfernen, oder auf Abbrechen, um den Vorgang abzubrechen.

Löschung Bestätigen

15. Logo Erfolgreich Gelöscht

Nach erfolgreicher Löschung erscheint oben rechts die Bestätigung "Eintrag wurde erfolgreich gelöscht". Der Upload-Bereich für das gelöschte Logo zeigt wieder den Standard-Zustand mit dem Upload-Symbol an. Sie können nun ein neues Logo hochladen oder das Standardlogo beibehalten. Das Logo oben links in der Anwendung wechselt zurück zum baind AG Standardlogo.

Logo Erfolgreich Gelöscht