Optimierung des Farbwählers

Der Farbwähler in Design 3 ist erweitert und ausgebaut. Jetzt können Sie alle Elemente der Webseite, auch die ganz kleinen, farblich individuell ansteuern. Und es gibt nun "Farbschemen", mit denen Sie schnell eine neue Farbgestaltung für Ihre Website ausprobieren können.

 
Mit dem neuen SESAM-Farbwählerkonzept lässt sich das farbliche Erscheinungsbild Ihrer Webseite schnell verändern. Einfach mal ein paar neue Farben ausprobieren? Ein Farbschema testen, ohne damit gleich online zu gehen?
Wie gehe ich vor, wenn ich mich mit dem Einstellen der vielen Farbwähler schwertue? Mit dem vollständig überarbeiteten Farbwählerkonzept ist vieles möglich. (Das neue Farbwählerkonzept steht nur für Design 3 zur Verfügung.)

Einsatz von Farbschemen

Unter "Administration" >> "Design" finden Sie nun den neuen Menüpunkt "Design-Farbschemen". Sie sind die Grundlage des optimierten Farbwählers: Von professionellen Designerinnen erstellte Farbkombinationen ("Presets"), die alle farblichen Elemente Ihrer Website beeinflussen. Das Release bringt zum Einstand zwölf unterschiedliche Farbschemen für Sie zur Auswahl mit. Sie finden sie unter "Administration" >> "Design" >> "Design-Farbschemen". Im Wiki können Sie die einzelnen Farbschemen direkt vergleichen. Die nachfolgende Galerie gibt Ihnen einen ersten Einblick:
Testen Sie die neuen Farbschemen risikolos, ohne dass es die Besucherinnen und Besucher Ihrer Webseite merken. Über den Button "Speichern & anzeigen", der in jedem Farbschema enthalten ist, rufen Sie die Vorschau auf. Sie sehen, wie sich die neue Farbgebung auswirken würde, falls sie aktiviert wäre.
Wenn Ihnen eines der Farbschemen gefällt, Sie aber noch etwas ändern wollen, legen Sie einfach eine Kopie des Farbschemas an. So bleibt die ursprüngliche Version erhalten, die Sie mit Ihrem kopierten Farbschema vergleichen können. Die Website-Besucher bekommen von diesen Vorarbeiten nichts mit, die bestehende Farbwahl auf Ihrer Website bleibt stets erhalten!
Auch wenn Sie den mitgelieferten Datensatz (und nicht die Kopie) bearbeitet haben und dann merken, dass Sie gerne noch einmal von vorne starten möchten: Kein Problem! Über "Neuer Eintrag" legen Sie einen neuen Farbschema-Datensatz an. In der Registerkarte "Farbwerte / Schriften" wählen Sie eines der mit dem Release ausgespielten Farbschemen aus, das Ihnen als Basis ("Preset") für die weitere Bearbeitung dient:
 
In Ihrem SESAM-Mandanten dürfen Sie unbegrenzt viele Farbschemen anlegen - experimentieren Sie nach Lust und Laune!
 
So funktionieren die Farbwähler im Detail:

Basis- und Unterfarben

Ein Farbschema enthält ca. einzelne 150 Farbwähler, die bei Bedarf einzeln eingestellt werden können. Doch müssen Sie nicht jeden einzelnen Farbwert durchgehen, um Änderungen herbeizuführen.
 
Wir haben zwanzig Basisfarben eingeführt. Jede Basisfarbe beeinflusst einen oder mehrere der 150 einzelnen Farbwähler:


 

Ein Beispiel

Das Farbschema "Warmer Oktober (braun)" würde in weiten Teilen dem gewünschten Design Ihrer Institution entsprechen. Allerdings weicht die verwendete Hauptfarbe etwas vom Farbwert Ihres Logos oder den Design-Richtlinien ab.
Lösung: Kopieren Sie das Farbschema "Warmer Oktober (braun)" und überschreiben Sie den Farbwert "B1: Primärfarbe (Hauptfarbe)". Prüfen das Ergebnis über die Vorschau ("Speichern & anzeigen"-Schaltfläche) und verändern Sie so lange, bis alles passt.

Die Abhängigkeiten der Unterfarben zu den Basisfarben lassen sich im System anzeigen. Sie behalten immer im Blick, welche Auswirkungen die Änderung eines Basisfarbwerts nach sich ziehen würde.
 
Zusätzlich haben wir auch eine Kontrastprüfung eingebaut. Sollten zwei Farbwerte, die zusammen in einem bestimmten Element verwendet werden, einen zu niedrigen Kontrast aufweisen, erhalten Sie nach dem Speichern einen Hinweis. Sie können den Kontrast optimieren oder bewusst so lassen, wie von Ihnen gewünscht.

Aktivieren eines Farbschemas

Das '"fertige" Farbschema Ihrer SESAM-Webseite aktivieren Sie im bereits bekannten Menüpunkt "Design-Einstellungen". Erst nach dem Aktivschalten ist die neue Farbgestaltung online!

Neue Farbebenen werden durch das Farbschema beeinflusst

Mit dem Release werden nicht nur die zwölf Farbschemen, sondern auch 38 neue Farbebenen eingeführt. Diese beziehen sich in verschiedenen Abstufungen auf die im Farbwähler hinterlegten "Abweichenden Hintergrundfarben" und erweitern so Ihren gestalterischen Spielraum um ein Vielfaches!

Wofür braucht es die neuen Farbschemen?

Farbschemen sind vor allem für neue Mandanten hilfreich, um schnell und ohne große Mühe zu einer ausgewogenen Farbgestaltung zu gelangen.
Letztlich handelt es sich aber nur um Vorschläge, die bei bereits bestehenden SESAM-Webseiten nach der Umstellung auch zu unerwarteten Ergebnissen führen können, abhängig davon, wie sehr Sie bisher schon die Farbwählermöglichkeiten und die Farbebenen genutzt haben.
Planen Sie sich daher für die Umstellung etwas Zeit ein, um nachzuarbeiten und kleinere Anpassungen vorzunehmen. Das könnten z.B.
  • kleinere Veränderungen an den Basisfarben oder
  • Zuweisung neuer Farbebenen bei verwendeten Bausteinen
  • Änderungen an Schriftfarben, die über den Texteditor gesetzt wurden
sein.

Last but not least: Danke  ...

...  den beiden Designerinnen, die im Vorfeld des Releases die neuen Farbschemen erarbeitet haben. Sabine Schanz (buero-01) und Nina Gritsch (Web Commerce) haben viel Zeit, Mühe und grafisches Geschick in die komplexe Gestaltung der Farbschemen gesteckt. Die Ergebnisse können sich im wahrsten Sinne des Wortes sehen lassen!
  

Sabine Schanz

Inhaberin der Agentur buero-01