어두운 배경의 밝은 텍스트와 밝은 배경의 어두운 텍스트 : 독자가 더 오랫동안 초점을 계속 유지할 수 있습니까?

나는 dark-on-light와 light-on-dark의 끝없는 전쟁에 가고 싶지 않았지만 최근에 흥미로운 것을 발견했습니다. 어두운 텍스트는 여전히 눈에 덜 피곤하지만 (그리고 개인적으로 선호합니다. 더), 어두운 빛은 텍스트의 내용에주의를 집중시키는 데 더 나은 것처럼 보였다. 다시 말해 그것은 당신이 읽는 것에 더 집중하는 데 도움이됩니다. 텍스트를 읽을 때 몇 분이 걸리면 훨씬 더 눈에 is니다.

나는 텍스트가 더 이해 가능하고 독자와 더 잘 붙어 있는지 확인하기 위해 수행 된 모든 논문, 연구, 측정, Google Analytics, 모든 것을 찾고 있습니다. .

어느 쪽이든 다른 쪽을 나타내는 연구를 한 사람이 있습니까?

긴 텍스트를위한 올바른 타이포그래피의 가장 근본적인 기본은 유형이 독자에게 "보이지 않아야"하므로 정보 통신을 방해 할 것이 없다는 것입니다. 그로부터, 우리는 세리프면과 가벼운 산이 일반 산보다 긴 텍스트보다 길다는 원칙을 얻습니다. 여기에 일반적으로 받아 들여지는 활자체 지혜에 대한 짧은 요약이 있습니다 . 실제로 독해력과 가독성으로 이혼 할 수는 없습니다.

즉, 타이포그래피와 관련이없는 보존력 부족의 몇 가지 이유를 알고 있으며이 영역에서 텍스트를 중간에 자르고 1/4로 분리 한 사람과 같이이 분야에서 완전히 바보 같은 연구를 보았습니다. "텍스트를 따르기 위해 독자가 더 집중하도록 강요했기 때문"). 따라서이 경우의 경험은 유형과 관련이있을 수 있으며 그렇지 않을 수도 있습니다.

그러나 타이포그래피를 사용하면 결론은 읽기 편한 것이 그렇지 않은 것보다 흡수되기 쉽다는 것입니다.

있다 검안 분야에서 연구의 뗏목 , 특히 비전 테라피는 가난한 판단력 (전문 용어에서 "융합 부족")와 부주의 사이의 연결로, 일반적으로 읽기조차 싫어, 유지의 부족을 가리키는. (종종 난독증 또는 ADHD로 오진 된 경우가 많습니다.) 다양한 형태의 수렴 부전의 영향은 독서를 불편하게 만드는 일종의 눈의 피로입니다. 교정 렌즈가 필요하지만 착용하지 않는 사람들도 마찬가지입니다.

그것은 그 결론 많이 스트레칭 아니다 아무 이상이보다 적게보다는 가능성의 관심과 유지에 부정적인 효과를 가지고있다있는 긴 텍스트 통로의 타이포그래피에 대해.

일반적으로 긴 텍스트 구절을 읽을 때 가장 큰 불편의 원인은 과도한 대비입니다. 이것의 ni plus ultra 는 밝은 흰 종이에 인쇄 된 책을 가져와 직사광선에서 읽으려고합니다.

일반적으로 어두운 필드 (예 : 밝은 텍스트)를 보면 눈의 동공이 넓어집니다. 기술적 세부 사항에 들어 가지 않으면 서 동공이 넓을수록 초점의 선명도가 떨어지고 유형의 가장자리가 약간 흐려집니다. 바로 광학이 작동하는 방식입니다. 이로 인해 희미한 빛으로 읽는 것이 너무 고통스러운 이유이기도합니다. 동공은 최대 팽창 상태에 있습니다. 즉 초점이 최악입니다.

가벼운 페이지를 보면 동공이 좁아집니다. 좁은 눈동자 == 더 선명한 초점 (실수로 시야에서 물체의 가장자리 대비를 증가시킵니다). 이것으로부터, 당신은 serifed 사촌보다 chunkier 빌드 인 sans type이 serif face보다 어두운 배경에서 더 잘 읽히고, 당신이 옳을 것이라고 결론 지을 수 있습니다.

Helvetica 및 이와 유사한 산면은 배경과 대비가 강하고 가장 가벼운 무게를 사용하지 않는 한 흰색에서 흰색으로 렌더링 되거나 검정색에서 흰색으로 렌더링 될 때 읽기가 불편합니다 . Sans에서 텍스트를 설정할 때 사용 가능한 가장 가벼운 무게 및 / 또는 회색과 같은 것을 사용합니다

Caslon, Jenson 및 Garamond와 같은 기존의 세리프 텍스트면은 가벼운 기판에 인쇄되는 시각적 대비가 적기 때문에 읽기 편합니다. 이집트 슬레이트와 같은 석판 serif는 더 가벼운 무게로만 읽을 수 있습니다. 두껍고 얇은 스트로크를 강하게 대조하는 Didone 또는 Bodoni는 편안한 독서를하기에는 너무 대비되는 경향이 있습니다.

초점 문제는 미묘 할 수 있습니다. 명암의 문제 일 필요는 없습니다. 눈은 빨강과 초록색 빛에 다르게 초점을 맞추고, 실제로 두통을 느끼고 싶다면 녹색에서 몇 페이지의 텍스트를 빨강으로 변환하고 읽으십시오. 아파요!

많은 사람들이 다양한 방법과 용량으로 이것을 연구했습니다. 일부는 Google Scholar를 사용하여 찾을 수 있습니다. 다음은 질문과 관련된 몇 가지 발췌문과 그 출처입니다.

2.2.2. 색상과 시각적 관심

화면의 다양한 그래픽 구성 요소 중 색상은 디자인의 강력한 구성 요소 중 하나입니다. 인터페이스 디자이너는 디자인에 색상을 적용하는 방법을 이해할 수 있어야합니다. Tufte (1989)는“색상, 타이포그래피, 레이아웃, 아이콘, 그래픽 및 일관성에주의를 기울여 컴퓨터 화면의 숙련 된 시각적 디자인이 실질적으로 품질과 유용성에 기여한다”고 주장했다. 정보 처리. 예를 들어 Hoadley (1989)는 시각 자극의 속성 중 하나 인 색상이 인간의 관심을 끌 수 있다고 말합니다. 또한 Marcus (1992)는 색상이 가장 복잡한 시각적 구성 요소임을 나타냅니다. 또한 시각적 관심, 특히 시각적 검색에서 색상에 대한 광범위한 연구,

인간의 성과에 대한 색상의 영향은 여러 작업 설정에서 평가되었습니다. 이 작업 설정은 비 색상 산만 중 유색 ​​대상을 감지하고, 유색 산만 중 유색 ​​대상을 감지하여 대상의 색이 산만의 색과 다른 경우, 피처의 조합 (예 : 색상 및 방향)을 포함하는 대상을 감지합니다. 예를 들어, Treisman and Gelade (1980)는 객체 특징을 함께 결합하기 위해주의를 기울여야하므로 참가자가 같은 수의 갈색 T와 녹색 X가 포함 된 화면에서 녹색 문자 T를 감지하는 데 더 많은 시간이 걸린다고보고합니다. 다른 연구에 따르면 색상이 지정된 대상 단어 및 색상이 아닌 대상 단어 목록에서 대상 단어를 검색 할 때 텍스트 색상 차이가 검색 시간에 크게 영향을 미칩니다.

분명히, 증거는 색상이 다양한 상황에서 시각적 관심에 영향을 미친다는 것을 보여줍니다 (예 : 시각적 검색 및 읽기). 위의 연구는 목표 및 비 표적의 색상을 조작하며 비표 적은 산만으로 정의됩니다. 반면에, 본 연구는 목표 단어와 비 표적 단어의 색을 탐색하지 않습니다. 오히려, 애니메이션 배너 그래픽 (주의 산만)의 색상이 조사됩니다.

Zhang (1999)도 비슷한 문제를 조사했다. 이 연구에서 밝은 색상은 애니메이션 배너의 핵심 속성으로, 사용자의주의를 산만하게합니다. 밝기 속성은 밝은 색상과 흐린 색상의 두 가지 수준으로 탐색됩니다. 색조 색상이보고되지 않아 추가 조사가 어렵습니다. 그러나 결과적으로 밝은 색상의 애니메이션 그래픽은 흐린 색상의 애니메이션 그래픽보다 사용자의주의를 산만하게합니다.

그래픽에서의 색상 사용과 관련하여 일반적인 지침이 잘 설명되어 있습니다. Marcus (1992)는 중앙 및 주변 영역에 적절한 색상을 사용하도록 권장합니다. 파란색은 화면 배경과 같은 넓은 영역에 적합합니다. 시야 중앙의 영역에는 빨강과 녹색이 권장되는 반면 시야 주변에는 검은 색, 흰색, 노랑, 파랑이 더 잘 사용됩니다.

또한 모든 색상 조합은 다른 효과를 낼 수 있습니다. 예를 들어, 그래픽 디자인에서 비효율적 인 색상 조합은 사용자의 성능과 만족도를 떨어 뜨릴 수 있다는 연구 결과가 있습니다 (예 : Latomia and Happ, 1987). 애니메이션 배너 그래픽의 텍스트와 배경 색상의 효과적인 조합은 정보 처리를 용이하게하고 클릭률, 배너 메시지의 가독성, 브랜드 인지도, 웹 모양의 감상 및 웹 페이지의 유용성을 증가시킬 수있는 영향 요인 중 하나입니다.

출처 : 주의와 사용 편의성에 대한 문화적 차이 : 애니메이션 그래픽의 색상 조합 조사

이 질문과 관련하여 더 탐구해야 할 두 가지 개념이 있습니다. 장의 산만함에 대한 밝기 연구와 다른 초점 영역에 대한 다양한 색상에 대한 마커스의 추천. 다음 연구는 한 단락에서 두 가지를 모두 다루는 것 같습니다!

주의를 기울인 결과, 어떤 배경에서도 최대 채도와 채도의 색상이 가장 많은 관심을 끌었습니다 (67 %). 황록색, 녹색, 청록색 범위 (45 %)가 주목을받으며 그 다음에 빨간색, 자홍색 범위 (30 %)가 이어집니다. 선호도에 따른 결과는 최대 채도와 밝기를 갖는 색상이 가장 선호됨을 나타 냈습니다 (25 %). 배경에 관계없이 파란색이 가장 선호되는 색조입니다 (25 %). 관심과 선호도에 대한 전경색 배경 관계도 연구 결과에 포함됩니다.

출처 : 색조, 채도 및 밝기가주의 및 선호에 미치는 영향

내 결론 :

내가 읽은 다른 논문뿐만 아니라 그 발췌문보다 더 많은 새로운 독서를 바탕으로, 밝기의 대비가 중요하다고 생각됩니다. 아마도 이것이 훌륭한 디자이너가 종종 순수한 흰색과 순수한 검은 색을 피하는 이유입니다. 이 사이트에는 회백색과 진회색 만 있습니다. 그래서 내가 원하는 답은 Light On Dark 대 Dark On Light가 밝기 범위보다 덜 중요하다는 것입니다. 그러나 언급했듯이 많은 연구를 연결할 수 있지만 어둠의 빛은 읽기 쉽습니다. 이 질문의 다른 사람들이 어두운 배경에서 빛을 사용하면 눈에 더 쉽게 초점을 맞출 수 있다는 모순을 제공 할 수 있습니다. 나에게 정확한 진술처럼 보이지만 다시 합리적인 범위 내에 있습니다. 순수한 검정색 배경은 좋지 않습니다.

이것은 또한 대비와 우리 가이 색상을 보는 방법의보다 기계적인 측면에 관한 Alan의 훌륭한 답변에 동의합니다.

일반적으로 긴 텍스트 구절을 읽을 때 가장 큰 불편의 원인은 과도한 대비입니다. 이것의 ni plus ultra는 밝은 흰 종이에 인쇄 된 책을 가져와 직사광선에서 읽으려고합니다.

일반적으로 어두운 필드 (예 : 밝은 텍스트)를 보면 눈의 동공이 넓어집니다. 기술적 세부 사항에 들어 가지 않으면 서 동공이 넓을수록 초점의 선명도가 떨어지고 유형의 가장자리가 약간 흐려집니다. 바로 광학이 작동하는 방식입니다. 이로 인해 희미한 빛으로 읽는 것이 너무 고통스러운 이유이기도합니다. 동공은 최대 팽창 상태에 있습니다. 즉 초점이 최악입니다.

물론 나는 과학자, 심리학자 또는 색 이론 전문가가 아니므로 전체 보고서를 직접 읽고 자신의 결론을 도출하십시오.

이것은 주관적인 답변이지만, 그 답은 주관적이며 과거 경험과 자신의 잠재 의식적 기대에 근거한 것입니다.

나는 어두운 곳에서 어두운 곳으로 또는 그 반대로 전환했는지 여부에 관계없이 하나에서 다른 것으로 바꿀 때 강하게 주목했다. 집중하기가 매우 어렵습니다.

매우 밀접하게 관련된 두 가지 환경, 코드 창 및 명령 창을 사용하더라도 서로 다른 환경이 필요합니다. 예를 들어 밝은 검정 코드 창이나 흰색 바탕 명령 창을 편안하게 사용할 수 없습니다.

OP 의견 토론에 따라.

텍스트와 내용 만 빛을 통해 방출되기 때문에 어두운 곳에서 빛이 더 잘 보이기 때문일 수 있습니다. 정보가 적을수록 시력 집중에 도움이됩니다.

우리는 OP에서 이것에 대해 더 많이 확장했지만 이것이 제출 된 답변 일 것입니다.

나는 일반적으로 안락함을 위해 내 방을 상당히 어둡게 유지합니다. 따라서 검은 색 텍스트가있는 흰색 화면 (이와 같은)은 읽기가 어렵습니다. 그것은 약간의 얼룩이있는 눈부신 흰색 얼룩처럼 보입니다.
다른 모든 요소는 페이지를 읽기가 어려울 때 다소 이차적입니다.

나는 사람들이 자신의 방을 더 밝게 비추면 그 반대의 경우일지도 모른다 ... 어느 쪽이든, 사람들은 자신의 선호를 강요하거나 평균.