반응형

텍스트나 배경에 순수한 검정을 사용하면 안 되는 이유

 

https://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

순수한 검정색 텍스트가 눈의 피로를 유발할 수 있다는 것을 알고 계셨습니까? 조사  따르면 "미국 성인의 58%"가 컴퓨터 작업으로 인해 눈의 피로를 경험한 적이 있습니다. 디자이너는 사용하는 검정색에 주의하여 디자인에 대한 눈의 피로 가능성을 줄이기 위해 자신의 역할을 할 수 있습니다.

흰색 배경에 순수한 검정 텍스트

흰색 배경에 순수한 검정색 텍스트는 사용자가 오랜 시간 동안 텍스트를 읽을 때 눈의 피로를 유발할 수 있습니다. 흰색은 색상 밝기가 100%이고 검은색은 색상 밝기가 0%입니다. 색상 밝기의 이러한 차이는 텍스트를 읽을 때 눈을 과도하게 자극하는 강렬한 조명 수준을 만듭니다. 이로 인해 눈 은 밝기에 적응하기 위해 더 열심히 일 하게 됩니다 .

이 개념을 보여주는 예는 어두운 방에서 밝은 조명을 켤 때입니다. 조명 조건의 이러한 급격한 변화는 우리의 눈에 가혹합니다. 그러나 어두운 방에서 희미한 조명을 켜면 대비의 급격한 증가로 인해 망막이 과도하게 자극되지 않기 때문에 눈이 변화에 더 쉽게 적응합니다.

흰색 바탕에 검은색 글씨 대신 짙은 회색 글씨를 사용하여 밝기 변화가 심하지 않게 합니다. 이것은 망막의 과도한 자극을 방지하고 사용자가 더 오랜 기간 동안 읽을 수 있도록 합니다.

연구 연구  따르면 "흰색 배경의 검은색 텍스트는 OFF 신경절 세포를 과도하게 자극하고 검은색 배경의 흰색 텍스트는 ON 신경절 세포를 과도하게 자극합니다." 이 발견은 "검은 화면의 흰색 텍스트는 근시를 억제할 수 있지만 흰색 배경의 검은 텍스트는 근시를 자극할 수 있다"는 것을 의미합니다. 이 연구는 대조 극성의 현저한 효과로 인해 흰색 배경에 검은색 텍스트를 읽지 말라고 조언합니다.

순수한 검정색 배경에 흰색 텍스트

흰색 텍스트와 함께 순수한 검정색 배경을 사용하지 말아야 하는 이유도 있습니다. 순수한 검정색 배경은 화면에서 방출되는 모든 빛을 죽입니다. 이것은 더 많은 빛을 흡수해야 하기 때문에 눈이 더 열심히 일하고 더 크게 뜨게 만듭니다. 이 경우 흰색 글자가 검정색 배경으로 번져 텍스트가 흐려질 수 있습니다. 이 효과는 " 할레이션 " 으로 알려져 있으며 모든 연령대의 사람들이 가질 수 있는 난시 가 있는 사용자에게 영향을 미칩니다 .

검정색 배경 대신 어두운 회색 배경을 사용하여 더 많은 빛이 방출되고 텍스트가 번지지 않도록 합니다. 이렇게 하면 눈의 피로가 줄어들고 독서 체력이 강화됩니다.

접근성을 위한 고대비

순수한 검정은 모든 사용자에게 해롭지 않습니다. 시각 장애가 있지만 맹인이 아닌 저시력 사용자는 검정색 배경에 순수한 검정색 텍스트 또는 흰색 텍스트가 있는 텍스트를 더 잘 읽는 경향이 있습니다. 그들을 위해 디자인할 때 접근성 모드에 검은색을 사용해야 할 수도 있습니다. 시력이 정상인 사용자의 경우 눈의 피로를 방지하기 위해 검은색 위에 짙은 회색을 사용하십시오.

더 나은 가독성을 위한 균형 잡힌 대비

높은 색상 대비는 가독성에 유용합니다. 그러나 색상 대비가 너무 높으면 사용자가 읽을 때 눈에 영향을 미치는 조명 수준의 상당한 차이가 발생합니다. 텍스트와 배경색 간의 대비 균형은 사용자의 눈에 안전한 텍스트를 만드는 효과적인 방법입니다.

색상 대비가 확실하지 않은 경우  색상 대비 검사기  를 사용하여 자신에게 적합한 최적의 범위를 찾을 수 있습니다. 접근성 지침 에 따라 색상 대비가 너무 낮을 때 표시됩니다  . 그러나 색상 대비가 너무 높을 때는 표시되지 않습니다. 그 결정은 디자이너의 세심한 눈에 달려 있습니다.

텍스트 색상은 흑백으로 제한되지 않지만 텍스트의 가장 일반적인 색상 조합입니다. 디자이너는 그것을 사용하기 전에 사용자의 눈에 어떤 영향을 미치는지 생각해야 합니다. 눈의 피로를 줄이는 디자인은 사용자가 인터페이스의 콘텐츠를 읽고 즐기는 데 더 많은 시간을 할애할 수 있음을 의미합니다.

반응형

'프로그래밍 > Style & Design' 카테고리의 다른 글

Pixabay 이미지  (0) 2022.10.13
브라우저 화면 드레그 안되게 css  (0) 2022.10.04
image , giphy, Drunk fall  (0) 2022.06.16
랜딩 페이지란 무엇인가요?  (0) 2022.05.27
smile-o meh-o frown-o  (0) 2022.04.15

+ Recent posts