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
中国足球彩票 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.
![](/staffnet/de/service/kommunikation/corporate-design/digitale-medien/gestalterische-mindestanforderungen/_jcr_content/par/greybox/par/image/image.imageformat.1286.1811079109.png)
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.
![](/staffnet/de/service/kommunikation/corporate-design/digitale-medien/gestalterische-mindestanforderungen/_jcr_content/par/fullwidthimage_411272410/image.imageformat.1286.2112200396.png)
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.
![](/staffnet/de/service/kommunikation/corporate-design/digitale-medien/gestalterische-mindestanforderungen/_jcr_content/par/fullwidthimage_308375545/image.imageformat.1286.966401012.png)
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.
![](/staffnet/de/service/kommunikation/corporate-design/digitale-medien/gestalterische-mindestanforderungen/_jcr_content/par/fullwidthimage_1439199871/image.imageformat.1286.1876796708.png)
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