카운터와 어두운 페이지

운영체제와 브라우저에 어두운 표시 모드가 널리 퍼지면서 외부 그림을 어떻게 평가하고 고를지가 근본적으로 바뀌었습니다. 이제 독자 가운데 상당수가, 특히 저녁이나 어두운 환경에서, 짙게 어두운 배경 위의 밝은 글을 적극적으로 선호합니다.

그 큰 선호 변화가 오래되고 뻣뻣한 여러 그림 파일의 중대한 결함을 드러냅니다.

단단한 새하얀 배경으로 디자인된 그림은 어두운 테마의 웹페이지에 놓이는 순간 눈부시게 밝고 거친 사각형으로 나타납니다. 조명처럼 공격적으로 튀어, 정성껏 만든 차분한 어두운 화면의 미감을 완전히 부숩니다.

보조적인 측정 도구는 눈을 힘들게 하는 요란한 방해가 아니라 조용하고 튀지 않는 배경 정보원이어야 합니다.

투명이 푸는 것과 풀지 못하는 것

이 문제를 다루려면 브라우저에서 그림 투명이 어떻게 도는지 알아야 합니다. 어떤 파일 형식은 그림의 일부를 완전히 비쳐 보이게 하여 웹페이지의 바탕색이 그림을 통해 드러나게 합니다.

디자인이 투명 배경을 쓰면 페이지가 밝든 어둡든 숫자가 페이지 위에 곧바로 놓인 것처럼 보입니다. 그러나 투명은 자기만의 문제를 들여옵니다.

숫자 자체가 짙은 검정으로 그려져 있다면, 배경이 짙은 회색이나 짙은 파랑이 되는 순간 완전히 보이지 않게 됩니다. 투명 배경은 밝은 상자 문제를 풀지만 기본적인 읽힘에 필요한 대비를 망칩니다.

두 배경 모두에서 되는 어두운 그림

밝은 표시와 어두운 표시를 동시에 감당하는 가장 튼튼한 해법은, 투명을 일부러 피하고 어디서나 통하는 단단한 색을 쓰는 디자인을 고르는 것입니다. 중간 회색 배경이나 짙게 물든 어두운 배경에 밝고 빛나는 숫자를 얹은 디자인은 모든 환경에서 아주 잘 굽니다.

흰 페이지에서 어두운 그림은 깔끔하고 의도된 대비를 주어 배치 아래쪽의 단단한 시각적 닻이 됩니다.

어두운 페이지에서는 둘레의 그늘에 매끄럽게 녹아들어, 거친 시각적 충격 없이 읽힘을 지킵니다. 단단하고 정성껏 고른 색을 그렇게 쓰면 완전한 일관성이 보장됩니다.

그림자 대신 테두리

또는 뚜렷하고 다듬어진 테두리를 쓰는 디자인이 대비되는 두 테마 사이를 성공적으로 이을 수 있습니다. 흰 안쪽 상자를 둘러싼 단단한 검은 테두리는 그림의 경계를 분명히 정합니다.

흰 페이지에서 테두리는 필요한 윤곽을 줍니다. 어두운 페이지에서 테두리는 전이 구역 노릇을 하여 밝은 안쪽을 감싸고 시각적 충격을 누그러뜨립니다.

핵심은 은은한 그러데이션이나 부드러운 그림자에 기대는 디자인을 피하는 것입니다. 그런 효과는 뜻밖의 배경색에 놓이면 거의 언제나 끔찍해 보입니다. 평평하고 또렷하게 정의된 디자인을 고르면 표시가 선명하고 단정하며 완전히 읽히는 채로 남습니다. 읽는 기기에 지금 어떤 표시 선호가 켜져 있든 말입니다.