Column
E-FUSIONI COLUMN
타이포그래피에서 순수 블랙(검정)이란? (feat. 눈아파)
우리가 아는 검은색은 진짜 검은색일까? 순수 블랙(#000000) 자체는 RGB 값이 (0, 0, 0)인 완전한 검은색을 의미하지만, 디자인에서 이 색상을 사용하는 것에 대한 주의가 필요합니다. 자연에서 완벽한 검은색은 드물며, 대부분의 물체는 약간의 빛을 반사하여 어두운 회색에 가까운 색상을 띱니다. 따라서 순수 블랙 대신 사용할 수 있는 몇 가지 대안이 있습니다. 아래는 순수 블랙(#000000)과 대안이 될 수 있는 어두운 회색 (#222222)를 비교한 내용입니다.
어느 쪽이 편안해 보이나요?
순수 블랙을 사용할 경우
가독성과 눈의 피로
순수 블랙과 순수 화이트의 극단적인 대비는 가독성을 높일 수 있지만, 동시에 눈의 피로를 유발할 수 있습니다. 장시간 읽기에는 적합하지 않을 수 있으므로, 텍스트의 양이 많은 경우 주의가 필요합니다.
자연스러움의 부족
완전한 순수 블랙은 자연에서 거의 찾아볼 수 없습니다.
자연에서 우리가 “검은색"이라고 인식하는 대부분의 물체들은 실제로 약간의 빛을 반사합니다. 예를 들어, 지금 이 글을 읽고 있는 곳에서 보이는 검은색이라고 보이는건 실제로 어두운 회색에 가깝습니다. 이렇듯 다른 색상들과 함께 순수 블랙을 사용할 때 어색하고 이질적으로 보일 수 있습니다.
자연에서의 블랙
주변 색상과의 부조화
순수 블랙은 주변의 다른 색상들을 압도하고 제압할 수 있습니다. 이로 인해 디자이너가 신중하게 선택한 다른 색상들의 효과가 감소할 수 있습니다.
빛 번짐 현상
대비가 극과극(블랙, 화이트)이 되면 텍스트 주변이 뿌옇게 보이는 빛 번짐 현상(halation)이 발생할 수 있습니다.이는 가독성 저하로 이어집니다.
그렇다면, 어떻게 할 것인가?
자연에서 만들어진 블랙을 참고하여 고객사의 Primary 컬러를 활용한 짙은 회색으로 구성. Primary 컬러가 레드와 블루라는 가정하에 만들어 본 짙은 회색. 브랜드 색상의 연속으로 자연스럽게 조화를 이룰 수 있습니다.
Primary 컬러를 활용한 Gray Scale
더 나은 변화를 위한 더 나은 가독성
눈의 피로를 줄이기 위해 디자인하면 사용자가 인터페이스에서 콘텐츠를 읽고 즐기는 데 더 많은 시간을 할애할 수 있습니다.
Primary컬러가 없을 경우라면, 어두운 회색을 추천합니다.
순수 블랙 대신 어두운 회색 (예 : #222222)을 사용하면 여전히 강한 대비를 유지하면서도 더 부드럽고 자연스러운 느낌을 줄 수 있습니다.
색의 혼합
페이지의 주요 색상을 약간 혼합하여 검은색을 만드는 것도 좋은 방법입니다. 이렇게 하면 전체적인 디자인과 더 잘 어울리는 색상을 만들 수 있습니다.
더 나은 변환을 위한 더 나은 가독성
검은색과 흰색은 자주 사용되는 기본 색상입니다. 디자이너로서 우리는 위와 같이 텍스트와 배경색의 관계에 주의를 기울여 사용자 눈의 피로를 줄일 수 있습니다.
읽기에 크게 의존하는 콘텐츠 밀도가 높은 앱의 경우 더욱 그렇습니다.눈의 피로로 줄일수 있는 방법을 제시한다면, 사용자는 더 많은 시간동안 콘텐츠를 즐길 수 있습니다. 따라서 간접적으로 앱의 전환율을 이끌수 있습니다.