Formen

Formen helfen dabei, die Bedeutung einiger Bildschirmelemente im Vergleich zu anderen hervorzuheben.

Anleitung auf einen Blick:

  • Abgerundete Ecken für primäre Aktionen und Komponenten verwenden (höherer Eckenradius)
  • Rechteckige, weniger abgerundete Ecken (niedrigerer Eckenradius) für Elemente mit geringer Betonung verwenden

Werte für den Eckenradius

Android für Autos bietet eine Reihe von Werten für den Eckenradius, um die Bedeutung verschiedener Bildschirmelemente im Vergleich zu anderen hervorzuheben.

Werte für den Eckenradius
R0 R1 R2 R3 R4
0dp 4dp 8dp 16dp Vollständig

Rundung zur Hervorhebung verwenden

Abgerundete und eckige Formen in Android Automotive erstellen eine visuelle Hierarchie, die die Aufmerksamkeit der Nutzer auf Elemente mit höherer Betonung lenkt. Elemente mit höherem Betonung haben abgerundete Ecken mit einem größeren Eckenradius. Elemente mit geringerer Betonung haben weniger abgerundete Ecken mit einem kleineren Eckenradius.

Beispiele für alle vier Ebenen des Eckenradius
Beispiele für vier Ebenen des Eckenradius, von der niedrigsten (0 dp = quadratisch) bis zur höchsten (kreisförmigen) Ebene

0 dp – Ausgangswert

Verwenden Sie 0 dp (rechte) Ecken für Grundelemente, die keine zusätzliche Betonung benötigen. Grundlegende Layoutstrukturen wie Symbolleisten oder Listen sollten 0 dp-Ecken verwenden. Außerdem sollten Ecken von Bildern 0 dp haben, es sei denn, sie werden durch einen abgerundeten Container (z. B. eine Karte) verdeckt oder in einem ausgewählten Zustand.

Beispiel für eine rechteckige Ecke
Die Albumdeckblätter im Raster rechts benötigen keine zusätzliche Hervorhebung relativ zueinander oder zu den anderen abgebildeten Elementen. Daher haben sie Ecken von 0 dp (Detail abgebildet links).

8 dp – niedrige Betonung

Der Standardeckradius für abgerundete Formen ist 8 dp. Mit dieser Form können Sie interaktive Elemente mit geringer Betonung wie Karten und Container kennzeichnen.

Beispiel für niedrige Betonung (8 dp)
Für die hier gezeigte Benachrichtigungskarte wird der standardmäßige Eckenradius von 8 dp verwendet (links). Er wird weniger betont als die Aktionsschaltflächen auf der Karte (siehe rechts), die wichtiger sind

16 dp – mittlere Hervorhebung

Verwenden Sie einen Eckenradius von 16 dp für Komponenten mit mittlerer Betonung, einschließlich interaktiver Elemente und maximierbarer Komponenten.

Beispiel für eine mittlere Ecke (16 dp)
Hier wird ein Eckenradius von 16 dp verwendet, um eine mittlere Betonung für ein Blatt am unteren Rand zu geben, was vorübergehend wichtiger ist als der aktuelle Inhalt auf dem Bildschirm.

Rund – Hochbetont

Kreisförmige Formen haben eine größere visuelle Wirkung auf hauptsächlich geradlinige Formen. Sie sollten für Komponenten mit hoher Betonung wie UAS, Chips und Widgets reserviert sein.

Beispiel für eine vollständig abgerundete Ecke mit hoher Betonung
Hier werden vollständig abgerundete Ecken und kreisförmige Formen verwendet, um die UAS unten links, die Aktionsschaltflächen oben rechts und die UAS unten links zu betonen.