본문 바로가기
Global UX_UI Design

[UI Design] - 다크모드 디자인시 알아두어야 할 9가지 테크닉

by leejey 2023. 2. 16.

다크모드 디자인 시 알아두어야할 9가지 테크닉을 정리한 링크 입니다.

 

 

Mastering the Art of Dark UI Design: 9 Essential Principles and Techniques

Dark UI design often called Dark Mode or simply lights out mode, is a user interface with a color scheme that resembles a negative in…

medium.muz.li

위의 링크에 방문해 보시면, 다크모드시 알고 있어야할 사항들이 정리되어있습니다.

 

[ 9가지 제목정리 ]

1. Aboid Pure Colors

- 완전흰색(#FFF) 과 완전검은색(#000) 사용을 피하라.

 

2. Avoid Pure White Text

- 완전 흰색(#FFFFFF) 글자를 피하라.

 

3. Leverage Negative Space

- 여백의 미, 숨은공간의 활용으로 더 나은 UX 결과를 얻어라.

 

4. Be careful of Color Saturation

- 컬러를 사용할때에 채도에 주의하자~!

 

5. Seek to Preserve Your Brand Identity

- 다크모드에서도 브랜드의 정체성을 유지해야함을 명심하라.

- 아래 링크에 보면 Opensea사이트를 예제로 보여주고 있다.

 

6. Avoid Shadows in Dark Mode

- 다크모드에서는 그림자효과를 신중히 선택하지 않으면 혼란스러울 수 있음을 설명

 

7. Strive To Meet Website Accessibility Standards

- 웹접근성을 준수하기 위한 노력

 

8. Adjust Your Imagegs

- 다크모드에서도 잘 보일 수 있도록 이미지를 보정하는 것이 좋다.

 

9. Give Users a Choice

- 다크모드를 사용할 때에는 사용자가 항상 선택할 수 있도록 해주는 것이 좋다.

 

아래가 본문 사이트입니다. 들어가시면 위의 9가지에 대한 자세한 설명과 예시디자인을 보실 수 있습니다.

오늘도 UI Desginer분들 화이팅~!

 

 

Mastering the Art of Dark UI Design: 9 Essential Principles and Techniques

Dark UI design often called Dark Mode or simply lights out mode, is a user interface with a color scheme that resembles a negative in…

medium.muz.li

 

'Global UX_UI Design' 카테고리의 다른 글

UI 용어 정리 - 스피너, 피커, 스테퍼  (0) 2025.02.28