Übersichtliches Design für optisch transparente Displays
Jetpack Compose Glimmer ist ein Google-Designsystem und UI-Toolkit für optisch durchsichtige (optical see-through, OST) Displays wie kabelgebundene XR-Brillen. Ein Designsystem bietet wiederverwendbare Entscheidungen – von Farb-, Schrift- und Formprimitiven bis hin zu Komponenten und Anleitungen.
Grundsätze
Jetpack Compose Glimmer ist eines der ersten UI-Frameworks, das für transparente Displays und Brillen optimiert wurde. OST projiziert das Licht des Projekts direkt auf die physische Welt, anstatt ein undurchsichtiges Display zu verwenden. Mit Glimmer können Entwickler kontrastreiche, übersichtliche Benutzeroberflächen erstellen, die die Präsenz in der realen Welt bewahren.
Transparente Anzeige zuerst
Optimiert und basierend auf Forschung und Farbwissenschaft für transparente Displays und den Brillenformfaktor für durchdachte, schöne, optisch durchsichtige Erlebnisse.
Hardwareeingabe
Die Interaktionseingaben sind auf die Funktionen von kabelgebundenen XR‑Datenbrillen ausgelegt.
Speziell entwickelt
Stile und Komponenten sind speziell für die Verwendung auf einer Datenbrille konzipiert. Jetpack Compose Glimmer ist für durchsichtige Displays und Nutzerfreundlichkeit optimiert. Es ist zwar speziell für diesen Zweck entwickelt, aber nicht starr. Damit können Sie die Fokus-Highlights zusätzlich zu Typ und Farbe anpassen.
Stile
Die Designsprache von Jetpack Compose Glimmer bietet ein vereinfachtes Design für optimale Sichtbarkeit auf Brillen. Farbe und Typ können für semantischen Ausdruck und App-Kohäsion angepasst werden. Visuelle Designprinzipien betonen Klarheit, Lesbarkeit und minimale Ablenkung. Kabelgebundene Brillen haben zwar ein größeres Sichtfeld und sind möglicherweise weniger anfällig für Störungen in der realen Welt, aber Sie sollten trotzdem darauf achten, dass die Benutzeroberfläche nicht im Weg ist.
Glimmer wird mit einem Standarddesign ausgeliefert, das für OST-Brillen optimiert ist. Farbe und Typ können für semantische Ausdrücke und die Kohäsion der App angepasst werden. Schwarz ist auf einem optisch durchsichtigen Display transparent. Berücksichtigen Sie dies beim Designen, da dunklere Farben matt oder transparent erscheinen. Dies kann aber auch genutzt werden, um Tiefe zu erzeugen.
Farbschema
Das Farbschema der Brille (Sammlung von Farb-Tokens oder Rollen zum Festlegen der Farbe Ihrer App) besteht aus drei Akzentrollen, sechs Oberflächenrollen (oder neutralen Rollen) und den entsprechenden On-Color-Rollen.
Farbe anpassen
Die Hauptfarbe kann so angepasst werden, dass sie der Farbe Ihrer Marke oder der primären Interaktionsfarbe entspricht. Berücksichtigen Sie den Kontrast, die Sättigung und den Stromverbrauch der ausgewählten Farbe.
Weitere Informationen zum Farbsystem von Glimmer und zu Best Practices
Typografie
Jetpack Compose Glimmer hat eine optimierte Standardskala für Schriftarten. Sie bestehen aus zwei Rollen mit jeweils drei Stilen und basieren auf ihrem Zweck und ihrer Hierarchie. Weitere Informationen finden Sie unter Glimmer-Typografie.
Oberfläche und Tiefe
Oberflächen enthalten Inhalte. Sie bieten klare Schwerpunkte im Sichtfeld des Nutzers, die Inhalte oder Aktionen enthalten können. Weitere Informationen zur Verwendung von „surface“ und „depth“ in Glimmer
Komponenten
Komponenten sind speziell entwickelte Bausteine zum Erstellen der Benutzeroberfläche. Ihre App sollte Jetpack Compose Glimmer für Komponenten verwenden, da diese für die speziellen Anwendungsfälle von OST-Brillen optimiert sind. Weitere Informationen finden Sie unter Glimmer-Komponenten.
Bereit für die Implementierung von Komponenten? Jetpack Compose Glimmer-Dokumentation
Glimmer-Komponenten können für verschiedene UX-Zwecke eingesetzt werden. Einige Komponenten enthalten Aktionsschaltflächen, Fortschrittsanzeigen für die Kommunikation, Stacks für die Einbettung, Navigation und Sprachindikatoren für die Eingabe.