웹 사이트의 콘텐츠 영역이 흰색 / 밝은 색이어야합니까?


9

읽기 쉽도록 설계된 많은 웹 사이트 (예 : nytimes.com 또는 ilovetypography.com )는 내용을 읽기 쉽도록 검은 색 글꼴이있는 흰색 배경을 사용합니다. 내용이 많은 영역에 밝은 색만 사용해야합니까, 아니면 어두운 색의 배경을 똑같이 읽을 수 있습니까?

답변:


14

어두운 배경은 일반적으로 밝은 배경보다 읽기 어려운 것으로 간주됩니다. 가독성에는 충분한 수준의 대비가 매우 중요합니다.

일반적으로 미디어 콘텐츠는 많지만 텍스트는 거의없는 디자인에는 어두운 배경을 사용하는 것이 좋습니다. 어두운 배경은 실제로 사진을 돋보이게 할 수 있으며 많은 사진 사이트에 검정색 배경이 표시됩니다.

그러나 텍스트가 많은 경우 밝은 배경 또는 흰색 배경을 사용해야합니다. 눈이 편하고 신문이나 책을 읽을 때 익숙한 것을 모방합니다. 미디어 컨텐츠에 밝거나 흰색을 사용할 수도 있지만 덜 예술적인 느낌이 듭니다.

추가 정보 : 어두운 배경의 밝은 텍스트와 가독성


5

가독성의이 측면에 대한 주요 관심사는 대비 입니다. 검정색 배경에 흰색 텍스트는 흰색 배경에 검정색 텍스트와 같은 방식으로 대조됩니다. 빛이 덜 전달되기 때문에 흰색의 검은 색보다 발광 화면에서 볼 때 검은 색의 흰색이 실제로 눈에 더 쉽습니다.

대부분의 웹 사이트의 흰색 또는 검은 색은 스타일이 종이 패러다임에 기인합니다. 종이 문서에 익숙한 사람들은 예를 들어 흰색 배경과 검은 색 텍스트가있는 워드 프로세서를 쉽게 인식 할 수 있으며 이는 컴퓨팅의 표준이되었습니다. 내 생각에 그것은 정말 부끄러운 일입니다. 나는 하루 종일 내 하얀 화면을 쳐다보고 내 눈을 손상시키는 것을 싫어합니다.

편집 : 지금 이것을 다시 읽으면서, 나는 개인적으로 하얀 웹 사이트가 나에게 비추는 빛의 양이 불편하다는 것을 강조해야합니다. 가능한 한 검정색 배경을 사용하고 가독성에 문제가 없습니다. 다른 대답은 이것이 표준이 아닐 수도 있음을 나타냅니다.


3
확실하지 않습니다. "발광 화면에서 볼 때 검은 색의 흰색이 실제로 눈에서 더 쉬워집니다. 빛이 적게 전달되기 때문입니다." 사실이다. 내가 매우 어두운 방에 있었다면 아마도; 그러나 화면의 흰색은 책상 위의 흰색 종이와 거의 동일하게 인식되는 밝기가되도록 조정되었습니다. 반복해서 볼 때마다 눈이 덜 조정되어야한다고 생각합니다.
e100

아마 가능할 것입니다. 나는 그것이 다른 요인들에 의존 할 수 없다는 것을 의미하지는 않았다.
Matthew 읽기

1
반대로 어두운 배경에서 밝은 텍스트를 읽을 때 개인적으로 번인 (애프터 이미지) 문제가 발생하여 읽을 수없는 것으로 나타났습니다.
horatio

@ e100 : 화면이 여분으로 어둡거나 (약 60-70 cd / m²라고 말하고) 책상의 조명이 밝거나 두 가지 모두 같아요. 어쨌든, 나는 인쇄 된 텍스트와 표시된 텍스트 사이를 앞뒤로 이동하면 학생이 그 경우에 거의 할 일이 없다는 것에 분명히 동의합니다.
thebodzio

@MatthewRead : "휘도"라고 말하고 싶습니다.
thebodzio

0

저는 사람들이 그들에게 맞는 조합을 선택하게 해주세요. 어떤 사람들은 밝고 어두운 것을 선호하고 다른 것들은 밝고 어두운 것을 선호합니다. 과학적인 조사를해도 어떤 것이 더 낫다고 말하기는 어렵습니다. 또한보기 조건에 따라 기본 설정이 변경 될 수 있습니다. 간단한 테마 전환은 매우 중요합니다. 모든 사용자가 자신의 CSS 스타일 시트를 사용하는 것은 아닙니다. BTW, 내가 그 문제에 대해 본 두 개의 논문은 약 2 만 단어 정도의 짧은 텍스트 샘플을 기반으로합니다. 약 5 개의 챕터, 각각 수천 단어가있는 책처럼 텍스트가 길어질 때 어떤 일이 발생하는지 보는 것이 흥미로울 것입니다.

다른 답변은 대비를 주요 가독성 요소로 언급합니다. 이 문제를 고려하면서 전체 휘도 와 대비를 분리하는 것은 불공평하다고 생각합니다 . bereastreet에 링크 된 기사는 "… 검정색 배경의 흰색 텍스트는 그 반대의 대비입니다"라고 인용합니다. 나는 인용의 나머지 부분에 다소 동의 할 수 있지만 이것은 단순한 쓰레기입니다 :). 냉각기의 차이로 이해 되는 대비 는 정확히 동일합니다. 총 휘도가 다릅니다. 그러한 진술은 우리가 무언가를 "인식 대조"로 정의 할 경우에만 받아 들여질 수 있습니다. 또한 읽기 편의를 위해 시청 조건이 중요하다고 생각합니다. 밝은 빛에서 잘 작동하는 것은 서라운드가 어두울 때 고통 스러울 수 있습니다.

한 가지, 대비 자체에 대해 너무 명확하고 확실하게 강조 할 수 없다고 생각하는 것은 그것이 "올바른"양이어야한다는 것입니다. "충분한"것뿐만 아니라 "많은 것"도 아닙니다. 나는 작은 출판사에서 일하며, 더 많은 사람들이 150 장 이상의 페이지를 세는 책으로 지옥 (POW가 파란색으로 바 paper) 종이로 밝게 선택하는 사람들을 자주 봅니다. "특히 나이가 많은 사람들 (가령!), 밝고 흰 종이에 멋진 검은 색 텍스트를 읽는 것이 더 쉽다"는 주장에 의해지지를받는 ​​것이 고객의 권리입니다. 동시에 나는 많이 읽는 사람들 사이에서 비공식 설문 조사를하고 있습니다. 모든 사람들은 지나치게 밝은 종이가 눈을 죽이고 있다고 말했다. 종종 그들은 "노란색"으로 바뀔 수있는 오래된 문제들, 즉 편안하게 읽을 수있는 문제들에 대해 간다. 나는 디스플레이에 대해서도 마찬가지라고 생각합니다. 충분한 대비 – 예… 너무 많지는 않습니다.

그리고 한 가지 더 참고 : 종이에 텍스트를 읽는 것을 언급 할 때 (그리고 지옥처럼 밝은 종이) 언급 조건을 볼 때 나는 형광등, 약 2800-3200 K를 가정합니다.


0

이미 잘 다루어 진 가독성 문제를 제쳐두고 웹 사이트의 대상 사용자가 중요한 기능을 수행합니다. 일부 그룹은 어두운 배경에 더 잘 반응하고 다른 그룹은 밝은 배경을 선호합니다. 주관적이기는하지만 어떤 청중이 어떤 스타일에 적합한 지 예를 제시하기는 어렵습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.