Colin's Blog
[swift] 어두운 모드와 밝은 모드에서의 색상 사용 가이드

iOS 13부터 사용 가능한 어두운 모드는 사용자에게 시각적으로 편안한 환경을 제공합니다. 그러나 이러한 어두운 모드에서는 화면의 색상 사용에도 신중한 접근이 필요합니다. 이 기사에서는 어두운 모드와 밝은 모드에서의 색상 사용에 대한 가이드라인을 살펴보겠습니다.

어두운 모드와 밝은 모드의 차이

우선, 어두운 모드와 밝은 모드는 밝기와 색상 대비 등에서 차이가 있습니다. 어두운 모드는 보통 어두운 배경과 주로 연함색 문자를 사용하여 밝기를 낮추고 시인성을 높입니다. 이에 반해 밝은 모드는 밝은 배경과 진함색 문자를 사용하여 시인성을 높이는데 중점을 두고 있습니다.

어두운 모드에서의 색상 사용 가이드라인

색상 대비

어두운 모드에서는 색상 대비가 높아집니다. 따라서, 문자와 배경 사이의 색상 대비가 충분히 확실하도록 선택해야 합니다. 쉬운 가이드라인으로는 WCAG에 따르면 4.5:1의 색상 대비가 필요합니다.

색상 선택

어두운 모드에서는 원래의 밝은 모드와는 다른 색상을 고려해야 합니다. 즉, 밝은 배경에서는 시인성이 좋았던 색상이 어두운 배경에서는 시인성이 떨어질 수 있습니다. 따라서, 양 모드에서 상호 교차 검증된 색상 팔레트를 사용하는 것이 좋습니다.

어두운 모드와 밝은 모드에서의 색상 사용 예시

버튼과 링크

어두운 모드에서는 주로 연함색 배경과 진함색 글씨를 사용하는 것이 좋습니다. 이에 따라서 어두운 모드에 맞는 컨트래스 전환을 고려하여 디자인을 해야합니다.

텍스트

어두운 모드에서는 가능한 연함색 배경 위에 진함색 텍스트를 사용해야하며, 색상 대비를 고려하여야 합니다.

결론

어두운 모드와 밝은 모드에서의 색상 사용은 시각적 경험에 영향을 미치는 중요한 요소입니다. 따라서, 어두운 모드에서의 색상 선택을 고려할 때에는 색상 대비와 색상 선택에 신중히 접근해야 합니다.

제안 사항에 대한 추가 검토 및 시연을 통해 사용자들이 어두운 모드와 밝은 모드에서 최상의 시각적 경험을 얻을 수 있도록 디자인을 개선할 수 있습니다.

참고 자료

© 2018 Colin. All rights reserved.