App

Typografie für iOS und Android

Für native Apps auf Apple iOS und Android Mobile verwenden wir, für eine plattformübergreifende, konsistente Darstellung, die gleiche Skalierung und Metriken wie bei Web Mobile.

Für die Übergreifend konsistente Darstellung zwischen nativen und webbasierten Inhalten zu erreichen wie z.B. in Hybrid Apps – das sind native Apps, die unter anderem Web-Views integrieren, die nicht unbedingt für Nutzer:innen als solche sichtbar sind – verwende die folgende Mapping-Tabelle zwischen Web Mobile und Apple iOS Schriftklassen.

Mapping der Schriftklassen zwischen iOS und Web für die Verwendung in Hybrid Apps.

Schriftgrößen iOS und Android

Unsere Schriftgrößen sind modular aufgebaut, um eine optimale Lesbarkeit und Anzeige auf verschiedenen Betriebssystemen wie iOS und Android sowie zu Web zu gewährleisten.

Besonderheiten Apple iOS

Für die nativen Bestandteile von iOS-Applikationen folgen wir bei der Bezeichnung der Typografie-Klassen den Vorgaben von Apple. Die typografischen Eigenschaften der jeweiligen Schriftklasse folgen unseren Vorgaben und sind kompatibel zu Web Mobile.

Typografie-Klassen auf Android

Für die nativen Bestandteile von Android Mobile Apps nutzen wir, für eine konsistente Darstellung und eine einfachere Anwendbarkeit, die gleichen Schriftklassen wie für Web.

Anwendungen

Folgende Beispiele verdeutlichen die Verwendung und das Zusammenspiel der unterschiedlichen Schriftklassen.

Beispiel: Reisekette mit Echtzeit-Meldung

Beispiel: Reisen mit überwachter Ticket-Aktualisierung

Hybrid-Apps

Um in Hybrid-Apps – das sind native Apps, die unter anderem Web-Views integrieren, die nicht unbedingt für Nutzer:innen als solche sichtbar sind – eine konsistente Darstellung zwischen nativen und webbasierten Inhalten zu erreichen, verwende die folgende Mapping-Tabelle zwischen Web Mobile und Apple iOS Schriftklassen.

Mapping der Schriftklassen zwischen iOS und Web für die Verwendung in Hybrid-Apps.

Accessibility

iOS – Dynamic Type Size u. Large Accessibility Type Sizes

Unsere iOS-Apps sollen allen Nutzer:innen zugänglich sein. Daher unterstützt unser Design Apple Dynamic Type und Large Accessibility Type Sizes, um die nativen iOS-Accessibility-Funktionen innerhalb unserer Apps zu ermöglichen.

Nicht jeder Inhalt oder jede Information sind gleich wichtig. Verwende die Apple Dynamic Type Schriftklassen nur für die Information, die dem Nutzer die Lesbarkeit bei einer Vergrößerung erleichtert.

Unsere Werte für die typografische Skalierung der Dynamic Type und Large Accessibility Klassen basieren auf dem Berechnungs-Prinzip von Apple. Die Werte werden von Apple-iOS automatisch, anhand der Dynamic Type Klasse „Large“, berechnet.

Beispiel: Angebotsdetails in der regulären Größe (Default), Dynamic Type (XXX Large) und Larger Accessibility Type Sizes (AX5).

iOS Dynamic Type

iOS Dynamic Type zur Accessibility unterstützt drei Schritte zur Verkleinerung (xSmall, Small, Medium) und drei zur Vergrößerung (xLarge, xxLarge und xxxLarge) von Texten.

Schriftklasse	Familie	Schnitt	Größe	Zeile
Large Title	DB Screen Head	Black	33	36
Title 1	DB Screen Head	Black	25	28
Title 2	DB Screen Head	Light	17	20
Title 3	DB Screen Head	Light	17	20
Headline	DB Screen Sans	Bold	15	16
Body	DB Screen Sans	Regular	13	20
Callout	DB Screen Sans	Regular	11	16
Subhead	DB Screen Sans	Bold	13	20
Footnote	DB Screen Sans	Regular	11	16
Caption 1	DB Screen Sans	Regular	11	16
Caption 2	DB Screen Sans	Regular	11	16

Schriftklasse	Familie	Schnitt	Größe	Zeile
Large Title	DB Screen Head	Black	35	36
Title 1	DB Screen Head	Black	27	28
Title 2	DB Screen Head	Light	19	20
Title 3	DB Screen Head	Light	19	20
Headline	DB Screen Sans	Bold	17	16
Body	DB Screen Sans	Regular	15	20
Callout	DB Screen Sans	Regular	13	16
Subhead	DB Screen Sans	Bold	15	20
Footnote	DB Screen Sans	Regular	11	16
Caption 1	DB Screen Sans	Regular	11	16
Caption 2	DB Screen Sans	Regular	11	16

Schriftklasse	Familie	Schnitt	Größe	Zeile
Large Title	DB Screen Head	Black	36	40
Title 1	DB Screen Head	Black	28	32
Title 2	DB Screen Head	Light	20	24
Title 3	DB Screen Head	Light	19	24
Headline	DB Screen Sans	Bold	17	24
Body	DB Screen Sans	Regular	15	24
Callout	DB Screen Sans	Regular	13	20
Subhead	DB Screen Sans	Bold	15	24
Footnote	DB Screen Sans	Regular	11	20
Caption 1	DB Screen Sans	Regular	11	20
Caption 2	DB Screen Sans	Regular	11	26

Schriftklasse	Familie	Schnitt	Größe	Zeile
Large Title	DB Screen Head	Black	38	40
Title 1	DB Screen Head	Black	30	32
Title 2	DB Screen Head	Light	22	24
Title 3	DB Screen Head	Light	22	24
Headline	DB Screen Sans	Bold	20	24
Body	DB Screen Sans	Regular	18	28
Callout	DB Screen Sans	Regular	16	24
Subhead	DB Screen Sans	Bold	18	28
Footnote	DB Screen Sans	Regular	14	20
Caption 1	DB Screen Sans	Regular	14	20
Caption 2	DB Screen Sans	Regular	13	20

Schriftklasse	Familie	Schnitt	Größe	Zeile
Large Title	DB Screen Head	Black	40	40
Title 1	DB Screen Head	Black	32	32
Title 2	DB Screen Head	Light	24	24
Title 3	DB Screen Head	Light	24	24
Headline	DB Screen Sans	Bold	22	24
Body	DB Screen Sans	Regular	20	28
Callout	DB Screen Sans	Regular	18	24
Subhead	DB Screen Sans	Bold	20	28
Footnote	DB Screen Sans	Regular	16	20
Caption 1	DB Screen Sans	Regular	16	20
Caption 2	DB Screen Sans	Regular	15	20

Schriftklasse	Familie	Schnitt	Größe	Zeile
Large Title	DB Screen Head	Black	42	44
Title 1	DB Screen Head	Black	34	36
Title 2	DB Screen Head	Light	26	28
Title 3	DB Screen Head	Light	26	28
Headline	DB Screen Sans	Bold	24	24
Body	DB Screen Sans	Regular	22	32
Callout	DB Screen Sans	Regular	20	28
Subhead	DB Screen Sans	Bold	22	32
Footnote	DB Screen Sans	Regular	18	24
Caption 1	DB Screen Sans	Regular	18	24
Caption 2	DB Screen Sans	Regular	17	24

iOS Larger Accessibility Type Sizes

Zusätzlich zu iOS Dynamic Type unterstützen wir das System der Apple Larger Accessibility Schriftgrößen von AX1 bis AX5.

Schriftklasse	Familie	Schnitt	Größe	Zeile
Large Title	DB Screen Head	Black	46	52
Title 1	DB Screen Head	Black	38	40
Title 2	DB Screen Head	Light	32	36
Title 3	DB Screen Head	Light	31	36
Headline	DB Screen Sans	Bold	29	32
Body	DB Screen Sans	Regular	27	40
Callout	DB Screen Sans	Regular	24	36
Subhead	DB Screen Sans	Bold	26	40
Footnote	DB Screen Sans	Regular	22	32
Caption 1	DB Screen Sans	Regular	22	32
Caption 2	DB Screen Sans	Regular	20	32

Schriftklasse	Familie	Schnitt	Größe	Zeile
Large Title	DB Screen Head	Black	50	56
Title 1	DB Screen Head	Black	43	48
Title 2	DB Screen Head	Light	37	40
Title 3	DB Screen Head	Light	37	40
Headline	DB Screen Sans	Bold	34	36
Body	DB Screen Sans	Regular	32	48
Callout	DB Screen Sans	Regular	30	44
Subhead	DB Screen Sans	Bold	31	48
Footnote	DB Screen Sans	Regular	26	40
Caption 1	DB Screen Sans	Regular	26	40
Caption 2	DB Screen Sans	Regular	24	36

Schriftklasse	Familie	Schnitt	Größe	Zeile
Large Title	DB Screen Head	Black	54	60
Title 1	DB Screen Head	Black	48	52
Title 2	DB Screen Head	Light	42	48
Title 3	DB Screen Head	Light	43	44
Headline	DB Screen Sans	Bold	41	44
Body	DB Screen Sans	Regular	39	60
Callout	DB Screen Sans	Regular	36	56
Subhead	DB Screen Sans	Bold	37	56
Footnote	DB Screen Sans	Regular	32	48
Caption 1	DB Screen Sans	Regular	32	48
Caption 2	DB Screen Sans	Regular	29	44

Schriftklasse	Familie	Schnitt	Größe	Zeile
Large Title	DB Screen Head	Black	58	64
Title 1	DB Screen Head	Black	53	60
Title 2	DB Screen Head	Light	48	52
Title 3	DB Screen Head	Light	49	52
Headline	DB Screen Sans	Bold	48	52
Body	DB Screen Sans	Regular	46	68
Callout	DB Screen Sans	Regular	42	64
Subhead	DB Screen Sans	Bold	43	64
Footnote	DB Screen Sans	Regular	37	56
Caption 1	DB Screen Sans	Regular	37	56
Caption 2	DB Screen Sans	Regular	34	52

Schriftklasse	Familie	Schnitt	Größe	Zeile
Large Title	DB Screen Head	Black	58	64
Title 1	DB Screen Head	Black	53	60
Title 2	DB Screen Head	Light	48	52
Title 3	DB Screen Head	Light	49	52
Headline	DB Screen Sans	Bold	48	52
Body	DB Screen Sans	Regular	46	68
Callout	DB Screen Sans	Regular	42	64
Subhead	DB Screen Sans	Bold	43	64
Footnote	DB Screen Sans	Regular	37	56
Caption 1	DB Screen Sans	Regular	37	56
Caption 2	DB Screen Sans	Regular	34	52

Android Accessibility Font Scale

Unsere Android-Apps sollen allen Nutzer:innen zugänglich sein. Daher unterstützt unser Design das Androids Fontscaling, das Nutzer:innen global festlegen können.

Schriftklasse	Familie	Schnitt	Größe	Zeile
H1	DB Screen Head	Black	24	52
H2	DB Screen Head	Black	17	40
H3	DB Screen Head	Black	15	36
H4	DB Screen Sans	Bold	14	36
Subline 1	DB Screen Head	Light	17	32
Subline 2	DB Screen Head	Light	15	40
Body 1	DB Screen Sans	Regular	14	36
Body 2	DB Screen Sans	Regular	12	40
Caption	DB Screen Sans	Regular	10	32

Schriftklasse	Familie	Schnitt	Größe	Zeile
H1	DB Screen Head	Black	28	32
H2	DB Screen Head	Black	20	24
H3	DB Screen Head	Black	18	24
H4	DB Screen Sans	Bold	16	20
Subline 1	DB Screen Head	Light	20	24
Subline 2	DB Screen Head	Light	18	28
Body 1	DB Screen Sans	Regular	16	24
Body 2	DB Screen Sans	Regular	14	20
Caption	DB Screen Sans	Regular	12	16

Schriftklasse	Familie	Schnitt	Größe	Zeile
H1	DB Screen Head	Black	32	37
H2	DB Screen Head	Black	23	28
H3	DB Screen Head	Black	21	28
H4	DB Screen Sans	Bold	18	23
Subline 1	DB Screen Head	Light	23	28
Subline 2	DB Screen Head	Light	21	32
Body 1	DB Screen Sans	Regular	18	28
Body 2	DB Screen Sans	Regular	16	23
Caption	DB Screen Sans	Regular	14	18

Schriftklasse	Familie	Schnitt	Größe	Zeile
H1	DB Screen Head	Black	36	42
H2	DB Screen Head	Black	26	31
H3	DB Screen Head	Black	23	31
H4	DB Screen Sans	Bold	21	26
Subline 1	DB Screen Head	Light	26	31
Subline 2	DB Screen Head	Light	23	36
Body 1	DB Screen Sans	Regular	21	31
Body 2	DB Screen Sans	Regular	18	26
Caption	DB Screen Sans	Regular	16	22

Brand Service Desk

Support Anfrage

Es ist etwas schief gelaufen.

Typografie für iOS und Android

Schriftgrößen iOS und Android

Besonderheiten Apple iOS

Typografie-Klassen auf Android

Anwendungen

Hybrid-Apps

Accessibility

iOS – Dynamic Type Size u. Large Accessibility Type Sizes

iOS Dynamic Type

iOS Larger Accessibility Type Sizes

Android Accessibility Font Scale

App

Weiterleitung

Typografie für iOS und Android

Schriftgrößen iOS und Android

Besonderheiten Apple iOS

Typografie-Klassen auf Android

Anwendungen

Hybrid-Apps

Accessibility

iOS – Dynamic Type Size u. Large Accessibility Type Sizes

iOS Dynamic Type

iOS Larger Accessibility Type Sizes

Android Accessibility Font Scale