Halaman ini diterjemahkan oleh Cloud Translation API.

Warna pada kacamata

Warna mempertimbangkan tampilan, lingkungan, dan kognisi. Warna pada kacamata menggunakan palet yang sangat halus untuk mendukung perilaku tampilan aditif dan untuk mengoptimalkan kenyamanan visual. Penggunaan warna pada kacamata harus dilakukan dengan bijak agar selaras dengan dunia nyata, untuk 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 rekanan on-color-nya. 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, penting untuk memastikan gangguan visual minimal dan harmonisasi dengan dunia nyata, dengan memprioritaskan keterbacaan di berbagai kondisi pencahayaan. Hal ini melibatkan kalibrasi warna yang cermat untuk menyeimbangkan kecerahan dengan saturasi, memastikan kejelasan untuk keterbacaan yang jelas sekaligus mempertahankan saturasi yang cukup 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

Penggunaan daya

Beberapa warna menggunakan lebih banyak daya dan menghasilkan lebih banyak panas daripada warna lainnya. Hijau paling hemat daya, biru paling boros daya, jika dibandingkan dengan warna dengan tone 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 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 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

Gunakan beberapa warna garis batas.

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 mewarnai status fokus.