Saat mendesain situs web, bagaimana saya tahu bagaimana pengguna melihat warna? Saya melihat warna situs web secara berbeda dari Macbook dan desktop / notebook Windows saya. Terutama saya tidak bisa melihat warna-warna terang di desktop, misalnya batas meja abu-abu tidak terlihat.
Mana yang harus saya pedulikan saat mendesain? Apakah saya dapat membuat semua layar sangat mirip dengan solusi perancangan?
Jawaban:
Jawaban singkat: Anda tidak.
Jawaban yang lebih panjang: benar-benar mustahil untuk memperhitungkan semua pengaturan dan kalibrasi layar, keadaan dan kemampuan visual (dis) pemirsa. Itulah sebabnya ada pedoman untuk, misalnya, kontras teks dan latar belakangnya, untuk menjamin kegunaan dalam setidaknya sebagian besar kasus.
Alur kerja pribadi saya mencakup setidaknya dua monitor yang tidak dikalibrasi dan beberapa pengujian pada perangkat seluler yang berbeda dalam situasi pencahayaan yang berbeda.
W3C telah membuat beberapa panduan tentang penggunaan warna dan kontras yang diperlukan yang dapat Anda baca di sini . Secara pribadi, saya menggunakan alat kontras ini untuk teks oleh Lea Verou untuk memeriksa apakah warna teks saya mematuhi panduan atau setidaknya sudah dekat.
sumber
Anda tidak, dan Anda tidak dapat mengontrol atau menegakkan pengaturan yang sama pada monitor / perangkat semua orang. Yang terbaik yang dapat Anda lakukan adalah menggunakan profil warna sRGB saat mengekspor gambar raster untuk web.
sRGB adalah ruang warna standar di seluruh dunia untuk reproduksi warna di web.
Ini akan membantu sampai taraf tertentu, tetapi pada akhirnya preferensi pengguna sendiri akan memutuskan bagaimana gambar dilihat pada perangkat mereka. Jelas, ini untuk gambar raster, bukan elemen grafis lainnya pada halaman.
sumber
Peramban dan komputer modern saat ini jarang memiliki masalah dalam menampilkan warna yang benar (lihat https://websafecolors.info/learn untuk informasi tentang itu).
Sepertinya tampilan itu sendiri yang membuat warna tampil berbeda. Ini bisa disebabkan oleh kecerahan monitor, kontras dan pengaturan tingkat cahaya biru, dan bahkan karena teknologi monitor itu sendiri seperti LED dan tipe panel. Tidak ada cara untuk menegakkan pengaturan yang konsisten di seluruh tampilan, atau bahkan membaca pengaturan mereka dan menyesuaikan situs web.
Saya akan merekomendasikan menggunakan Elemen Inspeksi dan melihat kode hex warna pada setiap platform. Jika mereka identik, maka Anda tahu itu adalah tampilan. Solusinya adalah dengan menggunakan warna yang lebih kontras satu sama lain, sehingga mereka memiliki peluang lebih besar untuk menonjol di semua layar. Atau, cobalah perbatasan yang lebih tebal, atau bahkan meja empuk tanpa batas! Sebagian besar pengguna memiliki layar definisi tinggi yang membuka banyak kemungkinan untuk desain tabel, yang biasanya menggunakan teks dan pemformatan piksel-tebal.
sumber
Jawabannya adalah tidak, karena warna laptop dan warna desktop tidak sama untuk setiap komputer. Anda dapat menggunakan kode warna jika Anda ingin memastikan warnanya sama, misalnya, Anda dapat mengetikkan kode ini di css:
sumber
#D2B48C
akan terlihat berbeda pada monitor yang berbeda, dan pertanyaannya adalah bagaimana menyelesaikannya.