홈 › 칼럼

다크 모드 디자인 트랜드 사례 : 애플의 다크 모드 디자인, 애플 스타일가이드

· 똑디


"애플 컬러가 뭐야?"

누군가 묻는다면

저는 블랙&화이트가 제일 먼저 떠오르는데요.

여러분들은 어떠신가요? 🤔

그래서인지 애플은 원래도 다크모드디자인이

있었던것같지만 애플도 처음부터 

다크모드디자인이 있던건 아니었어요!


0ef5ece9bc1c3.png


애플이 다크 모드 디자인을 처음으로

도입한 것은 2018년입니다.

macOS Mojava와 iOS13업데이트에서

다크모드가 공식적으로 소개되었어요.

더불어 사용자들에게 화면 테마를

선택할 수 있는 기능을 제공했죠! 🤗

이로써 사용자들은 화면을 어둡게 조절하여

눈 건강을 보호하고 어두운 환경에서도

디바이스를 편안하게 사용할 수 있게 되었어요!


다크모드 디자인 트랜드는

우리의 디지털 세상에서 어두운 환경에서도

사용자 경험을 향상시킬 수 있는

강력한 방법 중 하나 입니다! 

이제 우리는 애플이 어떻게 다크 모드를

효과적으로 활용하여 사용자들에게

더 나은 경험을 제공하고 있는지 알아봐요!🥰


9b03c4eb70148.png


1. 애플의 다크 모드 디자인


애플은 iOS 13부터 다크 모드를

공식적으로 도입했어요!

이것은 아이폰 및 아이패드 사용자에게

어두운 환경에서의 사용자 경험을

개선해주게되었죠 🎉

앱 아이콘, 시스템 메뉴 및 텍스트가

어두운 배경에 조화롭게 표현되어서

사용자들이 디바이스를 어두운 환경에서도

눈에 띄게 이용할 수 있게 되었습니다.


6dacd5e287860.png


2. 명확한 대비


애플의 다크 모드 디자인에서

가장 중요한 부분 중 하나는

배경 색상과 텍스트 간의 

명확한 대비입니다.

대비를 잘 조절한 덕분에 애플은

주로 어두운 배경과 밝은 텍스트를

사용하여 읽기가 편안한 환경을

제공해주고있어요.

덕분에 우리는 글씨를 쉽게 

읽을 수 있게되었죠.

저도 다크 모드 디자인할때는

애플의 대비를 많이 참고하고있어요 😁


91dcb5f51d3af.png


3. 색상 팔레트의 활용


애플은 다크 모드를 위한

색상 팔레트를 신중하게 선택했어요.🎨

주로 어두운 모드에서 사용될 색상으로

검정색, 짙은 파랑, 그레이톤을 활용하여

사용자들이 앱을 눈에 띄게 식별하고

사용할 수 있도록 만들었죠.

중요한 액션 아이콘과 버튼은

밝은 라이트 블루로 강조되어 사용자가 

중요한 기능을 식별할 수 있도록 했어요!


af99c0af3ae05.png


4. 사용자 선택 기능


애플은 사용자 중심 디자인을 강조하고있죠.

그런 애플답게 다크 모드 또는 라이트 모드

선택옵션을 제공하여 사용자의 선호에

맞춰서 앱을 사용할 수 있도록 만들었습니다.

이것은 너무나도 당연한 선택이었죠! 😁


317811cf481af.png


5. 테스트와 피드백


애플은 다크 모드 디자인을 구현한 후에

사용자들을 대상으로 테스트를 진행하고

사용자 피드백을 수집하여 앱의 성능을

지속적으로 향상시키고 있어요!

사용자들의 의견을 듣고 반복적으로

개선사항을 적용해가면서 사용자들의

만족도를 높일 수 있도록 노력하고있죠 👏🏻


8e9a8967225fb.png


애플의 다크 모드 디자인은

사용자 경험을 향상시키고

앱의 시각적 매력을 높일 수 있는

훌륭한 사례 중 하나입니다.

이를 통해 사용자들은 애플의 제품을

어두운 환경에서도 편안하게

이용할 수 있게되었어요 😁

우리도 이런 사례를 참고해서

사용자 경험을 향상시킬 수 있는

멋진 다크모드디자인을 앱에 적용해봐요!



이 글은 똑디 블로그에 처음 게시된 칼럼입니다. 원문 보기 (ddokd.com)

우리 홈페이지에도 적용해 볼까요?

칼럼에서 다룬 기준으로 현재 홈페이지의 UX와 문의 흐름을 함께 점검해 드립니다.

← 칼럼 목록으로