Benachrichtigungskarten senden kleine Mengen aktueller Informationen aus dem System oder von einer App.
Das Design dieser Karten für Android Automotive OS wurde entwickelt, um die Ablenkung für den Fahrer so gering wie möglich zu halten. Es gibt drei Basisversionen:
- Karte für Vorabbenachrichtigungen (HUN):Wird für eine Benachrichtigung verwendet, die kurz über dem aktuellen Bildschirm angezeigt wird.
- Karte für Benachrichtigungszentrale:Wird für Benachrichtigungen in der Mitteilungszentrale verwendet.
- Gruppierte Benachrichtigungskarte:Mehrere Karten in der Mitteilungszentrale werden auf einer Karte kombiniert.
Bei diesen Versionen können die Designs auch je nach Kategorie der Botschaft leicht variieren. Anrufbenachrichtigungen haben beispielsweise andere Schaltflächen und Symbole als Navigationsbenachrichtigungen.
Anatomie
Die Benachrichtigungskarte ist eine flexible Komponente, die eine Vielzahl von Elementen enthalten kann. Es gibt drei Hauptversionen:
- HUN-Karte: Diese Version ist breiter als die Karte „Mitteilungszentrale“ und wird oben auf dem aktuellen Bildschirm angezeigt, bis sie geschlossen wird.
- Karte für Mitteilungszentrale: Diese Version ist schmaler als die HUN-Karte und wird zusammen mit anderen Karten dieser Art im Benachrichtigungscenter in einer vertikalen Liste angezeigt.
- Gruppierte Karte für Benachrichtigungen:In dieser Version der Infokarte sind mehrere zusammengehörige Benachrichtigungen auf einer Karte zusammengefasst. Die einzelnen Benachrichtigungen lassen sich so maximieren und anzeigen.
Varianten dieser Versionen nach Mitteilungstyp werden unter Stile angezeigt.
Spezifikationen – HUN-Karte
Standard-HUN
HUN mit Avatar
Nachricht HUN mit Vorschau
Nachricht an HUN mit mehreren Nachrichten
HUN für große Bilder
Spezifikationen – Karte in Mitteilungszentrale
Standardbenachrichtigung
Nachrichtenbenachrichtigung mit Vorschau
Nachrichtenbenachrichtigung mit mehreren Nachrichten
Einzelaktionsbenachrichtigung
Spezifikationen – Gruppierte Benachrichtigungskarte
Gruppierte Benachrichtigung – minimiert
Gruppierte Benachrichtigung – maximiert
Layouts skalieren
Diese Referenzlayouts zeigen, wie Benachrichtigungen an Bildschirme mit verschiedenen Breiten und Höhen angepasst werden. Die Kategorien für Breite und Höhe werden im Abschnitt Layout definiert. Beachten Sie, dass alle Pixelwerte in gerenderten Pixeln vorliegen, bevor ein Downsampling oder Upsampling erfolgt.
Bildschirme mit Standardbreite
Breitbildformate
Extrabreit und superbreit
Vertikaler Abstand von Benachrichtigungen auf Bildschirmen mit unterschiedlicher Höhe
Die Spezifikationen für vertikale Abstände in diesem Abschnitt gelten nur für HUN-Karten. Weitere Informationen zum vertikalen Abstand von Karten im Benachrichtigungscenter finden Sie in den Spezifikationen des Benachrichtigungscenters.
Kurze Bildschirme
Hohe und Standard-Displays
Stile
Typografie
Schriftstil | Schriftart | Gewicht | Größe (dp) |
---|---|---|---|
Text 1 | Roboto | Regulär | 32 |
Text 3 M | Roboto | Medium | 24 |
Text 3 | Roboto | Regulär | 24 |
Farbe
Element | Farbe(Tagesmodus) | Farbe (Nachtmodus) |
---|---|---|
Haupttyp / Primäre Symbole | White | Weiß mit 88% |
Sekundärer Typ | Weiß mit 72% | Weiß mit 60% |
Sekundäres Symbol | Drittanbieterakzent | Drittanbieterakzent |
Trennlinie | Weiß 22% | Weiß: 12% |
Hintergrund der Karte | Grau 868 | Grau 900 |
Farbverlaufsraster | Schwarz 100–0 % | Schwarz 100–20 % |
Größen
Element | Größe (dp) |
---|---|
Primäres Symbol | 44 |
Sekundäres Symbol | 36 |
Mittelgroßer Avatar | 76 |
Radius der abgerundeten Ecken (R2) | 8 |
Beispiele
Bewegung
Die folgenden Bewegungen sind ein wichtiger Teil der Benachrichtigungsfunktion:
- Bewegung bei Ankunft der HUN
- Wischbewegungen zum Schließen einer Benachrichtigung
- Bewegungen zum Maximieren und Minimieren von Benachrichtigungen