Mehr Farbe für die Webinhalte
Mit dem neu eingeführten Interaktionsdesign sowie einem überarbeiteten Farbkonzept wird auf den ETH-Webseiten ein farbiger Schwerpunkt gesetzt. Das Ziel ist ein attraktiver und konsistenter Webauftritt für alle Bildschirmgrössen.
Die grösste sichtbare Änderung, die mit dem aktuellen Release eingeführt wird, ist ein neues Interaktionsdesign. Die Darstellung der Links und Buttons wurde in allen Bereichen der Webseiten überarbeitet. Ausserdem wird ein neues Farbkonzept eingeführt. Dieses bietet die Möglichkeit, mit Einsatz von Farbthemen verschiedene Elemente der Webseite (neben der Inhalts-Navigation auch einzelne Komponenten wie Akkordeons, Zitate oder einen «Highlight Container» - bisher bekannt als «Graue Box») einzufärben.
Auch Zitate können nun eingefärbt und somit speziell hervorgehoben werden.Urheber des Zitats
Für das Corporate Design der ETH wurden im Zusammenhang mit der Einführung des neuen Interaktionsdesigns im ETH Web die ETH-Farben überarbeitet und von neun auf sieben reduziert. Die neuen Farben sind einheitlicher, leuchtender und frischer und entsprechen den Anforderungen der Barrierefreiheit. Die Farbwerte sind im CD-Manual dokumentiert und stehen im AEM-Backend und in unseren CD-Templates zur Verfügung. Wir empfehlen, auch im Print-Bereich ab sofort mit diesen Farben zu arbeiten.
Konfiguration des Farbschemas
Auf der Registerkarte Website-Einstellungen der Homepage können Sie das Standard-Farbschema für eine ganze Website festlegen. Dadurch wird zum Beispiel die Farbe der Website für Linklisten, Links in der Navigation, der Subnavigation und im Bereich für verwandte Inhalte sowie die Farben für Beschriftungen und Hover-Farben für Links in bestimmten Komponenten festgelegt.
Sie können die Standardfarbe einer Website für eine bestimmte Seite überschreiben, indem Sie auf der Registerkarte «Erscheinungsbild» der Seiteneigenschaften einer bestimmten Seite eine andere Farbe auswählen.
Man kann auch die Standardfarbe der Website oder einer bestimmten Webseite auf Komponentenebene für diejenigen Komponenten überschreiben, die eine Registerkarte «Aussehen» im Dialog der Komponente haben, sowie für ein Karussell-Label, indem man eine bestimmte Farbe auf der Registerkarte «Karussell» der Seiteneigenschaften der Zielseite eines Karussells auswählt.