Typografie oder der Stil von Text wird verwendet, um die Texthierarchie und ihre Funktionsweise in einer UI auszudrücken. Bei der Typografie für die Fahrumgebung sollte die Lesbarkeit priorisiert werden.
Auf einen Blick:
- Anzeige, Text und Subtext aus der typografischen Skala von Android Auto verwenden
- Die Mindestgröße des Textkörpers beträgt 24 dp. Reservieren Sie Untertextgrößen für nicht entscheidende Informationen.
- 4-dp-Raster für die Ausrichtung verwenden
- Stilattribute anwenden, um Effekte zu erzeugen (Hierarchie unterstützen, Aufmerksamkeit erregen)
- Verwenden Sie sparsam mit mittlerer Schriftstärke und vermeiden Sie Fettdruck.
Skalierungs- und Rasterreferenzen
Das typografische Maßstabs- und Satzraster von Android Auto bietet einen einheitlichen, leicht verständlichen Satz von Textstilen für eine Reihe von Anzeigetext-, Fließtext- und Subtextgrößen.
Typografische Skalierung für Android Auto
Die Schriftgröße bietet neun Stile für Anzeigetext, Fließtext und Subtext – jeweils mit einer bestimmten Schriftart, Schriftgröße und Zeilenhöhe.
Die kleinste Textgröße für Android Auto ist 24 dp. Subtextgrößen unter 24 dp können sparsam verwendet werden. Da die Größe dieses Untertextes nicht leicht erkennbar ist, sollte er für nicht entscheidende Informationen reserviert werden, z. B. für Inhalte in der Statusleiste.
Satzraster und Referenzreferenz
Alle Schriftformate werden im 4-dp-Raster angezeigt. Dieses Raster sorgt dafür, dass Text gleichmäßig skaliert und vertikal verteilt wird, wodurch eine einheitliche visuelle Hierarchie in 4-dp-Schritten entsteht.
Anleitung und Beispiele
Die Anwendung eines einheitlichen Maßstabs und Stils auf den UI-Text kann hilfreich sein:
- Gesamten Text lesbar halten
- Eine visuelle Hierarchie über Textelemente hinweg vermitteln
- Die Aufmerksamkeit auf die wichtigsten Stellen lenken
Die folgende Anleitung zeigt, wie die Skalierung und Stile von Android Auto richtig angewendet werden.
Skalierung wird angewendet
Google Sans sollte für Schriftgrößen ab 32 dp verwendet werden. Überall sonst wird Roboto verwendet, da es auch in kleineren Formaten lesbar ist.
Beispiele
Stil wird angewendet
Jeder typografische Stil besteht aus einer Reihe von Skalen und Attributen wie Farbe, Deckkraft und Schriftstärke. Diese Attribute können jedem Typstil hinzugefügt werden, um einen Effekt zu erzeugen, unabhängig davon, ob die Absicht besteht, die Aufmerksamkeit zu lenken oder die Betonung zu reduzieren.