검은 배경에 흰색 텍스트

디자인 요소 : 그래픽 스타일 설명서 의 Timothy Samara는 흑백 색상의 해석을 제공합니다. 사마라는 검은 색이 "가시 스펙트럼에서 가장 강한 색"이라고 말합니다. 그는 또한 그것을 지배적이며 또한 무의미한 느낌이라고 불렀다. 반면에 우리가 알고있는 흰색은 "모든"색이며, 전체적인 느낌과 선명도입니다.

지배적 인 어두운 값의 색 영역 (블랙 필드)은 뇌가 그 안에 놓인 더 밝은 색을 확장하게합니다. 그 결과 밝은 값의 물체는 매우 어두운 값 영역의 빈 공간으로 번지는 경향이 있습니다. 실제로 흰색 문자는 어두운 배경에서 더 무겁게 보입니다.

글자는 읽을 수 있으려면 서로간에 어느 정도의 공간이 필요합니다. 그룹화 된 모음처럼 보이고 (단어 모양), 글자 사이의 경계가 불분명 해져서 그룹을 보이게하기에는 너무 가까워 야합니다. 얼룩처럼). 글자가 두껍게 보일수록 글자 사이의 공간이 줄어들고 단어는 밝은 흰색 얼룩으로 향합니다. 글꼴 표현을 수정하지 않으면 흰색 바탕에 검정색을 잘 읽을 수 없으므로 바람직하지 않습니다.

그러나 인터페이스의 스타일 시트 (또는 텍스트 표시 방법/설명을 정의하는 데 사용되는 모든 것)에 약간의 노력을 기울이면 화이트 온 블랙을 달성 할 수 있습니다.

• 먼저, "얇은"또는 "밝은"( "좁은"아님) 글꼴 또는 글꼴 두께는 레터 바디 블리드의 영향을 줄입니다. 대안 적으로, 더 큰 유형의 크기는 문자 글리프에 시각적 표면 우위를 위해 검정색 배경과 성공적으로 싸울 수있는 충분한 표면적을 제공합니다.
• 둘째, 글자 간격을 늘리면 (글꼴 크기가 작을수록) 글자 모양이 글자처럼 보이도록 추가 공간이 생깁니다. 이 두 가지 효과를 사용하면 검정색 배경에서 표준 글꼴의 유용성 손실을 흰색으로 줄일 수 있으며, 이러한 대체 색상 조합을 사용할 수 있습니다.

주로 대비와 매체에 관한 것입니다. 어두운 배경에서 빛나는 글자보다 대비가 너무 높으면 눈이 피로해질 수 있습니다.

생각이 많은 주제에 대한 흥미로운 대화 입니다.

검정색 배경의 흰색 텍스트는 특히 주변 광이 어둡거나 0 일 때 매우 실용적인 용도로 사용되며 텍스트를 표시하는 장치는 충분한 양의 빛을 방출합니다 (최대 밝기의 iPad 등).

눈의 피로. 그러나 특정 상황에서는 모든 것이 적절합니다.

햇빛이 많은 방에 있으면 검정색 배경에 흰색 텍스트를 읽는 것이 매우 어려울 수 있습니다. 랩톱을 가지고 있고 화면 바로 앞에 앉아 있지 않은 경우에도 동일한 문제입니다. 어두운 테마는 멋져 보입니다.

Blackle 을 살펴보십시오.
거꾸로 된 Google입니다 (검정색 흰색).
추가 클릭을하고 사이트로 이동하여 경험을 일반 Google과 비교하십시오.
(그들은 에너지 절약 을 수행하지만, 적어도 내 의견으로는 사용자 경험이 확실히 고통받습니다)

몇 가지 사항 :

• 눈의 홍채는 눈이받는 빛의 양에 따라 조정됩니다. 대부분의 영역이 검은 색이고 매우 밝은 빛이있는 경우 눈에 무리를 줄 수 있으므로 화면의 강도 수준이 강한 경우 회색 회색가 흰색 켜짐보다 더 권장 됨] black 그러나 화면 강도 수준을 조정할 수 있으므로 문제가 덜됩니다.

• Matt이 인용 한 것처럼, 우리가 보는 이미지를 인식 할 때 밝은 영역은 어두운 영역으로 확장되므로 텍스트가 배경보다 밝 으면 일반 텍스트가 더 굵게 보입니다. 텍스트가 굵은 글씨로 시작하면 검정 바탕의 흰색 결과가 너무 굵게 표시 될 수 있지만 일반 텍스트의 경우 텍스트가 더 "돋보이는"것처럼 보이고 읽기 쉽습니다.
  실수하지 않으면 대부분의 텍스트는 굵게 표시되지 않으므로 굵은 텍스트로 표시되는 일반 텍스트보기를 최적화하는 것이 더 합리적입니다.

• 어두운 환경에서 독서하는 경우 화면에서 멀리 보거나 다시 볼 때 흰색 배경이 눈을 피로하게합니다.

• 밝은 환경에서 읽고 있다면 이 답변을 참조하십시오 .

• 색상/음영이 많은 형식화 된 텍스트를 읽거나 (예 : 코드 읽기/쓰기) 이미지를 사용하는 경우 검정색 배경의 어두운 색상이 흰색 배경의 밝은 색상보다 더 잘 인식됩니다 ( 명암 대비 공식 참조) 여기 ).

• 흰색 배경이 바람직하다는 것은 일반적인 (오해) 개념이지만, 실제로 현대 스크린 작업을 시도한 사람들은 적절한 전경색을 가진 어두운 배경이 더 좋습니다.

• 프레이저가 지적한 바와 같이, 인용 된 연구는 구식이며 충분한 인자가 측정되지 않았다 (예 : 스크린 앞의 시간, 스크린 유형, 실내 조명, 다양한 텍스트 음영 및 색상).

• Cleartype은 현대의 LCD (새로운 "LED"화면은 실제로 형광등 대신 LED 백라이트 만있는 LCD이기도 함)에 사용되며 흰색은 검정색, 흰색은 검정색입니다. 하위 픽셀을 사용하여 앤티 앨리어싱 방법이며 더 어둡게 관련이 없습니다.

때로는 스타일이 검정색 배경에 흰색 글꼴을 사용하도록 지시합니다. 필요한 경우 sans serif 글꼴 만 사용하고 너무 얇지 않은 글꼴을 사용하십시오.

실제로 대답은 아니지만 :

검은 배경에 회백색을 사용하는 것이 더 낫습니까?

최근 가장 주목할만한 사례는 Microsoft Expression Blend입니다.

인도 표준의 차량 번호판은 어두운 스타일을 따르고있어 멀리서도 쉽게 읽을 수 있습니다. 따라서 더 어둡게 접지 된 화면에서 검은 색 글꼴 사용을 고려해야합니다.

그 이후로 수정되었지만 Safari (Mac OS X의 기본 브라우저) 검은 색의 밝은 텍스트와 흰색의 어두운 텍스트와는 매우 다르게 앨리어싱 처리 된 시간이 너무 굵게 표시되었습니다 특히 굵게 표시된 매우 굵은 텍스트에는 좋지 않습니다 ).