안녕하세요? 오늘은 또 어떤 주제로 이야기를 해봐야할까 참 고민을 많이 했는데,
한번쯤 다들 작업하면서 고려해봤을 다크모드에 관한 주제로 길지 않고 짧게 한번 정리해보려합니다🍀
왜 갑자기 다크모드?
다크모드가 아주 안정적으로 자리잡은지 사실 꽤 되었다는걸 다들 아실텐데요!
왜 이제 와서 뒷북치냐 하실 수 있지만 그저 기록용으로 한번 작성해봅니다.
눈의 피로도를 줄여준다는 다크모드. 그래서 한창 인기였던 것도 있지만, 개인적으로 저는 눈의 피로도도 피로지만! 뭔가 다크모드의 어두운 ui가 간zi난달까요? 어두운데 더 심미적 안정감이 있더라고요.
실제로 다크모드를 자주 사용하시는 이유들이 저와 사뭇 다르지 않기도 합니다.
1. 시각적 피로감 감소
다크모드는 화면을 오래 바라볼 때 눈의 피로를 덜어줄 수 있다고 하는데요! 특히 어두운 환경에서 눈부심을 최소화 해주기 때문에 긍정적인 영향을 줄 수 있다는 기사나 아티클을 볼 수 있는 반면에, 또 다른 여론으로는 눈에 피로를 덜어줄 수 있지만 눈 건강에는 반대로 좋지 않다는 이야기도 있더라고요?
피로감을 줄일 것이냐, 건강을 줄일 것이냐 선택은 사용자의 몫..ㅎ
2. 배터리 절약
검은색 픽셀은 에너지 소모가 덜하기 때문에 화면 전체가 어두운 상태일수록 배터리 소비를 줄일 수 있다고 하더라고요.
근데, 그럼 디스플레이 밝기 낮추는 것도 배터리 절약이 된다고 하잖아요? 그래서 같은 원리인건가 싶어서 찾아봤더니 고건 또 비슷하지만 다른거래요! 안궁금하셔도 알려드릴게요.
밝기는 낮춰서 배터리 소비를 낮추는 방법은 전체적으로 덜 밝게 빛나기 때문에 전력이 적게 사용되고 이 방법은 LCD/OLED포함 기기에서 적용되는 원리이고, 다크모드를 사용해 낮추는 방법은 OLED디스플레이에서만 해당된다고 합니다.
LCD는 보급형 핸드폰에 많이 사용되고 OLED는 고급형 모델들에서 볼 수 있답니다? 아무튼 근데 LCD에서는 검은색상도 빛이 사용되기 때문에 절약 효과가 거의 없고, 결론적으로 LCD형 핸드폰에는 다크모드를 사용해도 배터리 절약 효과가 없다고 보면 되는 것..- 👻
3. 심미적 만족감
많은 사람들이 저처럼 간zi + 세련된 ui를 선호하기 때문에 밝은 화면보다 현대적이고 집중력을 높이는 느낌을 주는 어두운화면에 더 만족감을 느끼기 때문에 다양한 곳에서 많이 사용된다고~..
단점도 분명하게 있지만 사용자에게 2가지라는 나름 다양한 선택지를 줄 수 있는 것만으로도 메리트가 있기 때문에 많은 서비스들이 많이들 도입했습니다.
다크모드 작업 시 참고사항
보통 일반적으로는 다크모드 먼저! 작업하고 라이트모드를 만드는 경우는 드물고, 그 반대가 많죠?
라이트에서 다크로 변경할 때에 폰트와 백그라운드만 바꾸게 된다면 대비가 상당히 강해서 그레이스케일 색상이 아니라면 굉장히 튀어보일 수 있거든요. 그래서 무채색이 아니라면 어느정도 컬러의 조정을 해줘야할 필요가 있습니다.
라이트에서 사용했던 색상을 그대로 반전해서 사용하면 편하고 좋겠지만..? 라이트와 다크모드의 깊이감 표현은 조금 달라서 고런 부분도 신경써줘야 합니다. 라이트에서는 카드영역와 백그라운드의 색상이 동일해도 그림자를 통해 분리해줄 수 있지만 다크모드에서는 위에 있는 항목요소를 좀 더 밝게해주는 것이 베스트입니다. 다크모드에서는 그림자를 딱 줘도 명확하게 보이진 않으니까 고런 부분도 고려해야해요.
그리고 한가지 더 추가적으로 전에 uiux 디자인 기초지식에서 다뤘던 온연한 black/white(#000000/#ffffff) 보다는 그 아랫단계 큰 차이는 없지만 010101이라든지의 색상을 사용하는게 피로감 측면에서 좋다는 점-
참 까다롭죠?
그래도 요즘은 피그마로 컬러팔레트도 싹 만들어 놓고 손 쉽게 전환하고 할 수 있으니 다덜 편하게 작업해보세요 ㅎㅎ..
저도 나중에 기회가 된다면 작업하고 또 올리러 오겠습니다 깔깔🏃♂️
🍀같이 보면 좋은 포스팅🍀
2025.03.12 - [아티클] - 알아두면 좋은 (UIUX)디자인 기초지식
2025.02.26 - [아티클] - 사람들이 잘 모를수 있는 UI 용어 파헤치기🔥
'아티클' 카테고리의 다른 글
| 냄새를 시각화할 수 있을까? (1) | 2025.04.08 |
|---|---|
| 못생겨야 뜬다? 요즘 디자인 트렌드의 비밀 (7) | 2025.04.02 |
| 디자인 블로그 SEO 검색최적화 하기 (4) | 2025.03.31 |
| 신기한 디자인 착시효과 3가지 (1) | 2025.03.25 |
| 디자인 레퍼런스 사이트 추천 (1) | 2025.03.21 |