🗨️ 다크테마 디자인에 필요한 8가지 꿀팁 🗨️ 1. '순수한 검정색' 을 피하세요. 완전 검은 배경에 완전 흰 글씨는 고대비로 눈을 피로하게 만듭니다. 구글의 머터리얼 가이드는 다크테마 배경으로 #121212를 쓰는 것을 권장하고 있습니다. 2. 고채도 컬러를 피하세요. 밝은 화면에서는 채도 높은 컬러가 보기 편하지만, 어두운 화면에서는 시각적 떨림을 유발합니다. 가독성이 좋은 밝은 톤의 컬러를 사용해서 색상을 다루는 것을 권장합니다. 3. 접근성을 위해 색상 대비 표준을 지켜야 합니다. 다크 테마에서도 편하게 색상을 볼 수 있도록 적절한 대비가 유지되어야 합니다. 구글의 머터리얼 디자인 가이드는 배경 대비 글자의 색상 대비를 15.8:1로 권장하고 있습니다. 여전히 어렵다면, Color Contrast Tools(uxpro.cc/toolbox/accessibility/color-accessibility) 을 활용해보세요. 4. 텍스트에 'On' 컬러를 사용하세요. 텍스트의 색상에 따라 활성화 상태를 나눌 수 있습니다. 일반적으로 강조되는 텍스트는 87%, 보통의 텍스트는 60%, 비활성화된 텍스트 상태는 38% 흰색을 사용합니다. 5. 라이트테마와 다크테마를 같게 만들려고 하지 마세요. 같은 컬러도 백그라운드에 따라 다른 느낌을 줍니다. 즉, 다크테마로 만든 화면은 라이트테마와 절대 같은 느낌을 줄 수 없습니다. 두 가지 테마를 동일시하려는 것보다 각 테마의 장점을 살리는 방향이 좋습니다. 6. '깊이'를 전달하세요. 위로 떠오를 수록 색상이 밝아지고, 깊어질수록 어두워집니다. 하단에 깔리는 컴포넌트는 어둡게, 반대로 상단의 컴포넌트는 밝게 조절하는 것이 좋습니다. 7. 사용자가 원한다면 다크 테마로부터 벗어날 수 있도록 하세요. 시스템이 강제로 다크 테마로 바꾸거나 유지할 수도 있지만, 별로 좋은 아이디어는 아닙니다. '모드 스위치'와 옵션 패널을 만들어서 사용자가 스스로 테마를 선택할 수 있도록 하세요. 8. 라이트, 다크테마 모두 테스트를 하세요. 각각의 테마가 실 기기에서 어떻게 보이는지 테스트하고, 테스트 결과에 따라 각각 수정을 해야합니다. 해가 진 후 실내등에서 사용해보는 것도 좋은 방법입니다.