Warna pada kacamata

Warna mempertimbangkan tampilan, lingkungan, dan kognisi. Warna pada kacamata menggunakan palet yang sangat halus untuk mendukung perilaku tampilan aditif dan mengoptimalkan kenyamanan visual. Penggunaan warna pada kacamata harus dilakukan dengan bijak untuk menyelaraskan dengan dunia nyata, menunjukkan tindakan penting, menampilkan gambar, atau memberikan makna semantik.

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 3 peran aksen, 4 peran permukaan (atau netral) dan rekan warnanya. Peran warna serupa dengan peran skema seluler dan harus digunakan dengan cara yang sama.

Elemen desain harus ditambatkan ke bagian bawah
frame.

Warna aksen dapat digunakan untuk warna pada elemen dengan penekanan terbatas.

Anjuran

Gunakan teks putih untuk sebagian besar konten teks Anda. Warna font dapat digunakan untuk teks yang ditekankan.

Larangan

Gunakan teks berwarna untuk semua konten.

Menyesuaikan warna

Saat menyesuaikan warna kacamata, hal yang penting adalah meminimalkan gangguan visual dan harmonisasi dengan dunia nyata, serta memprioritaskan keterbacaan dalam berbagai kondisi pencahayaan. Kalibrasi warna dengan cermat untuk menyeimbangkan kecerahan dan saturasi agar dapat langsung dibedakan.

Warna primer dapat disesuaikan untuk menggunakan warna merek atau warna interaksi primer Anda. Pertimbangkan kontras, saturasi, dan penggunaan daya warna yang dipilih.

Elemen desain harus ditambatkan ke bagian bawah
frame.

Warna semantik dan merek yang dioptimalkan

Warna yang mewakili merek, tindakan, atau peringatan sistem harus:

Cukup terang agar dapat dibaca
Cukup jenuh untuk dapat dibedakan sebagai warna

Pelajari lebih lanjut di Tema Glimmer Jetpack Compose.

Penggunaan daya

Beberapa warna menggunakan lebih banyak daya dan menghasilkan lebih banyak panas daripada warna lainnya. Hijau adalah yang paling hemat daya, biru adalah yang paling boros daya, jika dibandingkan dengan warna yang memiliki nuansa yang sama seperti yang terlihat di sebelah kanan. Minimalkan jumlah piksel yang Anda nyalakan. Semakin cerah layar, semakin panas layar. Jangan mengisi layar dengan warna putih sepenuhnya, karena hal ini dapat menyebabkan mitigasi termal.

Anjuran

Perhatikan kontras antara semua latar belakang yang akan dilihat pengguna Anda.

Larangan

Memiliki kontras yang terlalu rendah untuk elemen UI pada berbagai latar belakang, hal ini dapat menyebabkan ketegangan mata dan teks tidak terbaca.

Untuk memiliki kontras yang cukup di setiap latar belakang, Anda harus memiliki perbedaan kontras 70 (7:1) dalam nuansa warna latar depan dan latar belakang. Anda dapat mengujinya dengan menyetel desain ke mode campuran layar.

Anjuran

Gunakan warna yang tidak terlalu cerah.

Larangan

Menggunakan warna yang terlalu tersaturasi. Karakter ini mungkin tidak ditampilkan dengan benar dan mengganggu keterbacaan.

Hindari platform yang disesuaikan.

Warna penampung gelap

Secara umum, penampung harus berfokus pada menampilkan konten yang ada di dalamnya, tanpa mengganggu:

Permukaan harus berwarna hitam untuk kontras tertinggi
Garis luar harus terlihat, tetapi tidak terlalu mencolok

Anjuran

Gunakan permukaan gelap dan konten cerah.

Larangan

Gunakan permukaan yang cerah atau diisi.

Penyesuaian garis batas dapat dilakukan untuk menambahkan branding atau UI yang ekspresif.

Anjuran

Gunakan warna default. Aplikasi ini telah dioptimalkan secara maksimal untuk tampilan kacamata.

Larangan

Menggunakan beberapa warna garis luar.

Peringatan

Berhati-hatilah dan sesuaikan warna kustom antara garis batas status fokus dan default.

Elemen desain harus ditambatkan ke bagian bawah
frame. Menyesuaikan fokus garis luar dengan warna biru: sorotan status fokus dibuat dari 2 garis luar, warna diterapkan ke lapisan 2 untuk menyelaraskan status fokus.