본문 바로가기

Drafts

앱 텍스트 색상에 #000000 검정을 쓰지 않는 이유

이유:
#ffffff 의 흰색과 #000000의 검정은 명도 대비가 100%여서, 눈에 피로감(eye strain)을 준다.

 

참고_

uxmovement.com/content/why-you-should-never-use-pure-black-for-text-or-backgrounds/

 

Why You Should Never Use Pure Black for Text or Backgrounds

Did you know that pure black text can cause eye strain? A survey found that “58 percent of adults in the U.S.” have experienced eye strain from working on computers. Designers can do their part to reduce the likelihood of eye strain on their designs by

uxmovement.com

그리고 개인적인 다른 이유들:

검정이 아닌 아주 어두운 회색은 미묘하지만 배경에 살짝 조화되는 효과가 있다. 그래서 더 정돈되어보인다.

stack Exchange의 몇몇 답변들은 그냥 트렌드라고 하기도 한다. 

 

그럼 무슨 회색을 써야하나?

1. 앱의 전반적인 분위기와 메인컬러 고려

: 로고나 메인컬러, 혹은 분위기에 따라 웜하거나 쿨한, 혹은 뉴트럴한 회색 사용. 단순히 텍스트는 무슨 색이다. 라고 단정짓지 말고, 전체적인 색상 가이드에 포함시켜야 한다. 즉 프로덕트의 컬러팔레트가 app text까지 포함해야 한다는 것.

 

2. 배경과의 합 고려

: 배경색 또한 #ffffff이 아니기 때문에, 배경과 잘 녹아드는 회색을 골라야 한다. 너무 뜨거나 안읽히진 않는지, 둘의 대비가 너무 낮지 않은지 확인.

 

3. 저시력자 고려

: 고대비(high contrast) 옵션이 있지만, 배경과 텍스트의 대비가 낮아 읽히지 않거나 혹은 더 큰 문제를 유발하진 않는지 확인한다.

 

참고_

스타일 쉐어의 grayscale 정리

medium.com/styleshare/%EC%9A%B4%EC%98%81%EC%A4%91%EC%9D%B8-%ED%94%84%EB%A1%9C%EB%8D%95%ED%8A%B8%EC%97%90-%EC%83%88%EB%A1%9C%EC%9A%B4-gray-scale-%EC%A0%81%EC%9A%A9-%EB%8C%80%EC%9E%A5%EC%A0%95-de58bfc9da29

 

운영중인 프로덕트에 새로운 Gray Scale 적용 대장정

by Bomi Sa

medium.com

접근성을 고려한 회색 찾기

uxdesign.cc/designers-should-avoid-pure-black-typography-but-which-dark-gray-should-we-use-2d7faa07083a

 

Designers should avoid pure black typography — but which dark gray should we use?

How to choose accessible dark gray typography for your designs.

uxdesign.cc

 

'Drafts' 카테고리의 다른 글

경제주간지 기록_4월 3주차  (0) 2021.04.14
교보문고 앱 분석  (0) 2021.04.11
경제주간지 기록_4월 2주차  (0) 2021.04.08
쿠팡이츠 앱 분석 (1)  (0) 2021.04.02
닐슨 노먼의 사용성 휴리스틱 10가지 원칙  (0) 2021.02.23