라이트 모드와 다크 모드
아이폰의 외관을 라이트 모드와 다크 모드로 변경할 수 있다는 것을 알고 계시죠? 방법이 궁금하시다면 이렇게 해보세요: 아이폰 설정을 열고 아래로 스크롤해 디스플레이 및 밝기를 탭합니다. 라이트와 다크로 표시된 두 가지 미리보기 이미지가 보일 겁니다. 원하는 것을 탭해 적용하세요. 이렇게 하면 환경에 맞게 화면을 설정할 수 있어 가시성이 향상되고 편안해집니다. 라이트 모드는 처음 아이폰이 출시된 이후부터 존재했습니다. 애플은 2019년 9월 iOS 13 / iPadOS 13과 함께 아이폰과 아이패드에 다크 모드를 공식 도입했습니다. 이 기능은 사용자 인터페이스를 커스터마이즈할 수 있어 많은 아이폰 사용자에게 반가운 소식이었습니다. 어떤 사람들은 라이트 모드를 선호하고, 또 어떤 사람들은 다크 모드를 열렬히 좋아합니다. 시간에 따라 두 모드 사이를 자동으로 전환하는 '자동' 옵션도 선택할 수 있습니다.
앱 개발자는 두 가지 모드 간 UI 디자인을 어떻게 제어할까요
어떤 앱은 라이트 모드에서는 완벽해 보일 수 있지만, 다크 모드에서는 완전히 다르게 나타날 수 있습니다. 경우에 따라 다크 모드는 개발자의 원래 디자인 의도를 방해해 색상, 대비, 전체 미학에 영향을 줄 수 있습니다. 그렇기 때문에 개발자는 모든 사용자가 일관되고 즐거운 경험을 할 수 있도록 두 모드에서 인터페이스를 신중하게 디자인하고 테스트해야 합니다. 한 가지 해결책은 라이트 모드와 다크 모드에 대한 별도의 뷰와 이미지 자산을 준비하는 것입니다. 그러나 이 방법은 앱이 성장하고 새로운 UI 구성 요소가 추가되면서 곧 중복되고 관리하기 어려워집니다. 이러한 이유로 대부분의 개발자는 이 방법을 피하고 두 모드에 자동으로 적응하는 더 확장 가능한 솔루션에 의존합니다.
시스템 UI 기능 활용
다행히 애플은 라이트 모드와 다크 모드 모두에 자동으로 적응하는 시스템 정의 색상을 도입했습니다. 이러한 내장된 색상을 사용하면 개발자는 사용자의 외관 설정에 따라 UI 요소가 원활하게 조정되도록 할 수 있습니다. 이는 별도의 디자인을 수동으로 관리할 필요를 없애고 두 모드 간 시각적 일관성을 유지하는 데 도움을 줍니다. 예를 들어, label, systemBackground, secondarySystemBackground와 같은 색상은 현재 외관에 따라 동적으로 변경되어 앱이 어느 환경에서도 읽기 쉽고 시각적으로 균형을 이루도록 합니다. 그래서 라이트 모드에서 다크 모드로 전환하면 기본 문자 색상이 검정에서 흰색으로 바뀝니다. 그러나 앱이 문자 색상을 검정으로 고정하면 다크 모드에서도 검정으로 남아 있어, 어두운 배경에서는 거의 보이지 않게 됩니다. 이 문제를 방지하기 위해 개발자는 시스템 색상을 사용하여 문자와 UI 요소가 각 모드에 적합한 색상으로 자동으로 적응하도록 합니다.
Splync의 카테고리 아이콘과 다크 모드 문제
Splync는 처음에 다크 모드 사용자에게 친화적이지 않았습니다. 한 사용자가 다크 모드에서 카테고리 아이콘이 잘 보이지 않는다고 보고했을 때, 즉시 대응할 수 없었습니다. 당시에는 앱의 핵심 기능 개선에 집중했기 때문에 이 시각적 문제를 우선시하지 않았습니다. 2026년 새해가 되면서 드디어 자세히 살펴보게 되었습니다. 발견한 것은 단순하지만 중요했습니다: 아이콘 이미지 자체가 순수한 검정색이었습니다. 기술적으로 말하면 색상 #000000로 고정되어 있었습니다. 이는 전화기의 모드와 관계없이 검정으로 남아 있음을 의미합니다. 그래서 다크 모드에서는 검정 아이콘이 어두운 배경 위에 마치 위장처럼 놓여 있었습니다. 게다가 아이콘 배경을 부드럽게 하기 위해 코드에서 고정된 흰색을 사용했습니다. 이는 라이트 모드에서는 괜찮았지만 다크 모드에서는 어색한 대비를 만들어 자연스럽지 않았습니다.
내 새 코드는 아이콘 색상에 어떻게 작용하나요
그래서 이렇게 변경했습니다. 색상을 강제하지 않고, 내 수정된 코드는 시스템이 아이콘 색상을 자동으로 결정하게 합니다; 라이트 모드에서는 검정, 다크 모드에서는 흰색입니다. 추가로, 각 카테고리의 고유 색상을 부드러운 배경 색조로 사용하고, 동일한 카테고리 색상으로 미세한 테두리를 추가하여 두 모드 모두에서 깨끗하고 읽기 쉽게 유지합니다. 간단히 말해, 색상을 강제하는 것을 중단하고 아이폰이 이를 지능적으로 처리하도록 했습니다. 이러한 개선 덕분에 카테고리 아이콘은 이제 라이트 모드와 다크 모드에 자연스럽게 적응하여 어느 환경에서나 명확하게 보이고 시각적으로 일관됩니다. 이 수정에는 많은 시간이 걸리지 않았지만, 오랜 기다림 끝에 다크 모드 사용자 문제를 가능한 한 빨리 해결하기 위해 즉시 업데이트를 출시하기로 결정했습니다.
색상은 중요합니다
'완벽한' 미학이란 없습니다. 모두가 디자인에 대한 다른 감각을 가지고 있습니다. 심지어 같은 사람이라도 그날 그날 기분이 다를 수 있습니다. 아침에 멋져 보였던 것이 밤에는 산만하게 느껴질 수 있습니다. 그래서 개발자는 사용자의 선택에 맞는 커스터마이제이션에 집중하면서도 단순하고 직관적인 사용성을 유지해야 합니다. 좋은 디자인이란 한 가지 스타일을 강요하는 것이 아닙니다. 사용자가 자신에게 맞는 것을 선택하도록 하는 것입니다. 그것이 제가 믿는 바입니다.