Desain yang jelas dan mudah dilihat untuk layar tembus pandang optik.
Jetpack Compose Glimmer adalah sistem desain dan toolkit UI Google untuk layar tembus pandang (OST), seperti kacamata XR berkabel. Sistem desain menyediakan keputusan yang dapat digunakan kembali—dari primitif warna, huruf, dan bentuk, hingga komponen dan panduan.
Prinsip
Jetpack Compose Glimmer adalah salah satu framework UI pertama yang dioptimalkan untuk tampilan transparan dan faktor bentuk kacamata. OST menampilkan cahaya proyeksi langsung di atas dunia fisik, bukan menggunakan tampilan layar buram. Glimmer membantu developer membangun UI yang mudah dilihat dan memiliki kontras tinggi yang mempertahankan kehadiran dunia nyata.
Tampilan transparan terlebih dahulu
Dioptimalkan, dan didukung oleh riset serta ilmu warna, untuk layar transparan dan faktor bentuk kacamata untuk pengalaman tembus pandang optik yang indah dan penuh pertimbangan.
Input hardware
Input interaksi didesain berdasarkan kemampuan kacamata XR berkabel.
Dibuat khusus
Gaya dan komponen dibuat khusus untuk digunakan langsung di kacamata. Jetpack Compose Glimmer dioptimalkan untuk layar tembus pandang dan kenyamanan pengguna. Meskipun dibuat khusus, aplikasi ini tidak kaku. Selain jenis dan warna, Anda dapat menyesuaikan sorotan fokus.
Gaya
Bahasa desain Jetpack Compose Glimmer menampilkan tema yang disederhanakan untuk visibilitas optimal di kacamata. Warna dan huruf dapat disesuaikan untuk ekspresi semantik dan kohesi aplikasi. Prinsip desain visual menekankan kejelasan, keterbacaan, dan gangguan minimal. Meskipun kacamata berkabel memiliki ruang pandang yang lebih luas dan mungkin memiliki lebih sedikit gangguan "dunia nyata", Anda tetap harus mempertimbangkan untuk menjauhkan UI.
Glimmer dilengkapi dengan tema dasar yang dioptimalkan untuk kacamata OST. Warna dan huruf dapat disesuaikan untuk ekspresi semantik dan kohesi aplikasi. Hitam transparan pada layar optik tembus pandang. Perhatikan hal ini saat mendesain, karena warna yang lebih gelap akan tampak kusam atau transparan, tetapi hal ini juga dapat digunakan untuk menciptakan kedalaman.
Skema warna
Skema warna kacamata (kumpulan token atau peran warna untuk memberi tema pada warna aplikasi Anda) terdiri dari tiga peran aksen, enam peran permukaan (atau netral), dan warna yang sesuai.
Menyesuaikan warna
Warna primer dapat disesuaikan untuk menggunakan warna merek atau warna interaksi primer Anda. Pertimbangkan kontras, saturasi, dan penggunaan daya dari warna yang dipilih.
Baca selengkapnya tentang sistem warna Glimmer dan praktik terbaik.
Tipografi
Jetpack Compose Glimmer memiliki skala huruf default yang dioptimalkan. Terdiri dari dua peran dengan masing-masing tiga gaya, peran huruf didasarkan pada tujuan dan hierarkinya. Untuk mengetahui informasi selengkapnya, lihat Tipografi kilau.
Permukaan dan kedalaman
Permukaan berisi konten. Permukaan memberikan titik fokus yang jelas dalam ruang pandang pengguna, yang dapat berisi konten atau tindakan. Lebih banyak permukaan dan kedalaman digunakan di Glimmer.
Komponen
Komponen adalah blok bangunan yang dibuat khusus untuk membangun UI Anda. Aplikasi Anda harus menggunakan Glimmer Jetpack Compose untuk komponen, karena komponen tersebut dioptimalkan untuk kasus penggunaan unik kacamata OST. Untuk mengetahui informasi selengkapnya, lihat komponen Glimmer.
Siap menerapkan komponen? Lihat dokumentasi Jetpack Compose Glimmer.
Komponen Glimmer mencakup berbagai tujuan UX. Beberapa komponen mencakup tombol untuk tindakan, indikator progres untuk komunikasi, tumpukan untuk penampungan, navigasi, dan indikator suara untuk input.