Bir web sitesi tasarlarken, kullanıcıların renkleri nasıl gördüğünü nasıl bilebilirim?

Bir web sitesi tasarlarken, kullanıcıların renkleri nasıl gördüğünü nasıl bilebilirim? Web sitesinin renklerini Macbook ve Windows masaüstü / dizüstü bilgisayarımdan farklı görüyorum. Özellikle masaüstünde açık renkleri göremiyorum, örneğin tabloların gri kenarlıkları görünmez.

Tasarlarken hangisine dikkat etmeliyim? Bir tasarım çözümü ile tüm ekranları oldukça benzer hale getirebilir miyim?

Kısa cevap: bilmiyorsun.

Daha uzun cevap: izleyicilerin tüm ekran ayarlarını ve kalibrasyonlarını, koşullarını ve görsel (dis) yeteneklerini dikkate almak tam anlamıyla imkansızdır. Bu nedenle, örneğin, metnin kontrastı ve arka planı için, vakaların en azından çoğunda bir miktar kullanılabilirliği garanti etmek için yönergeler vardır.

Kişisel iş akışım en az iki kalibre edilmemiş monitör ve farklı aydınlatma durumlarındaki farklı mobil cihazlarda bazı testler içeriyor.

W3C, burada okuyabileceğiniz renk kullanımı ve gerekli kontrast hakkında bazı kurallar koymuştur . Şahsen, Lea Verou'nun metin için bu kontrast aracını, metin renklerimin kurallara uyup uymadığını veya en azından yakın olup olmadığını kontrol etmek için kullanıyorum.

Yapmazsınız ve aynı ayarları herkesin monitöründe / cihazında kontrol edemez veya uygulayamazsınız. Yapabileceğiniz en iyi şey, web için raster görüntüleri dışa aktarırken bir sRGB renk profili kullanmaktır.

sRGB, web üzerinde renk üretimi için dünya çapında standart renk alanıdır.

Bu bir dereceye kadar yardımcı olacaktır, ancak sonuçta kullanıcının kendi tercihleri ​​görüntülerin cihazlarında nasıl görüntüleneceğine karar verecektir. Açıkçası, bu raster görüntüler içindir, bir sayfadaki diğer grafik öğeler için değildir.

Günümüzde modern tarayıcılar ve bilgisayarlarda nadiren doğru renkleri görüntüleme sorunları vardır ( bu konuda bazı bilgiler için https://websafecolors.info/learn adresine bakın ).

Renklerin farklı görünmesini sağlayan ekranların kendileri gibi görünebilir. Bu, monitörün parlaklığı, kontrastı ve mavi ışık düzeyi ayarlarından ve hatta monitörün LED ve panel tipi gibi teknolojisinden kaynaklanıyor olabilir. Ekranlar arasında tutarlı ayarları zorunlu kılmanın, hatta ayarlarını okumanın ve web sitesini ayarlamanın bir yolu yoktur.

Inspect Element'i kullanmanızı ve her platformdaki renklerin onaltılı koduna bakmanızı tavsiye ederim. Aynılarsa, bunun ekranlar olduğunu bilirsiniz. Çözüm, tüm ekranlarda göze çarpma şansı daha yüksek olacak şekilde birbirleriyle daha fazla kontrastlı renkler kullanmak olacaktır. Alternatif olarak, daha kalın kenarlıkları ve hatta kenarlıksız dolgulu tabloları deneyin! Çoğu kullanıcı, genellikle piksel kalınlığında metin ve biçimlendirme kullanan tablo tasarımı için çok fazla olanak sağlayan yüksek tanımlı ekranlara sahiptir.

Cevap hayır, çünkü dizüstü bilgisayar rengi ve masaüstü rengi her bilgisayar için aynı değil. Rengin aynı olduğundan emin olmak istiyorsanız renk kodunu kullanabilirsiniz; örneğin, bu kodu css içine yazabilirsiniz:

background-color: #D2B48C