어두운 모드에서의 내 썸네일

작업하는 캔버스가 잘못된 바닥이다

모든 디자인 도구는 흰 화면으로 열립니다. 만드는 동안 작업물은 흰 바닥 위에 놓여 있고, 그때 내리는 판단들 — 이 그림자를 얼마나 어둡게 할지, 이 가장자리가 읽히는지, 광채가 얼마면 과한지 — 은 전부 시청자가 쓰고 있지 않을 수도 있는 배경을 상대로 내려집니다.

어두운 모드가 사람들을 놀라게 하는 이유가 여기에 다 있습니다. 어두운 모드가 더 어려운 것이 아닙니다. 작업이 반대쪽 바닥에서 이뤄졌고 진짜 바닥에서 한 번도 확인되지 않은 것입니다. 다크 모드는 시청자가 고르는 설정이고, 유튜브가 그 위치를 안내합니다. 감지하거나 끄거나 파일 하나로 비켜 갈 수 있는 것이 아닙니다.

바뀌는 것은 두 가지이고, 그중 대비는 하나뿐

측정 가능한 변화는 경계입니다. 내 화면의 가장자리 대 페이지. 그것은 산수이고, 숫자는 피드에서 살아남는 색 가이드에 있습니다. 이 가이드는 그것을 되풀이하지 않습니다.

산수가 아닌 변화는 겉모습입니다. 같은 이미지가 흰 주변보다 어두운 주변에서 더 밝고 더 채도 높게 보입니다. 눈은 밝기를 옆에 있는 것과의 관계로 읽기 때문입니다. 흰 바닥에서 맞춘 작업은 어두운 곳에서 요란해 보일 수 있고, 어두운 바닥에서 맞춘 작업은 흰 곳에서 바래 보일 수 있습니다. 파일에서 바뀐 것은 아무것도 없습니다.

완전히 작동을 멈추는 기법들

측정할 값어치가 있는 부분이고, 미묘하지도 않습니다. 썸네일 작업의 세 가지 기둥이 모두 거의 검정으로 만들어져 있는데, 거의 검정은 유튜브의 어두운 페이지가 이미 그런 색입니다.

첫 열은 이렇게 읽으세요. 이것은 아무 일도 하지 않는다. 흰 페이지에서 피사체를 훌륭하게 떼어 놓던 비네트가 어두운 페이지에서는 1.1:1을 보탭니다. 아무것도 그리지 않은 것과 구별되지 않습니다. 이 기법들의 모든 노동은 한쪽 테마에서만, 마침 그 테마에 있는 시청자를 위해서만 이뤄집니다.

어두운 바닥의 밝은 형태는 반대로 움직인다

다른 비대칭은 글자에 있고, 대비 숫자가 시사하는 것과 반대 방향으로 갑니다. 어두운 바닥의 밝은 형태는 번져 나갑니다. 같은 형태를 밝은 바닥에 어둡게 놓은 것보다 조금 더 크고 굵어 보입니다. 밝은 면적이 주변 어둠으로 흘러들기 때문입니다.

썸네일에서는 양쪽으로 작용합니다. 어두운 이미지 위의 흰 굵은 서체는 막힐 수 있습니다. 글자 속공간이 광채로 채워지고 단어가 하나의 덩어리로 두꺼워집니다. 반대로 가는 서체는 같은 굵기를 밝은 바닥에 어둡게 놓았을 때보다 어두운 모드에서 더 잘 버팁니다. 어두운 모드가 더 관대한 유일한 지점입니다.

실전에서 이것은 굵기에 대한 규칙이 아니라 들여다볼 이유입니다. 흰 바닥에서 살아남을 만큼 굵게 잡은 글자가 어두운 바닥에서는 너무 굵을 수 있습니다. 썸네일 작업에서 해법이 굵기를 *줄이는* 것인 유일한 상황입니다.

이득을 보는 것, 그리고 그 안의 함정

밝은 강조는 정말로 이득을 봅니다. 채도 높은 색은 #0F0F0F 위에서 같은 색을 흰 바닥에 놓았을 때보다 강하게 읽히고, 어두운 구성 안의 단 하나의 밝은 요소는 밝은 구성에서보다 존재감이 큽니다.

함정은 그것이 이웃들에게도 똑같이 참이라는 점입니다. 어두운 테마에서는 줄에 있는 모든 썸네일이 각자의 주변에 비해 더 밝습니다. 그러니 이득은 공유되고, 내 타일이 더 선명해지는 대신 줄 전체가 시끄러워집니다. 상대적인 가시성은 바뀌지 않고 전체 수준만 올라갑니다. 밝은 페이지에서 가장 환한 존재로 이기던 작업이 어두운 페이지에서는 평범해질 수 있는 이유입니다.

피사체의 윤곽이 중요해지기 시작한다

흰 페이지에서는 어두운 피사체가 조명이 어떻든 화면 가장자리에 의해 페이지와 분리됩니다. 어두운 페이지에서는 그 분리가 이미지 안에서 나와야 하고, 어두운 머리카락과 어두운 옷과 어두운 배경은 #0F0F0F를 상대로 그냥 경계 밖까지 이어집니다.

그 결과 썸네일이 두 테마에서 서로 다르게 잘린 것처럼 보입니다. 어두운 쪽에서는 구성 중 거의 검정이던 부분이 이미지가 아니라 페이지로 읽히고, 타일의 보이는 형태는 남은 것뿐입니다. 어두운 배경 앞에 선 인물은 머리 위쪽을 페이지에 빼앗길 수 있습니다.

해법은 전체를 더 밝게 만드는 것이 아닙니다. 피사체가 화면 가장자리와 만나는 자리에 분리의 실선을 두는 것입니다. 인물 뒤의 조금 더 밝은 배경 띠, 어깨 뒤에서 오는 빛, 또는 그냥 인물을 안쪽으로 옮겨 가장자리를 중간 톤이 맡게 하는 것.

어두운 바닥에서 먼저 작업하라

이 가이드에서 가장 값싼 변화는 작업 순서의 변화입니다. 어두운 캔버스에서 썸네일을 만들고, 흰 바닥에서 나중에 확인하세요.

이것이 통하는 이유는 실패가 한 방향으로만 흐르기 때문입니다. 어두운 바닥에서 버티는 작업은 흰 바닥에서도 거의 항상 버팁니다. 기대고 싶었을 비네트와 그림자가 애초에 추가되지 않았으니 구성이 스스로 버텨야 했던 것입니다. 반대는 성립하지 않습니다. 흰 바닥에서 만든 작업은 어두운 페이지가 지워 버리는 바로 그 거의-검정 기법들에 자주 의존합니다.

썸네일이 보일 크기로 작업하고 원본 크기로 작업하지 말라는 것과 같은 논리입니다. 더 어려운 제약 아래에서 일하면 쉬운 경우는 공짜로 따라옵니다.

어두운 모드에서 내 글자는 인터페이스의 글자와 겨룬다

거의 아무도 계산에 넣지 않는 비대칭이 여기 있습니다. 영상 제목은 썸네일 바로 아래에 놓이고, 그 색은 테마에 따라 뒤집힙니다. 밝은 페이지에서는 어두운 글자, 어두운 페이지에서는 밝은 글자.

그래서 밝은 테마에서는 썸네일의 흰 글자와 어두운 제목이 서로 다른 두 가지이고 둘로 읽힙니다. 어두운 테마에서는 둘 다 어두운 바닥의 밝은 글자이고, 몇 픽셀 간격으로 쌓여 있습니다. 눈은 그 둘을 하나의 글자 덩어리로 읽고, 그 안에서 내 문구는 그저 첫 줄입니다.

제목을 썸네일 안에 쓰지 말아야 한다는 가장 강한 근거이고, 이것은 어두운 모드에서만 드러납니다. 거의 같은 내용을 말하는 거의 같은 흰 글자 두 줄은 강조가 아닙니다. 하나의 메시지가 두 배의 자리를 차지하는 것입니다. 이 짝의 문제는 클릭률 가이드에서 더 자세히 다룹니다.

흰 테두리 문제

화면 전체를 감싸는 흰색이나 밝은 외곽선은 어두운 모드에 대한 표준 답이고, 경계 문제를 실제로 해결합니다. 다만 두 가지 유보 사항이 있고, 첫째는 뻔한 쪽이 아닙니다.

밝은 테마에서는 보이지 않습니다. 거기서 흰 가장자리를 쓸모없게 만드는 그 1.0:1의 경우 그대로입니다. 어두운 모드를 위해 고른 테두리는 시청자의 절반에게는 테두리 없음입니다. 그리고 썸네일의 성격이 바뀝니다. 액자에 든 이미지는 어떤 것의 사진으로 읽히고, 액자가 없는 이미지는 그것 자체로 읽힙니다. 실제 교환이고, 임시 대처가 아니라 의도적으로 선택할 값어치가 있습니다.

문제를 빨리 찾는 점검 순서

세 번 보면 되고, 첫 번째가 대부분을 잡습니다.

1. 같은 파일 아래에서 테마를 바꾸기두 번 내보내는 것이 아니라, 같은 썸네일을 두 바닥에 올려 보는 것입니다. 찾는 것은 무엇이 나타나고 사라지는지이고, 무엇이 더 예쁜지가 아닙니다.
2. 어두운 쪽에서 눈을 가늘게 뜨기자기 시야를 흐리면 작업이 밝고 어두운 덩어리로 줄어듭니다. 타일 크기가 하는 일과 대체로 같습니다. 피사체와 배경이 뭉쳐 버린다면 테두리로는 해결되지 않고, 구성으로 해결됩니다.
3. 타일이 아니라 줄을 보기어두운 테마에서는 전체가 더 밝으니, 내 썸네일만 놓고 판단하면 과대평가하게 됩니다. 이웃들 옆에 두고 보는 것만이 실제로 무엇을 얻었는지 알려 줍니다.

올릴 수 있는 파일은 하나뿐

질문이 나오니 분명히 해 두겠습니다. 어두운 모드 시청자와 밝은 모드 시청자에게 서로 다른 썸네일을 내보낼 방법은 없습니다. 파일 하나, 바닥 둘, 그리고 선택은 다른 사람이 합니다.

그래서 이 문제 전체가 취향이 아니라 하나의 설계 제약이 됩니다. 원하는 썸네일은 두 테마 중 한쪽에서 가장 멋진 것이 아니라, 나쁜 쪽 경우도 여전히 좋은 것입니다. 색이 더 나쁜 바닥만큼의 값을 가지는 것과 같은 이치입니다.

많이 나오는 질문