Benutzeroberfläche anpassen

Anleitung zur Anpassung von Branding, Logos, Farben und Themes in der VergeOS-UI, einschließlich Unterstützung für Hell- und Dunkelmodus sowie Multi-Tenant-Branding.

VergeOS unterstützt benutzerdefiniertes Branding auf jeder Mandantenebene (sofern erlaubt) mithilfe der Designs Funktion. Dieser Leitfaden führt Sie durch die Anpassung der Benutzeroberfläche (UI) mit den Branding-Elementen Ihrer Organisation – einschließlich Logos, Farben und Favicons.

Was ist neu in VergeOS v26

• Helle und dunkle Modi: VergeOS enthält standardmäßig helle und dunkle Designs und unterstützt benutzerdefinierte Designs auf Basis beider Modi.
• Mehrere Designvarianten: Administratoren können mehrere markenkonforme Designs erstellen, z. B. helle und dunkle Versionen, und sie für die Benutzerauswahl bereitstellen.

So ändern Sie das Branding Ihrer Benutzeroberfläche

Befolgen Sie diese Schritte, um Ihre VergeOS-Umgebung anzupassen:

1. Logo- und Symboldateien hochladen:

   • Laden Sie das gewünschte Logo im .png oder .jpg Format hoch. Für beste Ergebnisse verwenden Sie ein 144x36 Bild für das große Logo und 44x44 für das kleine Logo.
   • Bei Bedarf laden Sie ein Favicon im .ico Format heruntergeladen.

Anweisungen zum Hochladen von Dateien in vSAN finden Sie hier

1. Erstellen Sie ein oder mehrere benutzerdefinierte Designs: um Ihr Branding umzusetzen Lesen Sie den Themes-Produktleitfaden für Anweisungen.
2. Benutzer-Designoptionen steuern: Alle aktivierten Designs werden den Benutzern als Auswahloptionen angezeigt (in der Symbolleiste). Um ausschließliches benutzerdefiniertes Branding durchzusetzen, müssen Sie die standardmäßigen VergeOS-Designs (hell/dunkel) deaktivieren.

Bewährte Vorgehensweisen für die Anpassung der Benutzeroberfläche

Visuelles Design

• Erstellen Sie helle und dunkle Varianten: Bieten Sie sowohl eine helle als auch eine dunkle Version Ihres benutzerdefinierten Designs an, um unterschiedliche Lichtverhältnisse und Benutzerpräferenzen zu unterstützen. Der helle Modus verbessert die Sichtbarkeit in hellen Umgebungen, während der dunkle Modus Blendeffekte reduziert und die Akkulaufzeit auf OLED-Geräten verlängern kann.
• Konsistenz: Stellen Sie sicher, dass die von Ihnen für das Branding ausgewählten Farben und Logos mit dem Styleguide Ihrer Organisation übereinstimmen, um Konsistenz zu gewährleisten.
• Logoabmessungen: Laden Sie Logos mit den richtigen Abmessungen hoch, um Verzerrungen oder Skalierungsprobleme zu vermeiden.

Barrierefreiheit & Lesbarkeit

• Lesbarkeit: Verwenden Sie kontrastierende Farben für Text- und Hintergrundelemente, um die Lesbarkeit auf verschiedenen Geräten sicherzustellen.
• In allen Designs testen: Stellen Sie sicher, dass alle UI-Elemente sowohl im hellen als auch im dunklen Modus lesbar und optisch stimmig bleiben.

Designverwaltung & Benutzererfahrung

• Vor der Aktivierung in der Vorschau prüfen: Wenn Sie ein neues Design zunächst deaktiviert setzen, haben Sie Zeit, Branding-Richtlinien und Benutzerfreundlichkeit zu überprüfen, bevor Sie es für die Benutzerauswahl aktivieren.
• Nicht verwendete Designs deaktivieren: Benutzer können aus allen aktivierten Designs wählen. Um ausschließliches Branding durchzusetzen, deaktivieren Sie die standardmäßigen VergeOS-Designs (hell/dunkel); entfernen Sie veraltete benutzerdefinierte Designs, die Sie nicht mehr anbieten möchten.
• Designs klar benennen: Verwenden Sie aussagekräftige Namen (z. B. „Acme Hell“ oder „Acme Dunkel“), damit Benutzer die passende Version leicht erkennen können.

---

Wenn Sie diese Schritte befolgen und die verfügbaren Optionen nutzen, können Sie die VergeOS-Benutzeroberfläche vollständig an das Branding Ihrer Organisation anpassen. Stellen Sie sicher, dass Sie Ihre Einstellungen speichern, sobald Sie mit den Änderungen zufrieden sind.

---

Dokumentinformationen

• Zuletzt aktualisiert: 2025-10-29
• vergeOS-Version: 26.0