Kartu

Kartu dapat berisi berbagai informasi seperti teks, ikon, gambar, respons Gemini, atau tindakan.

Prinsip

Kohesif: Kartu mengelompokkan informasi dan tindakan terkait ke dalam satu unit yang mudah dipahami.

Jelas (Clear): Mereka menyajikan konten dengan jelas dan teratur, sehingga meningkatkan kemampuan untuk memindai.

Serbaguna: Kartu dapat beradaptasi untuk menampilkan berbagai konten, dari ringkasan teks sederhana hingga ringkasan yang lebih kompleks dengan beberapa elemen.

Modular: Didesain agar modular dan dapat digunakan kembali di berbagai bagian antarmuka Jetpack Compose Glimmer for Glasses.

Penggunaan & Penempatan

Kartu dapat berisi berbagai informasi seperti teks, ikon, gambar, tindakan, atau respons Gemini.

Gunakan template kartu Glimmer Jetpack Compose untuk konten karena template ini hadir dalam banyak variasi dan dioptimalkan untuk mengikuti prinsip desain kacamata secara langsung.

check_circle

Anjuran

Buat konten yang ringkas dan perhatikan praktik terbaik gaya, seperti penggunaan warna.

cancel

Larangan

Membuat pengguna kewalahan dengan terlalu banyak konten dalam kartu atau mengabaikan pedoman gaya.

Anatomi

Kartu dibuat dengan template slot preset.

1. Header: Bagian atas kartu, yang didesain untuk menampung gambar. 

2. Judul dan Subjudul: Kolom teks ini memberikan label utama dan sekunder untuk kartu. 

3. Ikon Awal: Ikon opsional yang muncul di awal area konten kartu.

4. Ikon Akhir: Ikon opsional yang muncul di akhir area konten kartu.

5. Tindakan: Slot untuk elemen interaktif utama, seperti Tombol. Dengan demikian, pengguna dapat melakukan tindakan langsung dari kartu. Slot ini tersedia pada kelebihan beban terpisah dari composable Kartu. 

6. Konten Utama: Isi inti kartu, tempat Anda menempatkan Teks utama atau konten lainnya.

Fokus

Untuk kartu yang tujuan utamanya adalah menampung elemen interaktif tertentu (seperti Tombol dalam Tindakan), fokus harus langsung menuju elemen tersebut, bukan penampung kartu. Kartu menjadi fokus saat mewakili satu item yang dapat dijelajahi, seperti entri dalam daftar. Hal ini memberikan pengalaman pengguna yang lebih langsung dan mudah diakses.

Kartu yang memiliki fokus sebagai item daftar.

Tombol dalam kartu diberi fokus sebagai elemen yang dapat ditindaklanjuti.

Penyesuaian