Bir web sitesinin yüksek içerikli alanlarının beyaz / açık renkli olması gerekir mi?


9

Okunması kolay olacak şekilde tasarlanmıştır Birçok web sitesi (örn. Nytimes.com veya ilovetypography.com ) okunması kolay içerikler oluşturmak için siyah yazı tipleri ile beyaz arka planlar kullanabilirsiniz. Yüksek içerikli alanlar için yalnızca açık renkler kullanmak mı gerekiyor yoksa koyu renkli arka planlar da eşit derecede okunabilir mi?

Yanıtlar:


14

Koyu arka planlar genellikle açık arka planlardan daha az okunabilir olarak kabul edilir. Okunabilirlik için yeterli bir kontrast seviyesi de çok önemlidir.

Genel olarak, çok miktarda medya içeriği olan, ancak çok az metin içeren tasarımlar için koyu arka planlar öneriyorum. Daha koyu arka planlar, fotoğrafları gerçekten öne çıkarabilir ve birçok fotoğraf sitesinin siyah bir arka plana sahip olacağını göreceksiniz.

Bununla birlikte, çok fazla metniniz varsa, açık veya beyaz bir arka plan kullanmalısınız. Gözler için daha kolay ve gazete veya kitap okurken alışkın olduğumuz şeyi taklit ediyor. Medya içeriği için açık veya beyaz da kullanabilirsiniz, ancak daha az iddialı bir his vardır.

Daha fazla okuma için: Koyu arka plandaki açık metin ve okunabilirlik


5

Okunabilirliğin bu yönü ile ilgili temel endişe kontrasttır . Siyah bir arka plan üzerinde beyaz metin, beyaz bir arka plan üzerinde siyah metinle aynı kontrast oluşturur. Siyah üzerine beyaz, aslında ışık yayan ekranlarda görüntülendiğinde gözlerde beyaz üzerine siyahtan daha kolaydır, çünkü daha az ışık iletilir.

Çoğu web sitesinin beyaz veya siyah üzerine açık siyah tarzı kağıt paradigmasına atfedilebilir. Kağıt belgelere aşina olan kişiler, örneğin beyaz arka planlı ve siyah metinli bir kelime işlemciyi kolayca tanıyabilir ve bu, hesaplamada norm haline gelmiştir. Bence bu gerçekten bir utanç; Bütün gün beyaz ekranıma bakmaktan ve gözlerime zarar vermekten nefret ediyorum.

Düzenleme: Bu şimdi yeniden okuma, ben şahsen beyaz web siteleri tarafından bana rahatsız ışık miktarını bulmak vurgulamak gerekir. Mümkün olan yerlerde siyah arka planlar kullanıyorum ve okunabilirlikle ilgili herhangi bir sorunum yok. Diğer cevap bunun norm olmadığını gösteriyor.


3
Emin değilim "Işık yayan ekranlarda bakıldığında siyah üzerine beyaz gözler aslında daha kolay ... çünkü daha az ışık iletiliyor." doğru. Çok karanlık bir odada olsaydım; ancak ekranımdaki beyaz ayarlandı, bu yüzden masamdaki beyaz bir kağıt parçasıyla yaklaşık olarak aynı parlaklık algılanıyor ve inanıyorum ki tekrar tekrar birinden diğerine baktığımda gözlerimin daha az ayarlaması gerekiyor.
e100

Muhtemelen mümkün. Kesinlikle başka faktörlere bağlı olamayacağını öne sürmek istememiştim.
Matthew

1
Kapak tarafında, koyu arka planlardaki açık renkli metinleri okuduğumda, kişisel olarak yanma (görüntü sonrası) sorunlarım var ve bunları okunamaz buluyorum.
horatio

@ e100: Ekranınızın fazladan kısıldığını (yaklaşık 60-70 cd / m² olduğunu söyleyebilirim) veya masanızdaki ışığın oldukça parlak olduğunu ya da her ikisini de :) sanırım. Her neyse, basılı ve görüntülenen metin arasında ileri geri hareket ederse, öğrencilerin bu durumda yapacakları çok az şey olacağını kesinlikle kabul ediyorum.
thebodzio

@MatthewRead: "Parlaklık" demeyi tercih ederim.
thebodzio

0

Şunu söyleyebilirim: Bırakın insanlar onlar için doğru kombinasyonu seçsin. Bazıları karanlıkta parlak, diğer parlakta karanlık tercih eder - biri bilimsel araştırma yapsa bile hangisinin daha iyi olduğunu söylemek zor. Ayrıca, görüntüleme koşulları değiştikçe tercihler de değişebilir. Basit tema geçişi paha biçilmez olacaktır - herkes kendi CSS stil sayfalarını kullanmaz. BTW, bu konuda gördüğüm birkaç makale oldukça kısa metin örneklerine dayanıyor - birkaç bin kelime. Yaklaşık 5 bölümden, her biri birkaç bin kelimeden oluşan bir kitap gibi, metin daha uzun olduğunda ne olacağını görmek ilginç olurdu.

Diğer cevaplar kontrastı okunabilirliğin ana faktörü olarak belirtmektedir. Bu sorunu düşünürken kontrastı toplam parlaklıktan ayırmanın adil olmadığını düşünüyorum . Bereastreet ile ilgili bağlantılı makale şöyle diyor: "… Siyah zemin üzerine beyaz metin tersine daha yüksek bir kontrast ...". Teklifin geri kalanına az çok katılıyorum, ama bu sadece düz çöp :). Kontrast , coolors arasındaki fark olarak anlaşılmalıdır, tam olarak aynıdır. Farklı olan toplam parlaklık. Böyle bir ifade ancak bir şeyi "algılanan zıtlık" olarak tanımlarsak kabul edilebilir. Ayrıca okuma rahatlığı için izleme koşullarının kritik olduğunu düşünüyorum. Parlak ışıkta güzel çalışan şey, çevre karanlık olduğunda ağrılı olabilir.

Bir şey, bence kontrastın kendisi hakkında çok net ve sıkı bir şekilde vurgulanamaz, bunun "doğru" miktarı olması gerektiğidir. Sadece "yeterli" değil, aynı zamanda "fazla değil". Küçük yayınevinde çalışıyorum ve çoğu zaman 150'den fazla sayfa sayılan kitapları için insanların cehennem gibi parlak seçtiğini görüyorum (POW maviye taşındı). "Özellikle yaşlı (sic!) İnsanlar, parlak, beyaz kağıt üzerinde güzel, siyah metinler" okumak daha kolay olduğu iddiasıyla sık sık desteklenen müşteriler olarak onların hakkı. Aynı zamanda çok okuyan insanlar arasında kendi gayri resmi anketimi yapıyorum. Sorulanların hepsi aşırı parlak kağıdın gözlerini öldürdüğünü söyledi. Genellikle daha eski meselelere giderler - "sarı" ya çevirme şansı olanlar;), onları rahatça okuyabilmek için. Aynı şey ekranlar için de geçerli. Yeterli kontrast - evet… çok fazla değil.

Ve bir not daha: kağıt üzerinde metin okumaktan (ve cehennem kadar parlak kağıttan) bahsettiğimde, görüntüleme koşulları olarak yaklaşık 2800-3200 K.


0

Web sitenizin hedef kitlesinin zaten iyi okunabilirlik konularını bir kenara bırakmak, burada önemli bir işlev oynar. Bazı gruplar karanlık bir arka plana daha iyi yanıt verirken, diğerleri açık bir arka planı tercih eder. Oldukça öznel olduğu için hangi stilin hangi kitleye uygun olduğuna dair örnekler vermek zor.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.