Mindestanforderungen
Hier sind die grundlegenden Designvorgaben für digitale Anwendungen zusammengefasst. Sie haben zum Ziel, ein konsistentes Nutzererlebnis mit optimaler Zugänglichkeit zu gewährleisten.
ETH-Design
Departemente und zentrale Organe sind dazu verpflichtet, ihre digitalen Produkte im ETH-Design zu gestalten. Für alle anderen Organisationseinheiten ist es empfohlen, das ETH-Design zu verwenden. Ihr Produkt profitiert dadurch von der starken Marke ETH Zürich.
Bitte wenden Sie das ETH-Design möglichst konsistent und regelkonform an. Eine Vermischung von unterschiedlichen Designs ist zu vermeiden.
Logoplatzierung
- Das ETH-Logo steht oben links
- Es steht schwarz auf weiss (oder alternativ weiss auf schwarz)
- Wenn das Logo auf einem Bildhintergrund platziert wird, muss der Kontrast von Schrift zu Hintergrund mindestens 4.5:1 betragen (Barrierefreiheit)
- Der Abstand / Weissraum um das ETH-Logo beträgt mindestens eine Höhe des ETH-Akronyms nach allen vier Seiten.
Header-Design
Der Name einer Applikation steht rechts neben dem ETH-Logo, mit einem Abstand von einer Akronymbreite. Kombinationen mit Logos sind nur bei universitären Partnerschaften erlaubt.
Farbkonzept und Interaktionsdesign
Farbe wird zu Dekorationszwecken und zur Auszeichnung verwendet, jedoch nicht inhaltstragend (keine Farbkodierung). Die Farbwerte sind für Barrierefreiheit optimiert. In digitalen Anwendungen dient Farbe ausserdem dazu, Interaktion anzuzeigen.
Nutzen Sie die ETH-Schrift
Die Schrift Din Next ist für das ganze ETH-Web lizenziert. Sie können den Webfont kostenlos via IT-Shop beziehen. Externe Dienstleister müssen die Schrift auf eigene Kosten beim Fonthersteller beziehen. Kann die Schrift Din Next nicht verwendet werden, kommt alternativ die Systemschrift Arial zum Einsatz.
Nutzen Sie ausserdem unsere Vorgaben für Schriftgrössen und Abstände.
Gestalten Sie Ihre Web-Inhalte barrierefrei
Digitale Zugänglichkeit bedeutet Inklusion – im Studium, bei der Arbeit, in der Öffentlichkeit. Digitale Barrierefreiheit kommt allen Nutzer:innen zu Gute.
Formale Vorgaben für Webseiten und Web-Applikationen
Für alle Webseiten und Web-Applikationen in der Domäne ethz.ch gelten die folgenden Mindestanforderungen, gemäss Web-Richtlinien der ETH Zürich:
- Jede Webseite enthält ein Impressum
- Das ETH-Logo ist verlinkt zur Hauptseite der ETH Zürich
- Jede Website enthält einen Link auf die Startseite der ihr übergeordneten Einheit
- Auf jeder Webseite ist ein Vermerk zum Copyright anzubringen