Warna di TV

Warna pada desain TV dapat menginspirasi, mengatur suasana hati, dan bahkan mendorong pengguna untuk membuat keputusan. Ini adalah elemen yang kuat dan nyata yang pertama kali diperhatikan pengguna. Sebagai cara yang kaya untuk terhubung dengan audiens yang luas, tidak mengherankan bahwa warna merupakan langkah penting dalam membuat antarmuka TV berkualitas tinggi.

Sorotan

• Mode gambar "Standar" adalah setelan tampilan TV yang paling umum.
• Sebagian besar TV mendukung sRGB.
• Saat memilih warna, pertimbangkan bahwa pengguna menonton TV dengan jarak yang berbeda-beda, dan dalam kondisi cahaya redup.
• Teknologi layar dan pengaturan ruang warna TV bisa sangat bervariasi.
• Pastikan untuk menguji dengan variasi ruang warna dan perangkat sebanyak yang praktis.
• Pertimbangkan kebutuhan dan preferensi pengguna yang berbeda saat menggunakan warna.
• Perhatikan masalah umum TV, seperti garis berwarna, saat menggunakan gradien.

Warna TV dan layar TV

Terdapat kesalahpahaman umum bahwa semua layar menampilkan semua warna dengan cara yang sama. Mungkin Anda memperhatikannya saat menggunakan laptop kerja atau menonton film di rumah teman. Warna yang sama dapat bervariasi antara model TV, monitor komputer, dan perangkat seluler.

Ruang warna

Ruang warna mengacu pada spektrum warna yang dapat direproduksi oleh layar TV. Ini termasuk ruang warna sRGB dan DCI-P3. sRGB adalah ruang warna yang paling banyak digunakan dan kompatibel dengan beragam model TV terbesar. Digunakan dalam sistem operasi, acara TV, dan game.

Memilih ruang warna DCI-P3 dapat menghasilkan video yang tampak lebih hidup dan terdengar nyata. Karena konten yang dibuat di DCI-P3 memiliki akses ke persentase warna yang lebih besar, konten tersebut mungkin hanya kompatibel dengan layar TV tingkat lanjut.

Tips: Saat mendesain elemen UI dasar, gunakan ruang warna sRGB standar untuk memaksimalkan konsistensi di berbagai model TV.

Mode gambar

Mode gambar dapat memengaruhi kualitas warna di TV dengan mengubah cara TV memproses gambar. Misalnya, Mode gambar standar biasanya mencoba menghasilkan representasi warna yang lebih akurat, sementara mode gambar Vivid meningkatkan saturasi warna agar membuatnya lebih cerah.

Mode gambar default untuk sebagian besar panel TV adalah Standar. Mode ini dirancang untuk memberikan gambar yang seimbang dengan warna yang akurat. Tetapi pengguna memiliki banyak opsi untuk dipilih. Banyak pengguna mengubah mode gambar untuk meningkatkan kualitas gambar yang dirasakan.

Mari kita lihat tujuh mode gambar yang umum:

• Standar: Mode gambar default. Ini memberikan gambar yang seimbang dengan warna yang akurat.
• Terang: Meningkatkan saturasi warna, membuatnya lebih cerah.
• Dinamis: Meningkatkan kontras gambar untuk membuatnya tampak lebih tajam.
• Game: Mengoptimalkan gambar untuk bermain game, mengurangi jeda input.
• Film: Mengoptimalkan gambar untuk menonton film, mengurangi keburaman.
• Sports: Mengoptimalkan gambar untuk menonton olahraga, sehingga meningkatkan kecerahan gambar.
• Kustom: Memungkinkan pengguna menyesuaikan setelan gambar sesuai preferensi mereka sendiri.

Tips: Untuk representasi yang paling konsisten, desain dan uji warna Anda untuk Mode gambar standar.

Kontras

Kontras adalah salah satu aspek terpenting dari kualitas gambar, terutama pada tampilan HDR modern. Inilah perbedaan antara hitam paling gelap dan putih paling terang yang dapat dihasilkan TV. Rasio kontras yang lebih tinggi biasanya berarti warna hitam yang lebih gelap, yang membuat perbedaan besar pada kualitas gambar secara keseluruhan.

Kontras: 562:1 (Rendah)

Kontras: Inf: 1 (Sempurna)

Warna yang sama di TV yang berbeda mungkin terlihat pudar di TV dengan rasio kontras rendah. Untuk memastikan pengalaman pengguna yang baik, desainer harus mempertimbangkan tips berikut saat membuat UI untuk aplikasi TV:

1. Gunakan kontras tinggi antara warna teks dan latar belakang.
2. Pilih font yang jelas dan mudah dibaca dengan ukuran dan spasi baris yang lebih besar.
3. Menggabungkan fitur aksesibilitas.
4. Hindari hanya mengandalkan warna untuk menyampaikan informasi.
5. Mengoptimalkan berbagai ruang warna (SDR dan HDR).
6. Uji keterbacaan dalam berbagai kondisi pencahayaan.

Teknologi layar

Teknologi tampilan juga dapat memengaruhi warna yang ditampilkan di layar. Beberapa jenis yang umum meliputi:

• LCD: Layar kristal cair adalah jenis layar TV yang paling umum. Model ini bekerja menggunakan lampu latar untuk menerangi panel kristal cair, yang kemudian menghalangi atau memungkinkan cahaya masuk untuk membuat gambar. TV LCD relatif murah dan tersedia dalam berbagai ukuran, tetapi dapat mengalami kontras dan reproduksi warna yang buruk.
• LED: Layar dioda pemancar cahaya adalah jenis TV LCD lebih baru yang menggunakan LED sebagai lampu latar. LED lebih hemat energi daripada LCD tradisional dan dapat menghasilkan gambar yang lebih terang dan jelas. TV LED cenderung lebih mahal daripada TV LCD.
• QLED: Layar dioda pemancar cahaya titik kuantum adalah jenis layar LED yang menggunakan titik kuantum untuk menghasilkan cahaya. Titik kuantum adalah partikel kecil yang dapat menghasilkan rentang warna yang lebih luas daripada LED tradisional.
• OLED: Layar organik dioda pemancar cahaya adalah jenis layar LED yang menggunakan bahan organik untuk menghasilkan cahaya. TV OLED adalah jenis TV yang paling mahal, tetapi menawarkan reproduksi warna dan kontras terbaik dari semua jenis TV.

Setiap jenis teknologi layar TV memiliki kelebihan dan kekurangannya sendiri saat merender warna.

Tips: Pertimbangkan untuk menguji desain TV Anda pada berbagai teknologi tampilan.

Untuk mempelajari lebih lanjut, tonton How a TV Works in Slow Motion dari The Slow Mo Guys.

Prinsip

Untuk bacaan selengkapnya, lihat prinsip Warna Material.

• Prioritaskan aksesibilitas: Antarmuka TV memiliki audiens yang beragam. Mulai dari usia muda, orang tua, hingga penyandang gangguan penglihatan. Selalu pertimbangkan kebutuhan, dan preferensi saat menggunakan warna. Mengutamakan aksesibilitas pada UI dapat memberikan pengalaman yang efisien bagi pengguna. Contohnya adalah memenuhi standar kontras warna. Catatan: Selalu pertimbangkan variasi rendering warna di berbagai model TV.
• Warnai dengan tujuan: Jika digunakan dengan benar, warna dapat meningkatkan komunikasi serta menciptakan pengalaman yang bermakna dan imersif. Identitas ini mencerminkan identitas produk di seluruh antarmuka TV.
• Pilih fondasi yang kontras: Latar belakang yang kontras membantu pengguna menafsirkan dan berinteraksi dengan teks aplikasi dan berbagai elemen. Kontras yang lebih tinggi akan memastikan konten terlihat.

Catatan: Pilihan warna dapat memengaruhi konsumsi daya di TV. Menggunakan warna yang lebih gelap akan menghemat daya. Hindari penggunaan latar belakang putih kecuali jika perlu.

Garis warna layar

Garis hitam layar di TV mengacu pada tampilan garis, tali, atau gradien horizontal atau vertikal yang terlihat pada layar yang bukan bagian dari konten sebenarnya yang ditampilkan. Artefak ini dapat muncul sebagai garis yang jelas atau sebagai transisi bertahap dalam warna atau bayangan di layar. Banding dapat disebabkan oleh faktor seperti kedalaman warna yang rendah, artefak kompresi, gangguan sinyal, atau masalah panel atau GPU.

Saat mendesain antarmuka pengguna untuk TV, terutama terkait gradien dan menghindari garis berwarna, pertimbangkan tips berikut:

• Gunakan gradien kedalaman warna tinggi: Untuk meminimalkan risiko garis berwarna, gunakan gradien dengan kedalaman warna yang tinggi (misalnya, 10-bit atau lebih tinggi). Hal ini memastikan transisi antarwarna yang lebih halus dan mengurangi kemungkinan band yang terlihat.
• Hindari transisi warna ekstrem: Saat membuat gradien, coba hindari transisi tajam antarwarna, karena transisi ini dapat lebih rentan terhadap garis berwarna. Sebagai gantinya, gunakan transisi warna yang lebih halus dan bertahap yang memungkinkan tampilan yang lebih halus di layar.
• Uji di beberapa perangkat: Karena TV dapat memiliki kedalaman warna dan kualitas panel yang bervariasi, sebaiknya uji desain UI Anda di beberapa perangkat untuk memastikan gradien tampak halus dan bebas garis-garis di berbagai layar.
• Menggunakan teknik dithering: Dithering adalah teknik yang dapat membantu mengurangi banding dengan memadukan warna bersama-sama dengan cara yang berpola dan seperti derau. Hal ini dapat membantu menciptakan ilusi transisi warna yang lebih halus, bahkan di layar dengan kedalaman warna yang lebih rendah.
• Pilih warna solid atau pola halus: Jika gradien tidak penting untuk desain Anda, pertimbangkan untuk menggunakan warna solid atau pola halus. Elemen ini tidak terlalu rentan terhadap garis warna dan masih dapat membuat UI yang menarik secara estetis.