가독성은 정말 좋아질까
다크 모드가 눈에 더 좋다는 말은 흔하지만, 실험 결과는 조금 달라요. 부흐너와 바움가르트너(2007)는 주변이 밝든 어둡든 밝은 배경에 어두운 글자(양극성)가 읽기 성과가 더 좋다고 보고했어요. 피펜브로크와 동료들(2013)은 이 이점이 젊은층과 노년층 모두에서 나타났고, 후속 연구(2014)는 밝은 화면에서 동공이 작아져 초점 심도가 깊어지기 때문이라고 설명했어요. 그래서 긴 글을 읽는 화면은 라이트 모드를 기본으로 두고, 다크 모드는 사용자의 선택지로 주는 편이 안전해요.
배터리와 환경
다크 모드의 확실한 이점은 OLED 화면의 전력이에요. 대시와 후(2021)는 실제 스마트폰을 측정해, 화면 밝기가 높을수록 다크 모드의 절감 폭이 커지고 낮은 밝기에서는 효과가 작다는 것을 보였어요. LCD 화면은 백라이트가 항상 켜져 있어 거의 차이가 없어요. 또 어두운 방에서 밝은 화면이 주는 눈부심을 줄여, 잠들기 전이나 영화관처럼 주변이 어두운 상황에서는 다크 모드가 더 편안해요. 결국 '언제, 어떤 화면에서'가 핵심이에요.
다크 모드를 잘 만드는 법
순수한 검정(#000) 배경에 순백 글자를 쓰면 대비가 지나쳐 글자가 번져 보일 수 있어, 짙은 회색 배경과 살짝 낮춘 흰색이 흔히 쓰여요. 색을 단순히 반전하지 말고, 의미 기반 색(배경·표면·강조)을 정의해 테마마다 값을 바꾸는 방식이 좋아요. 애플 가이드라인처럼 기기 설정을 따르되 앱 안에서도 바꿀 수 있게 하세요. 웹에서는 CSS의 prefers-color-scheme 미디어 쿼리로 연동할 수 있어요. 어떤 테마든 WCAG 2.2의 4.5:1 명도 대비 기준을 지켜야 웹 접근성이 유지돼요.
자주 묻는 질문
- 다크 모드가 눈 건강에 더 좋은가요?
- 연구에서는 밝은 환경에서 라이트 모드가 읽기 성과가 더 좋았어요. 다만 어두운 곳의 눈부심을 줄이는 데는 다크 모드가 편할 수 있어요.
- 다크 모드로 배터리가 얼마나 절약되나요?
- OLED 화면에서 밝기가 높을수록 효과가 커요. LCD 화면에서는 차이가 거의 없어요.
출처 검토일: 2026-10-27
참고문헌
- Buchner, A., & Baumgartner, N. (2007). Text–background polarity affects performance irrespective of ambient illumination and colour contrast. Ergonomics, 50(7), 1036–1063. 밝은 배경에 어두운 글자가 조명 조건과 상관없이 더 잘 읽힌다는 실험이라, 기본 테마를 정할 때 참고하면 도움이 돼요.
- Piepenbrock, C., Mayr, S., Mund, I., & Buchner, A. (2013). Positive display polarity is advantageous for both younger and older adults. Ergonomics, 56(7), 1116–1124. 젊은층과 노년층 모두 라이트 모드에서 읽기 성과가 좋았다는 연구라, 연령대별 설계를 볼 때 참고하면 도움이 돼요.
- Piepenbrock, C., Mayr, S., & Buchner, A. (2014). Smaller pupil size and better proofreading performance with positive than with negative polarity displays. Ergonomics, 57(11), 1670–1677. 밝은 화면에서 동공이 작아져 교정 정확도가 높았다는 결과라, 긴 글 화면을 설계할 때 참고하면 도움이 돼요.
- Dash, P., & Hu, Y. C. (2021). How much battery does dark mode save? An accurate OLED display power profiler for modern smartphones. In Proceedings of the 19th Annual International Conference on Mobile Systems, Applications, and Services (pp. 323–335). ACM. OLED 휴대폰에서 다크 모드의 실제 배터리 절감을 측정해, 절전 효과를 설명할 때 참고하면 도움이 돼요.
- Apple. (n.d.). Dark Mode. Human Interface Guidelines. 시스템 설정을 따르고 의미 기반 색을 쓰라는 공식 지침이라, iOS 다크 모드를 구현할 때 참고하면 도움이 돼요.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2 (W3C Recommendation). 명도 대비 4.5:1 기준(1.4.3)은 다크 테마에도 그대로 적용돼, 색을 고를 때 참고하면 도움이 돼요.
- Mozilla. (n.d.). prefers-color-scheme. MDN Web Docs. 웹에서 기기 테마를 감지하는 CSS 미디어 쿼리 문서라, 모바일 웹 다크 모드를 구현할 때 참고하면 도움이 돼요.